@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700,300,100);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300);
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
/*font-family: 'Roboto', sans-serif;*/
*{ margin:0; padding:0;}
body{font-size:14px;color:#fff; font-family: 'Open Sans', sans-serif; background:url(../images/main-bg.gif)repeat-x;}
html{margin:0;padding:0}
img, select{border:0}
ul{list-style:none;}
img{max-width:100%; height:auto;}
a{color:#333;text-decoration:none;border:none}
p{font-size:14px;line-height:20px; margin-bottom:10px;}
.clear{clear:both}
/*------------- Heading ------------------*/
h1, h2, h3, h4, h5, h6{font-family: 'Open Sans', sans-serif; font-weight:normal;}
h1{font: 500 36px/32px 'Roboto',sans-serif;}
h2{font: 300 30px/32px 'Roboto',sans-serif;}
h3{}
h4{font: 300 20px/32px 'Roboto',sans-serif;}
h5{font:600 18px 'Lato',Arial, Helvetica, sans-serif;  }
h6{}
.hide-border{ border-top:1px solid #fff; width:100%; position:relative;}
.sepretor{width:100%; border-top:solid 1px #7c7c7c; margin:9px 0 15px }
.sepretor2 { background: url("../images/sepretor2.png")repeat scroll; height: 5px; width: 100%;}
.sepretor3{width:100%; border-top:solid 1px #ccc; margin:15px 0 }
/*------------- Top Header------------------*/
.wrapper{width:980px;margin:auto; }	
.wrapper2{width:920px;margin:auto; padding:30px; background:#fff; color:#333333; margin-top:8px; }	
.logo{float:left;}
.kitbook{float:right; margin-right:30px; width:255px; margin-top:40px; color:#ffffff!important;}
.kitbook img{float:left; margin-right:20px;}
.kitbook h4{font: 600 23px/25px 'Roboto',sans-serif; color:#ffffff!important;;}
.kitbook h4 span{font: 600 12px/20px 'Roboto',sans-serif; color:#fff;}
.bannerLeft{float:left; width:750px;}
.contactRightPannel{float:right; width:210px; padding-top:40px; color:#fff; position:relative; }
.contactRightPannel a{color:#fff; font-size:14px; }
.contactNo{ margin-bottom:15px;}
.contactNo a:hover{color:#FC3;}
.contactNo img{ margin-bottom:10px;}
.contactNo b{ font:600 14px/20px 'Roboto', sans-serif;}
.contactNo h4{ font:600 23px/28px 'Roboto', sans-serif;}
.contactNo h4 span{ font:500 12px/20px 'Roboto', sans-serif;}
.contactNo h6{ font:600 12px/22px 'Roboto', sans-serif; color:#8d8d8d;}
.quickQuery{margin: -10px 0 0;}
.quickQuery h2{font:700 24px/35px 'Open Sans', sans-serif; color:#fff; margin-bottom:13px;}
.input-fld{ background:#fff; padding:6px; width:86%; border:none;  margin-bottom:10px; font:500 12px 'Open Sans', sans-serif; color:#000;}
.styled-select select {
   background: transparent;
   width: 116%;
   padding:6px 6px 6px 3px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: auto;
   -webkit-appearance: none;-moz-appearance: none;
   font:500 12px 'Open Sans', sans-serif; color:#000;
   }
   .styled-select {
   width: 190px;
   height: 31px;
   overflow: hidden;
   background: url("../images/pointer.png") no-repeat 173px center #fff;
   border: 1px solid #ccc;
   margin-bottom:10px;
   }

.quickQuery textarea{resize:none; height:56px;}

.sel-fld{ background:#f1f1f1; padding:10px; width:103%; border:none; color:#333; border-radius:5px; margin-bottom:10px;}
.sub-btn{background:#faf3d2; border:none; color:#000; font-size:14px; padding:7px 15px; text-transform:uppercase;}
.sub-btn:hover{ cursor:pointer;}
.servicesClient{position:absolute; bottom:-155px; margin-left:27px;}
.custom-apl{padding:0; margin-top:25px; position:relative;}
.custom-apl h1{font:700 18px/23px 'Open Sans', sans-serif; color:#000; background:#e8c21e; padding:5px 10px; float:left;  text-transform:uppercase; margin-left:10px; position:absolute; top:-55px;}
.custom-apl li{float:left; font:500 16px/19px 'Open Sans', sans-serif; padding:0 30px; color:#000;  border-right:solid 1px #ae9116; height:50px; }
.custom-apl li:last-child{ border-right:none; margin-right:0; padding-right:0;}
.custom-apl li p{display:block; float:left; margin-top:6px; font:600 16px/19px 'Open Sans', sans-serif;}
.custom-apl li img{ float:left; margin-right:10px;}
.thanks{color: #333;   font: 600 18px/25px 'Open Sans',sans-serif;  text-transform: uppercase;}
.mainRow{width:100%;}
.mainRow .row1{margin-bottom:50px;}
.mainRow .row1 h5{margin-bottom:15px;}
.mainRow .row1 p{font:500 12px 'Lato',Arial, Helvetica, sans-serif; }
ul.listing2{padding:0; margin:0}
ul.listing2 li{padding:5px 0; background:url(../images/list.jpg) no-repeat scroll left center; font:500 12px 'Lato',Arial, Helvetica, sans-serif; padding-left:15px;}
/*------------- Tab - Fade ------------------*/
.tab-area{ width:100%; margin-top:60px; color:#000; margin-bottom:40px; }
#tab-box { margin:0; float:left; min-height:165px; width:100%;}
ul.tabs {margin:0;	padding:0;	float:left;	list-style:none;height:45px;width:100%;	border-bottom:solid 1px #d6d6d6; padding-bottom:10px; margin-bottom:35px;}
ul.tabs li{float:left;  margin-right:60px; border-right:solid 0px #d6d6d6; padding:0 30px; padding-bottom:25px;}
ul.tabs li a {color:#333; text-transform:uppercase; font:600 18px/25px 'Open Sans', sans-serif;  }
ul.tabs li a:hover {}
ul.tabs li a:last-child{border-right:none;}
/*ul.tabs li.active{background:url(../images/tab-button.jpg) no-repeat scroll bottom center;}*/
ul.tabs li.active{border-bottom:solid 5px #3c4a74;  }
 ul.tabs li.active a{color:#3c4a74!important; }
/*.tab_container {margin-top:1px;	clear: both;float: left; width: 100%;}
.tab_content .box1{ width:326px; float:left; margin-right:82px; padding-top:10px; padding-left:20px;}
.tab_content .box1 p{ margin-bottom:30px;}
.tab_content .box1 h3{font:500 18px/24px 'Open Sans', sans-serif;}
.tab_content .box2{ width:545px; float:left;}
.tab_content .box2 ul{ margin:0; padding:0;}
.tab_content .box2 ul li{ padding:10px 0; list-style-type:disc; color:#333; font:500 16px 'Lato',Arial, Helvetica, sans-serif; border-bottom: 1px solid #d6d6d6;}
.tab_content .box3{ width:343px; float:left; margin-right:70px; padding-top:9px; padding-left:20px;}
.tab_content .box3 p{ margin-bottom:30px;}
.tab_content .box3 h3{font:500 18px/24px 'Open Sans', sans-serif;}
.tab_content .box4{ width:540px; float:left;}
.tab_content .box4 ul{ margin:0; padding:0;}
.tab_content .box4 ul li{ padding:10px 0; list-style-type:disc; color:#333; font:500 16px 'Lato',Arial, Helvetica, sans-serif; border-bottom: 1px solid #d6d6d6;}*/
/*------------- Client logo ------------------*/
.client-logo{ color:#000;}
.client-logo h3{padding-bottom:20px; border-bottom: 1px solid #d6d6d6; text-transform:uppercase; font-weight:bold; margin-bottom:10px; padding-left:20px;}
.foot-tab ul{ text-align:center;}
.foot-tab ul li{ display:inline-block; margin-right:20px;}
.foot-tab ul li span{ float:left; font-size:30px; font-weight:bold; font-family: 'Lato', sans-serif; font-weight:normal;}
.foot-tab ul li p{display:inline-block; margin-left:10px; font-size:13px; line-height:12px; margin-bottom:0; text-align:left; margin-top:5px;}
.foot-tab ul li img{display:inline-block; float:left; margin-right:3px; margin-top:6px;}
.copyright{text-align:center; color:#000; padding:15px 0; font-size:12px; width:960px; margin:auto;}
.copyright a{padding-right:10px; margin-right:10px; border-right:solid 1px #7e7e7e;}
.copyright a:hover{color:#c7a112;}
/*------------- slider ------------------*/
.slider-area{width:750px; height:357px; margin-top:18px;}
/*------------- scroller ------------------*/
#slider6 { width:520px; overflow:hidden;}
#slider6 .viewport {float:left; width:520px; height:75px; margin:10px 0 0px 0px; position:relative; overflow:hidden;}
#slider6 a{float:left; position:absolute; margin-top:-35px; right:168px; padding-right:10px; background:url(../images/camp.png) no-repeat scroll right center; }
#slider6 .next { background:url(../images/next.gif); }
#slider6 .overview { list-style: none; position: absolute; width:506px; left:0px; top:0px;}
#slider6 .overview li{ float:left; width:550px; margin:5px 20px 0 0px; background:none; padding:0; border:none;}
#slider6 .overview li small{font-size:12px; color:#0b5887; text-transform:uppercase;}
#slider6 .overview li img{ padding:0; float:left; margin-right:10px;}
#slider6 .overview li h3{color:#666633;}
#slider6 .overview li p{font-size:12px;}
#slider6 .overview li a{margin-top:15px; float:left; padding:0;}
.featurePanel { margin:0px; padding:0px; height:357px; *height:230px}
.content-container{ position:relative; width:750px;  margin:0px; padding:0px; color:#666; font:12px Arial, Helvetica, sans-serif; }
.spotlight{  width:750px; margin:0px 0 0 0px; padding:0px 0 0 0px ; position:absolute;  }  
.spotlight h3{ float:left; width:192px; margin:0; font: bold 12px Arial, Helvetica, sans-serif; color: #990000;text-transform: uppercase;} 
*html .spotlight p{ margin:0px; padding:8px 0 0 0;} 		
.img_border{ display:block;}
.content-container p{line-height:18px;  padding:15px 0 15px 0}
/*------------- slider ------------------*/
.coda-slider-no-js .coda-slider { overflow: auto ; margin-right:0px!important}
.coda-slider, .coda-slider .panel { width:750px; height:357px; *height:197px;margin:0px 0 0px 0!important; padding:0px!important; } 
.coda-slider .panel p{color:#fff; margin-top:-103px; background:url(../images/ban-bg.png); position:absolute; width:90%; font:14px; font:600 14px/20px 'Open Sans', sans-serif;  padding-right:75px; text-align:right; }
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width:308px;margin:0px!important; padding:0px!important;}
*html .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width:308px;margin:0px!important; padding:0px!important; }
.coda-slider-wrapper.arrows .coda-slider { border:none } 
.coda-nav-left a {  background:url(../images/arrow-l.png) no-repeat; text-decoration:none; width:13px; height:11px; display:block; }
.coda-nav-right a {   background:url(../images/arrow-r.png) no-repeat; text-decoration:none; width:13px; height:11px; display:block; }
.coda-nav-left a:hover, .coda-nav-right a:hover{ border:none;  }
.coda-nav ul li a.current { background:#990000}
.coda-slider {  } 
.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
.coda-nav ul li { display: inline }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left; position:relative; }
.coda-slider .panel-container { position: relative ;}
.coda-nav-right { float: right;  padding:0px; margin-top:5px; position:absolute; bottom:20px; right:20px; z-index:9999;  }
.coda-nav-left { float: right;  padding:0px; margin-top:5px; position:absolute; bottom:20px; right:36px; z-index:9999; }
.panel p{ padding-left:0px;}
.panel p span{ padding-left:5px; font-size:11px;}
.blue_color { color:#003366; font-weight:700;}


/*LOCTION TAB CSS*/

.group{width:100%; height:auto; position:relative;}
.group .grid_box{padding-left: 0px;width: 17%; text-align:left; float:left; margin-left:2.6%;}
.group .grid_box:first-child { margin-left: 0; }
.group .grid_img{}
.group .grid_box .grid_title{background: none repeat scroll 0 0 #e8c21e;
    color: #000;
    font-size: 10.5px;
    padding: 3px 2px;
    position: absolute;
    text-align: center;
    top: 112px;
    width: 16.6%;}
.group .grid_box p.desc {padding:25% 5% 0% 0; min-height:80px; font-size:8pt;}
.group .grid_box p.desc-bottom {font-size:12px;}
.group .grid_box p.desc a{text-transform:uppercase;color:#000;font-size:1em;}
.group .grid_box p.desc a:hover{color:#333;}