@charset "utf-8";

body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ul, ol, li, form, fieldset, input{margin: 0; padding: 0; border: none;}

ul, ol, li{list-style-type: disc; }
ul.general li{list-style-type: disc; margin-left:30px;margin-bottom:10px;}
a{text-decoration: none;}
a:focus{outline:0px;}
img{border: 0;}

/* layout styles */
body{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; background: #191919;}

#outer-wrap{width: 100%; float: left; background: #42afd8 url(images/outer_backg.png) repeat-x;}

#main-wrap{width: 100%; float: left; background: url(images/content-wrap_bg.png) repeat-x; background-position: bottom;}

#content-wrap{width: 954px; float: none; margin: 0 auto; background: url(images/content-wrap_bg.png) repeat-x;}

#content-wrap img, #mainContent img, #middleContent img{float: left; margin: 0; padding: 0; border: 0;}

div.header{width: 954px; float: left; background: none;}

div.header h1{width: 318px; float: left; margin: 0px 0 0 22px; padding-bottom: 10px;}

.topmargin{margin-top: 22px;}

div.header ul.topNav{width: 228px; height: 24px; float: left; margin: 11px 0 0 694px; background: url(images/top_nav_bg.png) no-repeat; padding-left: 6px;}

div.header ul.topNav li{float: left; height: 10px; width: auto; display: block; margin: 8px 0 0px 0px; padding: 0px 1px 0 0; border-right: 1px solid #fff; line-height: 8px;}

div.header ul.topNav li a{font-size: 11px; font-weight: lighter; color: #fff; padding:0 5px;}

div.header #banner{background: url(images/banner_bg.png) no-repeat; height: 305px; width: 954px; float: left; margin: 0; padding: 0;}

#banner div.sliderContent{width: 372px; height: 257px; float:left; margin: 25px 0 0 73px; background: url(images/slider_box.png) no-repeat;}



#banner div.content{width: 460px; float: left; margin: 26px 0 0 22px;}

#banner div.content h2{font-size: 27px; color: #fff; font-weight: bold; width: 377px; float: left; padding: 30px 0 0 24px;}

#banner div.content p{width: 405px; float: left; color: #fff; font-size: 15px; line-height: 22px; padding: 6px 0 25px 24px;}

#banner div.content p.readMore, #banner div.content p.signup{padding: 0; margin-left: 24px; display: block; width: 135px; height: 39px; float: left; background: url(images/readmore_btn.png) no-repeat;}

#banner div.content p.signup a, #banner div.content p.readMore a{color: #FFF; font-size: 13px; font-weight: bold; text-transform: uppercase; line-height: 32px; margin-left: 14px;}

#banner div.content p.readMore a{padding-left: 4px;}

/* --- body middle content -- */
#mainContent {width: 954px; float: none; margin: 0 auto;}

#middleContent span.contentbg{background: url(images/top-content-bg_top.png) no-repeat; float: left; width: 954px; height: 10px;}

#middleContent{width: 954px; float: left; background: url(images/content_bg.gif) repeat-y;}

#middleContent ul.menu{display: block; width: 929px; float: left; padding-left: 5px; background: url(images/menu_bg.png) no-repeat left; margin: 0 0 0 9px;}

#middleContent ul.menu li{display: block; float: left; width: auto; height: 45px;}

#middleContent ul.menu li.nobg{background: none;}

#middleContent ul.menu li a, #middleContent ul.menu li a.active{font-size: 16px; color: #fff; font-weight: bold; width: auto; float: left; padding: 0 28px 0 0; margin: 5px 0 0 0; line-height: 35px;}

#middleContent ul.menu li a span{display: block; height: 35px; width: auto; float: left; padding: 0 0 0 27px;}

#middleContent ul.menu li a:hover, #middleContent ul.menu li a.active{background: url(images/nav-bg_right.png) no-repeat right; color: #ea951b;}

#middleContent ul.menu li a:hover span, #middleContent ul.menu li a.active span{background: url(images/nav-bg_left.png) no-repeat left;}

#middleContent ul.menu li.space {width: 2px; height: 45px; float: left; padding: 0 5px; text-indent: -9999px; background: url(images/nav-divider.png) no-repeat center top;}

#leftPan{ width: 598px; float: left; margin: 0; margin-right: 28px; padding: 20px 0 0 16px; background: #fff;}

#leftPan h2{font-size: 22px; color: #5db8ff; padding: 8px 0 10px 0;}

#leftPan h2 span{color: #ea951b;}

#leftPan p{width: 570px; float: left; line-height: 22px; color: #919191; font-size: 13px; padding-bottom: 22px;}

#leftPan p span{color: #919191; font-size: 13px; font-weight: bold;}

#leftPan a.readMore{width: 73px; float: left; color: #5db8ff; font-size: 13px; text-decoration: underline; background: url(images/small-arrow.gif) no-repeat right; margin-bottom: 23px;}

/* service list in leftpan body */
#leftPan ul.services{width: 598px; float: left; padding-top: 28px; background: url(images/services_bg.png) no-repeat;}

#leftPan ul.services li{display: block; width: 297px; float: left; border-right: 1px soldi #ededed;}

#leftPan ul.services li h3{font-size: 14px; font-weight: bold; color: #ea951b; line-height: 19px;}

#leftPan ul.services li p{width: 171px; float: left; font-size: 13px; font-weight: normal; color: #399dce; line-height: 16px;}

#leftPan ul.services li img, #right div.testimonials img{float: left;}

/* applying style to services li */
#leftPan ul.services li.topleft img{margin: 0 16px 0 0;}

#leftPan ul.services li.topleft{background: url(images/li_bg-top.png) no-repeat bottom right;}

#leftPan ul.services li.topright img, #leftPan ul.services li.botright img{margin: 0 23px 0 0;}

#leftPan ul.services li.topright{width: 274px; float: left; padding-left: 22px; background: url(images/li-corner_topright.png) no-repeat bottom left;}

#leftPan ul.services li.botleft img{margin: 0 15px 0 0;}

#leftPan ul.services li.botleft{padding-top: 15px; background: url(images/li-corner_botleft.png) no-repeat top right;}

#leftPan ul.services li.botright{width: 274px; float: left; padding: 15px 0 0 22px; background: url(images/li_bg-bot.png) no-repeat top left;}

/* stylin right column content */
#rightPan{width: 292px; float: left; padding: 20px 0 0 0;}

#rightPan h2.toptitle{color: #000; font-size: 16px; font-weight: bold; padding: 16px 0 13px 20px; background: url(images/recent_bg.png) no-repeat left;}

#rightPan ul{width: 292px; float: left; padding: 0; margin-top: -2px; padding-bottom: 15px; background: #daefff;}

#rightPan ul li{width: 255px; margin-left: 20px; padding: 14px 0 12px 0; border-bottom: 1px dashed #9fbfd9;}

#rightPan ul li.nobor, #leftPan ul.blog li.nobotline, #leftPan ul.portfolio li.nobotline, #leftPan ul.usefullinks li.nobotline{border: none;}

#rightPan img{float: left; margin: 0; padding: 0; border: none; background: none;}

#rightPan ul li img{float: left; margin-right: 13px;}

#rightPan ul li p{font-size: 11px; color: #003f71;}

#rightPan ul li p span{font-size: 12px; font-weight: bold;}

/* stylin inner bottom content in right column */
#right div.testimonials{width: 292px; float: left;}

div.innercontent{width: 292px; float: left; background: url(images/inner_repeator.gif) repeat-y;}

div.testimonials h2{width: 292px; font-size: 16px; float: left; padding: 0 0 10px 10px; margin-top: 26px;}

div.testimonials div.innercontent p{width: 253px; float: left; font-size: 11px; color: #919191; padding: 5px 0 10px 20px; line-height: 16px;}

div.bottominner{width: 292px; height: 64px; float: left; background: url(images/inner-bg_bottom.png) no-repeat;}

div.bottominner p.mark{width: 125px; float: left; text-align: right; margin: 30px 0 0 152px; font-size: 11px; color: #919191;}

div.bottominner p.mark span{font-weight: bold;}

/* stylin footer content */
#footer-wrap{width: 100%; float: left;}

#footer{width: 954px; height: 100px; float: left; padding-top: 33px;}

div.footLeft{width: 461px; float: left; margin-right: 77px; padding-bottom: 23px;}

div.footLeft h2{width: 436px; font-size: 16px; color: #5db8ff; font-weight: bold; padding-bottom: 5px; margin-left: 25px; border-bottom: 1px solid #394448;}

div.footLeft ul{width: 436px; float: left; padding: 0 0 0 25px;}

div.footLeft ul li{padding: 0; margin: 0; border-bottom: 1px dashed #3c4447;}

div.footLeft ul li h4{font-size: 13px; padding: 14px 0 0 0; color: #fff; ;}

div.footLeft ul li p{padding: 5px 0 16px 0; font-size: 13px; color: #c3c3c3; margin: 0px;}

div.footLeft ul li p a{font-size: 13px; color: #626262;}

div.footLeft ul li a.view{font-size: 12px; color: #626262; font-weight: normal; text-decoration: underline; padding-left: 10px; padding-bottom: 6px; background: url(images/foot_arrow.gif) no-repeat left;}

#footer div.contact{width: 388px; float: left;}

div.contact h2{font-size: 16px; color: #5db8ff; font-weight: bold; padding: 0 0 12px 2px;}

div.contact form{width: 370px; height: 170px; float: left; background: url(images/contact-form_bg.png) no-repeat; color: #c3c3c3; padding:9px 0 0 19px; border: none;}

div.contact form label{width: 80px; float: left; padding: 6px 0 9px 0px; font-size: 13px; color: #c3c3c3; text-align:left; font-weight: normal;}

div.contact form input{width: 267px; height: 20px; float: left; margin: 0 5px 7px 0; background: url(images/input_bg.png) no-repeat; font-size: 12px; color: #c3c3c3; padding: 4px 0 0 10px;}

div.contact form textarea{width: 267px; height: 60px; float: left; border: none;  background: url(images/message_bg.png) no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #c3c3c3; padding: 4px 0 0 10px; overflow: auto;}

div.contact form input.submit{background: url(images/submit_btn.png) no-repeat; width: 71px; height: 23px; float: left; text-transform: uppercase; color: #fff; border: 0px; margin:6px 0 0 80px; padding:0 0 2px 0; text-align:center; }

div.footbottom{width: 954px; height: 49px; float: left;}

div.footbottom p{width: 320px; float: left; margin: 17px 0 0 25px; font-size: 11px; color: #575757;}

div.footbottom p a{color: #fff;}

div.footbottom ul.footnav{width: 238px; float: left; margin: 17px 0 0 343px;}

div.footbottom ul.footnav li{float: left; color: #575757;}

div.footbottom ul.footnav li a{float: left; padding: 2px; color: #575757; font-size: 11px;}

/* ###################################
######## coding inner pages ##########
 ################################### */
   /* STYLIN CONTACT US PAGE */

#rightPan div.innerbody{width: 292px; float: left; background: #daefff; margin-top: -2px;}

#rightPan div.innerbody p{padding: 10px 0 10px 20px; line-height: 16px; color: #003f71; font-size: 13px;}

/* --- stylin blog page --- */
#leftPan ul.blog, #leftPan ul.portfolio, #leftPan ul.usefullinks{width: 598px; float: left;}

#leftPan ul.blog li, #leftPan ul.portfolio li, #leftPan ul.usefullinks li{display: block; width: 598px; float: left; border-bottom: 1px dashed #c9c0b4;}

#leftPan ul.blog li h3, #leftPan ul.portfolio li h3, #leftPan ul.usefullinks li h3{font-size: 22px; font-weight: normal; padding: 10px 0 0 0; margin: 0;}

#leftPan ul.blog li p.date{padding-bottom: 2px; margin: 0;}

#leftPan ul.blog li p.date a,#leftPan ul.blog li p.comments a{color: #5db8ff;}

#leftPan ul.blog li p.post, #leftPan ul.usefullinks li p.post{margin: 0; padding: 0 0 6px 0;}

#leftPan ul.blog li p a.readMore{margin-bottom: 0px;}

#leftPan ul.portfolio li img{float: left; margin: 9px 12px 0 0;}

#leftPan ul.portfolio li p.post{width: 380px; margin: 0; padding: 0 0 6px 0; text-align: justify;}

#leftPan ul.portfolio li p a.readMore, #leftPan ul.usefullinks li p a.readMore{margin-bottom: 4px;}

/* --- stylin usefullinks page --- */
#leftPan img.services{margin-bottom: 10px;}

#leftPan a.readmore{width: 73px; float: left; color: #5db8ff; font-size: 13px; text-decoration: underline; background: url(images/small-arrow.gif) no-repeat right;}

/* stylin sitemap page */
#leftPan ul.sitemap{width: 200px; float: left;}

#leftPan ul.sitemap li{width: auto; padding-bottom: 2px;}

#leftPan ul.sitemap li a{color: #5db8ff; font-size: 13px; text-decoration: underline; padding-left: 11px; background: url(images/small-arrow.gif) no-repeat left;}

#leftPan ul.sitemap li a:hover{color: #5db8ff; font-size: 13px; text-decoration: none; padding-left: 11px; background: url(images/small-arrow.gif) no-repeat left;}
/* Easy Slider */

#slider{width:340px; margin:17px 0 0 16px; padding:0px; float:left;}	

#prevBtn, #nextBtn{ 
display:block;
width:34px;
height:34px;
position:absolute;
left:-30px;
top:104px;
}	
#slider ul
	{
		float:left;
		margin:0px;
		padding:0px;
		width:340px;
		display:block;
	}
#slider ul li
	{
		float:left;
		margin:0px;
		padding:0px;
		width:340px;
		display:block;
		height:222px;
	}
#nextBtn{ 
left:355px;
}														
#prevBtn a, #nextBtn a{  
display:block;
width:34px;
height:34px;
position:absolute;
z-index:200;
left:20px;
top:5px;
text-indent:-9999px;
background: url(images/left-slide_btn.png);	
}	
#nextBtn a{ 
background:url(images/right-slide_btn.png);
left:0px;
width:34px;
height:34px;
}												
#container{	
margin:0px;
position:relative;
text-align:left;
width:340px;
left:0;
padding:0px;
float:left;
border:0px;
}	
/* // Easy Slider */