@charset "utf-8";
/* CSS Document */
body{color:#49484d; font:normal 14px/18px 'latoregular'; padding:0; margin:0;}
*{padding:0; margin:0;}
img{border:0;}
a{text-decoration:none; outline:0;}
input, textarea, select{outline:0!important;}

.left{float:left!important;}
.right{float:right!important;}
.clear{clear:both;}
.spacer{clear:both; display:block; line-height:0; font-size:0;}
h1, h2{font-family:'titilliumtext25l600_wt';}
h3, h5, h6{font-family:'ropa_sansregular'; font-weight:normal;}


/* --------------------- all fonts ------------------------- */
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-reg_0-webfont.eot');
    src: url('../fonts/lato-reg_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-reg_0-webfont.woff') format('woff'),
         url('../fonts/lato-reg_0-webfont.ttf') format('truetype'),
         url('../fonts/lato-reg_0-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ropa_sansregular';
    src: url('../fonts/ropasans-regular-webfont.eot');
    src: url('../fonts/ropasans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ropasans-regular-webfont.woff') format('woff'),
         url('../fonts/ropasans-regular-webfont.ttf') format('truetype'),
         url('../fonts/ropasans-regular-webfont.svg#ropa_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'titilliumtext25l400_wt';
    src: url('../fonts/titilliumtext25l003-webfont.eot');
    src: url('../fonts/titilliumtext25l003-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titilliumtext25l003-webfont.woff') format('woff'),
         url('../fonts/titilliumtext25l003-webfont.ttf') format('truetype'),
         url('../fonts/titilliumtext25l003-webfont.svg#titilliumtext25l400_wt') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'titilliumtext25l600_wt';
    src: url('../fonts/titilliumtext25l002-webfont.eot');
    src: url('../fonts/titilliumtext25l002-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titilliumtext25l002-webfont.woff') format('woff'),
         url('../fonts/titilliumtext25l002-webfont.ttf') format('truetype'),
         url('../fonts/titilliumtext25l002-webfont.svg#titilliumtext25l600_wt') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
				font-family: 'HelveticaRoundedLTStd-BdCn';
				src: url('../fonts/helveticaroundedltstdbdcn.eot');
				src: url('../fonts/helveticaroundedltstdbdcn.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/helveticaroundedltstdbdcn.woff') format('woff'),
						 url('../fonts/helveticaroundedltstdbdcn.ttf') format('truetype'),
						 url('../fonts/helveticaroundedltstdbdcn.svg#helveticaroundedltstdbdcn') format('svg');
				font-weight: normal;
				font-style: normal;
		}
		
@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bol-webfont.eot');
    src: url('../fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bol-webfont.woff') format('woff'),
         url('../fonts/lato-bol-webfont.ttf') format('truetype'),
         url('../fonts/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}		
		
/* ======================================================== */		
#wrapper{width:100%; padding:0; margin:0;}
.content{width:1000px; margin:0 auto;}
/* ------------------------------- header ---------------------------------- */
#header{background:url(../images/header_bg.png) 0 0 repeat-x; height:123px; clear:both; width:100%; position:relative; z-index:200;}
#header .header-top{clear:both; height:85px;}
#header .logo{background:url(../images/Kent-Civil-Logo.jpg) 0 0 no-repeat; width:149px; float:left; margin:0px 0 0 0; position:absolute;}
#header .logo a{display:block; padding:0 0 0 0; line-height:normal; font-size:0; float:left;}
#header .rtPanel{padding:21px 0 0 0; width:660px; float:right;}
#header .rtPanel p{color:#4e4f51; background:url(../images/curley_braces_rt.gif) 100% 50% no-repeat; padding:0 16px 0 0;}
#header .rtPanel p span{background:url(../images/curley_braces_lt.gif) 0 50% no-repeat; padding:11px 0 11px 16px; display:block;}

.navigation{height:38px; clear:both; position:relative;}
.navigation .nav{width:730px; float:right;}
.navigation .callus{position:absolute; right:0px; top:2px; color:#FFF; font:normal 16px/17px 'ropa_sansregular'; text-transform:uppercase;}
.navigation .callus span{font-size:27px; line-height:30px; font-family:'HelveticaRoundedLTStd-BdCn';}

/* ------------------------ slider section -------------------------*/
#slider-block{background:#dcedfc url(../images/slider_bg.png) 0 100% repeat-x; height:453px; width:100%; clear:both; overflow:hidden; position:relative; z-index:100;}
#slider-block .topshadow{background:url(../images/top_shadow.png) 0 0 repeat-x; height:3px; position:absolute; width:100%; left:0; top:0; z-index:2000;}
#slider-block .slider1{background:url(../images/slider1.jpg) 50% 0 no-repeat; height:474px; width:100%;}
#slider-block .slider2{background:url(../images/slider2.jpg) 50% 0 no-repeat; height:474px; width:100%;}
#slider-block .slider3{background:url(../images/slider3.jpg) 50% 0 no-repeat; height:474px; width:100%;}
#slider-block .slider4{background:url(../images/slider4.jpg) 50% 0 no-repeat; height:474px; width:100%;}
#slider-block .slider5{background:url(../images/slider5.jpg) 50% 0 no-repeat; height:474px; width:100%;}
#slider-block .slider6{background:url(../images/slider6.jpg) 50% 0 no-repeat; height:474px; width:100%;}
#slider-block .slider7{background:url(../images/slider7.jpg) 50% 0 no-repeat; height:474px; width:100%;}
.flexslider .slides > li .slider-content{width:1000px; height:374px; margin:0 auto; position:relative;}
.flexslider .slides > li .slider-content .caption{position:absolute; left:0; bottom:40px;}
.flexslider .slides > li .slider-content .caption h2{color:#fafafa; font-size:36px; line-height:38px; text-transform:uppercase; text-shadow: 1px 1px 2px #000;
       }
.flexslider .slides > li .slider-content .caption p{color:#fafafa; font:normal 22px/24px 'titilliumtext25l400_wt'; padding:0; margin:0; text-shadow: 1px 1px 2px #000;
     }

#slider-block  .block{width:1000px; position:relative; margin:0 auto; height:0; z-index:20000;}
.consultationBox{ position:absolute; right:0; top:14px; width:290px;}
.consultationBox .topbar{background:url(../images/consultation_bg_top.png) 0 0 no-repeat; width:290px; height:10px; padding:0!important; margin:0!important; clear:both;}
.consultationBox .shadowBox{background:url(../images/consultation_bg.png) 0 0 repeat-y; clear:both; overflow:hidden; padding:0 3px;}
.consultationBox .shadowBox h3{color:#4c4d4f; background:url(../images/consultation_bg_shadow.png) 0 100% repeat-x; padding:6px 5px 9px 19px; margin:0 0 1px; font-size:24px; line-height:26px; text-transform:uppercase;}
.consultationBox .shadowBox h3 span{display:inline-block; background:url(../images/grn_down_arrow.png) 100% 40% no-repeat; padding-right:24px;}
.consultationBox .shadowBox address{border-top:#d0d6d8 1px dashed; background:url(../images/consultation_icon.png) 19px 10px no-repeat; clear:both; overflow:hidden; padding:10px 10px 13px 64px; font-style:normal;}
.consultationBox .shadowBox address h4{color:#64b53f; font:normal 14px/16px 'latoregular'!important; margin:0 0 2px; text-transform:uppercase;}
.consultationBox .shadowBox address p{color:#474949; font-size:14px; line-height:17px;}
.consultationBox .grnBox{padding:12px 23px 2px; background:url(../images/consultation_grnbg.png) 0 0 repeat-y; clear:both; overflow:hidden;}
.consultationBox .grnBox .txtbox{background:url(../images/txtbox1.png) 0 0 no-repeat; width:243px; height:32px; clear:both; display:block; margin:0 0 7px;}
.consultationBox .grnBox .txtbox input{color:#646464; padding:11px 10px 9px; width:223px; background:none; border:0; font:normal 12px/15px 'latoregular';}

.consultationBox .grnBox .txtarea{background:url(../images/textarea.png) 0 0 no-repeat; width:243px; height:82px; clear:both; display:block; margin:0 0 7px;}
.consultationBox .grnBox .txtarea textarea{color:#646464; padding:10px 10px 9px; width:223px; background:none; border:0; font:normal 12px/15px 'latoregular'; height:63px;}
.consultationBox .grnBox input[type="submit"]{background:url(../images/submit_btn.png) 0 0 no-repeat; width:75px; height:29px; text-align:center; color:#000; cursor:pointer; font:normal 16px/29px 'ropa_sansregular'; text-transform:uppercase; float:right; border:0; margin:0; text-shadow:1px 1px 1px #FFF;}
.consultationBox .grnBox input[type="submit"]:hover{background-position:0 -29px; }
.consultationBox .botbar{background:url(../images/consultation_bot.png) 0 0 no-repeat; width:100%; float:left; height:7px; padding:0!important; margin:0!important; clear:both; overflow:hidden;}


/* ------------------------- main content ----------------------- */
#main{padding:17px 0 18px; background:url(../images/pattern_bg.jpg) 0 0 repeat; clear:both; overflow:hidden; position:relative;}
#main .topShadow{background:url(../images/top_shadow.png) 0 0 repeat-x; height:3px; width:100%; position:absolute; left:0; top:0; display:block; z-index:20;}
#main .wholePanel{width:980px; float:left;}
#main .leftPanel{width:684px; float:left;}
#main .rightPanel{width:270px; float:right;background:#FFFFFF;border-radius: 15px; padding:20px 10px 10px 10px;}
#main .rightPanel .quotes{font-size:24px;}
.contentBox{background:url(../images/thumbnail_box.png) 0 0 no-repeat; width:224px; height:150px; float:left; margin:0 6px 8px 0; text-align:center;}
.contentBox.last{margin-right:0;}
.contentBox .icon{display:block; margin:15px auto 4px;}
.contentBox h3{color:#64b53f; font-size:22px; line-height:24px; margin:0 ; text-transform:uppercase;}
.contentBox p{color:#4c4d4f!important; font-size:14px; line-height:17px; margin:0!important;}
.contentBox p a{color:#64B53F!important;}
.contentBox p a:hover{text-decoration:none!important;}

#main .rightPanel .banner{display:block; float:right;}


/* -------------------------- footer ---------------------- */
#footer{width:100%; background:#f8a120; padding:5px 0 10px; clear:both; overflow:hidden; color:#ffffff; font-size:27px; line-height:30px; font-family:'HelveticaRoundedLTStd-BdCn';}
#footer a{color:#ffffff;}
#footer a:hover{color:#dddddd;}

#main .wholePanel h2{color:#ffffff; font-size:24px; line-height:26px; margin:0 0 18px; text-transform:uppercase;}
#main .wholePanel h2 span, #main .leftPanel h2 small{color:#64b53f;}
#main .wholePanel h2 small{text-transform:none; font-size:22px; line-height:24px;}
#main .wholePanel h4{color:#ffffff; font-size:16px; line-height:17px; margin:0 0 16px;}
#main .wholePanel p{color:#ffffff; font-size:14px; line-height:17px; margin:0 0 16px;}

#main .leftPanel h2{color:#ffffff; font-size:24px; line-height:26px; margin:0 0 18px; text-transform:uppercase;}
#main .leftPanel h2 span, #main .leftPanel h2 small{color:#64b53f;}
#main .leftPanel h2 small{text-transform:none; font-size:22px; line-height:24px;}
#main .leftPanel h4{color:#ffffff; font-size:16px; line-height:17px; margin:0 0 16px;}
#main .leftPanel p{color:#ffffff; font-size:14px; line-height:17px; margin:0 0 16px;}


.inner-page{}
.inner-page #slider-block{height:300px; background:#FFFFFF; overflow:visible;}
.inner-page #slider-block .banner{background:url(../images/inner_banner.jpg) 50% no-repeat; height:300px;}
.inner-page #slider-block .bannerAbout{background:url(../images/inner_banner2.jpg) 50% no-repeat; height:300px;}

.inner-page #main{padding-top:23px;}
.inner-page .rightPanel{padding-top:15px;}

#main .leftPanel ul{list-style-type:none; padding:0; margin:0 0 23px;}
#main .leftPanel ul li {list-style-type:none; padding:0 0 0 16px; margin:0 0 7px; color:#ffffff; font-size:14px; line-height:17px;}
#main .leftPanel ul li:before{content: "• ";color:#f8a120;}
#main .leftPanel ul li a{color:#797a7b;}
#main .leftPanel ul li a:hover{color:#414141;}

#main .leftPanel a{color:#ffffff;text-decoration:underline;}
#main .leftPanel a:hover{color:#61cd3f;text-decoration:underline;}
.rtImgbox{float:right; border:#cfcfcf 1px solid; margin:0 0 10px 10px; display:block;}
.rtImgbox img{display:block;}
.ltgap{padding-left:20px;}

.center{text-align:center;}
.cntImg{display:inline-block; margin:0 20px 18px; border:#cfcfcf 1px solid;}
.uline{text-decoration:underline;}

#main .leftPanel ol{list-style-type:decimal; padding:0 0 0 18px; margin:0 0 23px;}
#main .leftPanel ol li{margin:0 0 7px; color:#797a7b; font-size:14px; line-height:17px; padding:0;}
.imgHolder {float:left; margin:0 20px 20px 0; padding-top:4px;}
/*-------------------help-form------------------*/
.help-form {float:left; margin:0 20px 20px 0; padding-top:4px; width:260px; background:#db0404; min-height:335px; padding:5px; border:1px solid #b90101; -moz-border-radius: 4px;
border-radius: 4px;}
.help-form h2{ font-size:16px !important; color:#FFF !important; text-transform:uppercase !important; margin:0 0 5px 7px !important; font-family: 'titilliumtext25l400_wt';  }
.help-form .tabil-border{ padding:0;}
.help-form .tabil-border .tabil-border-bottom{  padding:2px 5px 5px 4px; font-size:12px;  color:#FFF; line-height:13px;}
.inner-foram{ width:240px; height:14px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#666;  margin-top:5px; padding:5px;  -moz-border-radius: 4px;
border-radius: 4px; background:#FFF; border:0;}
.submit1{ background:url(../images/submit_btn.png) 0 0 no-repeat; width:75px; height:29px; text-align:center; color:#000; cursor:pointer; font:normal 16px/29px 'ropa_sansregular'; text-transform:uppercase; float:right; border:0; margin:0; text-shadow:1px 1px 1px #FFF; margin:5px 5px 0 0;}
.submit1:hover{ background-position:0 -29px;}