@charset "utf-8";

body, div, span, p, h1, h2, h3, h4, h5, h6, img, ul, ol, li, a, blockquote{margin: 0; padding: 0; border: 0; text-decoration: none; list-style: none; outline: 0;}

img{float: left;}
.rightcontent {
	font-size: 11px;
	color: #666;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 18px;
}


a{
	color: #00C;
	outline: none;
}

a:hover{
	color: #900;
	text-decoration: underline;
}

/* layout starts from here */
body{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; background: #656565;}
.headerfours {
	font-size: 14px;
	font-weight: bold;
	color: #009;
}


#outer-wrapper{width: 100%; float: left; background: #fff url(images/wrapper.jpg) repeat-x;}

#body-wrap{width: 900px; float: none; margin: 0 auto;}

#main-wrap{width: 100%; float: left; background: url(images/footer-bg.jpg) repeat-x bottom left;}

#header{width: 900px; float: left;}

/* logo and contact */
h1{display: block; width: 207px; height: 38px; float: left; margin: 30px 0 0 18px;}
.riiight {
	background-image: url(images/heading_bg.jpg);
	font-size: 18px;
	color: #00F;
	background-repeat: repeat-x;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
}
.floatleft {
	float: left;
}



#header p{width: auto; float: left; font-size: 13px; padding-top: 22px; margin: 30px 0 0 470px; color: #8bbb23;}

#header p span{font-size: 13px; color: #656565;}

/* site navigation */
ul.nav{width: 878px; height: 41px; float: left; display: block; padding: 0 10px; margin-top: 32px;}

ul.nav li{display: block; float: left; width: auto; height: 35px; padding: 6px 12px 0 10px; background: url(images/nav-border.png) no-repeat right;}

#header ul.nav li.noDiv{background: none; background-image: none;}

ul.nav li a{float: left; padding: 0; line-height: 26px; cursor:pointer}

ul.nav li a span{display: block; height: 27px; float: left; padding: 2px 16px 2px 16px;}

ul.nav li a:hover, ul.nav li a.active{color: #fff; text-decoration: none; background: url(images/nav-left.jpg) no-repeat left;}

ul.nav li a:hover span, ul.nav li a.active span{display: block; height: 27px; float: left; padding: 2px 16px 2px 16px; text-decoration: none; background: url(images/nav-right.jpg) no-repeat right;}

/* stylin banner content */
#banner{width: 900px; height: 304px; float: left; background: url(images/banner_bg.jpg) no-repeat;}

/* slogan */
#banner div.banner-content{width: 395px; float: left; margin: 55px 0 0 44px;}

div.banner-content h2{font-size: 27px; color: #fff; font-weight: bold; padding-bottom: 24px;}

div.banner-content blockquote{width: 383px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; line-height: 21px;  padding: 0px;  no-repeat left top;}

div.banner-content blockquote span{width: 20px; height: 16px; float: none; padding: 0 10px; margin: 4px 0 0 0; background: url(images/q-botom.png) no-repeat left bottom;}

/* stylin slider content */
ul.slider{width: 365px; float: left; margin: 44px 0 0 75px;}

/* stylin body content */
#content-wrap{width: 900px; float: left; padding-top: 27px; padding-bottom: 26px; background: url(images/content-wrap.png) repeat-x bottom;}

div.leftPan{width: 574px; float: left;}

div.rightPan{width: 300px; float: left; padding-left: 26px;}

/* stylin innercontent inside leftPan */
div.leftPan h3{font-size: 18px; color: #009; height: 32px; width: 555px; float: left; padding: 9px 0 0 18px; margin: 0 0 20px 0; background: url(images/heading_bg.jpg) repeat-x 100%;}

div.leftPan p{width: 532px; float: left; margin-left: 18px; line-height: 18px; color: #656565; padding: 0 0 24px 0;}

/* lower list items */
ul.kollect{width: 505px; float: left; padding: 0 0 30px 18px;}

ul.kollect li{width: 486px; float: left; line-height: 27px; padding-left: 15px; background: url(images/l-arow.png) no-repeat 0 11px;}

ul.kollect li a{
	font-size: 12px;
	float: left;
	color: #039;
}

/* lower leftpan content */
ul.lowerContent{width: 532px; float: left; padding-left: 16px; margin-left: 18px; border: 1px dashed #9d9d9d;}

ul.lowerContent li{width: 503px; float: left; padding: 19px 0 19px 0px; border-bottom: 1px dashed #9d9d9d;}

ul.lowerContent li.nobor{border: none;}

ul.lowerContent li img{float: left; margin: 0 16px 0 0;}

ul.lowerContent li h4{float: left; font-size: 13px; color: #53bd19; font-weight: bold;}

ul.lowerContent li p{width: 326px; font-size: 11px; color: #656565; margin: 0; padding: 0;}

/* stylin rightside bar */
.rightPan h3, .rightPan h4{background: url(images/heading_bg.jpg) repeat-x; height: 28px; float: left; width: 280px; font-size: 14px; font-weight: bold; color: #4b4b4b; padding: 13px 0 0 20px;}

ul.lists{width: 300px; float: left; margin: 19px 0 0 0;}

ul.lists li{width: 286px; float: left; margin-bottom: 22px;}

ul.lists li img{margin: 0 15px 0 0;}

ul.lists li h5{font-size: 12px; font-weight: lighter; color: #7fb40d; padding: 0px 0 3px 0; text-decoration: underline;}

ul.lists li p{width: 185px; float: left; font-size: 11px; color: #656565;}

/* styling testimonials */
.rightPan blockquote{background: url(images/Qto-left.png) no-repeat top left; width: 250px; float: left; margin-top: 15px; font-size: 11px; color: #4b4b4b; line-height: 16px; font-weight: lighter; padding: 26px 0 0px 0; margin-left: 24px; text-indent: 0;}

.rightPan blockquote span{float: right; display: block; width: 24px; height: 22px; margin-top: 16px; background: url(images/Qto-low.png) no-repeat;}

.rightPan p.sign{width: 300px; float: left; font-size: 11px; color: #4b4b4b; margin-left: 26px;}

.rightPan p.sign span{padding-left: 12px;}

/* stylin footer content */
#footer{
	width: 900px;
	float: left;
	padding: 30px 0 35px 0;
	color: #FFF;
	background-color: #900;
}

#footer p{width: auto; float: left; font-size: 11px; color: #aaaaaa; margin-left: 8px;}

#footer ul.footnav{width:auto; float:right; margin-right:20px;}

ul.footnav li{float: left; color: #aaaaaa; padding: 0 2px;}

ul.footnav li a{float: left; padding: 1px; font-size: 11px; color: #aaaaaa;}

/* ################################################
############## Stylin Inner pages ################
############################################### */
div.leftContent{
	text-align:justify;
}

/* stylin contact us page */

div.rightContent p.address{
	width:253px;
	float:left;
	font-size:12px;
	line-height:16px;
	padding-left:24px;
	margin-top:18px;
	color:#4b4b4b;
}
div.rightContent h5{
	margin-left:24px;
}
div.rightContent h5:hover, div.rightContent h5 a:hover{
	text-decoration:none;
}
div.rightContent p{
	width:253px;
	float:left;
	font-size:12px;
	line-height:16px;
	padding-left:24px;
	color:#4b4b4b;
}

/* stylin blog page */
ul.blog li h3{
	margin:0;
	background:none;
}
ul.blog li p.date{
	padding:0 0 6px 0;
	border-bottom:1px dotted #aaa;
}
ul.blog li p.post{
	padding:0px 0 12px 0;
}
ul.blog li p.comments{
	padding:0 0 6px 0;
}

.leftPan ul.collect{
	padding-top:20px;
}


/* Easy Slider */

#slider{width:200px;
	 	margin:0px;
		padding:0 0px 0 0; display:block}
#slider ul, #slider li{
	width:285px;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#slider ul li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:285px;
overflow:hidden;
outline:0px;
border:0px;
}
#prevBtn{
	display:block;
	height:40px;
}
#nextBtn{
	display:block;
	height:40px;
}
#nextBtn{
	width: 50px;
	float:right;
}
#prevBtn{
	width: 50px;
	float:left;
}
#prevBtn a, #nextBtn a{
display:block;
width: 28px;
height:38px;
float:left;
z-index:60px;
text-indent:-9999px;
position:relative;
top:-135px;
left:-40px;
}
#prevBtn a{
	width: 50px;
	float:left;
	background: url(images/left-arow.png) no-repeat left;
}
#nextBtn a{
	width: 50px;
	float:left;
	margin-left:45px;
	background: url(images/r-arrow.png) no-repeat right;
}
#container{
margin:0px;
text-align:left;
width:320px;
padding:0 0px 0 35px;
margin:45px 0 0 55px;
float:left;
border:0px;
}
/* // Easy Slider */
.tableheader {
	font-weight: bold;
	color: #FFF;
	background-color: #009;
	padding: 4px;
}
.tablecell {
	color: #FFF;
	background-color: #900;
	font-weight: bold;
}