/*
	themename: genteltowing
	Author: Emmanuel L. Ruaza
*/
 
html,body{font: 13px/22px 'Open Sans', sans-serif;}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;color:#111;background: url(images/bg.jpg) repeat-x top center #fff}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0;text-decoration:none;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn,em{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.entry-content iframe {width:100%;overflow:hidden;border:none}ul{list-style: none; padding: 0; margin: 0;}
.comp{color: #003875; font-weight: bold; }
.comingsoon{color: red; font-weight: bold; font-style: italic; }
.container{width: 960px; height: auto; margin: 0 auto; position: relative;}

.fjalla{font-family: 'Fjalla One', sans-serif;}
.patua{font-family: 'Patua One', cursive;}


/*=========================== header */
header{height: 427px; position: relative; width: 100%; background: url(images/header.jpg) repeat-x 0 0; }
	#logo{background: url(images/logo-bg.png) no-repeat 0 0; width: 307px; height: 256px;}		
	#logo a{display: block; margin: 15px 0 0 10px;}		
	
	.slogan{color: #fff; position: absolute; top: 280px; left: 0;}
	.slogan h1{font-size: 32px; margin: 0 0 24px; }
	.slogan h2{font-size: 48px; margin: 0;}
	
/*=========================== main navigation */	
nav.page-nav ul{list-style: none; padding: 0; margin: 0;}
nav.page-nav li{display: inline-block; position: relative; margin-left: 2px; }
nav.page-nav li:after{ content: url(images/nav-spacer.jpg); position: absolute; right: -6px; top: 0;}
nav.page-nav li a{color: #4a3d00; background: url(images/nav-a.jpg) repeat-x 0 -51px; display: block; padding: 0 37px; line-height: 50px; text-transform: uppercase; font-size: 14px;}
nav.page-nav li.current_page_item a, nav.page-nav li a:hover { background: url(images/nav-a.jpg) repeat-x 0 0; color: #fff;}

	
/*=========================== banner */
#banner{ position: relative; width: 549px; margin: 17px 30px 0 0; }
	/* rslides jquery */
	.rslides {position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0;  margin: 0; }
	.rslides li { -webkit-backface-visibility: hidden;  position: absolute;  display: none;  width: 100%;  left: 0;  top: 0; }
	.rslides li:first-child { position: relative;  display: block;  float: left; }
	.rslides img {  display: block;  height: auto;  max-width: 100%;  border: 0; }	

	
/*=========================== middle area */
#mid{width: 100%; min-height: 846px; background: url(images/midBg.jpg) repeat-x center top;}
	#mid .container{padding-top: 50px; background: url(images/mid-line.jpg) repeat-x bottom left;}
	#mid h1{font-weight: normal; color: #fff; text-align: center; width: 100%; font-size: 30px; background: url(images/mid-line.jpg) repeat-x bottom left; margin: 0 0 40px; padding: 0 0 30px;}
	#mid h2{font-weight: normal; color: #1eb848; text-align: center; width: 100%; font-size: 24px; margin: 0 0 15px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease;}
	#mid article{display: inline-block; width: 300px; margin-bottom: 35px;}
	#mid .box{height: 151px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; border-radius: 7px; -webkit-border-radius: 7px; -ms-border-radius: 7px;}
	#mid a{display: block; width: 174px; margin: 45px auto 0; line-height: 45px; color: #f7d127; background: rgba(0, 0, 0, 0.7); font-size: 18px; border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; opacity: 0; -webkit-opacity: 0; -ms-opacity: 0; -o-opacity: 0;}
	.midMiddle{margin: 0 15px 35px; }
	
	.mid1 .box{background: url(images/mid-bg1.jpg) no-repeat 0 0;}
	.mid2 .box{background: url(images/mid-bg2.jpg) no-repeat 0 0;}
	.mid3 .box{background: url(images/mid-bg3.jpg) no-repeat 0 0;}
	.mid4 .box{background: url(images/mid-bg4.jpg) no-repeat 0 0;}
	.mid5 .box{background: url(images/mid-bg5.jpg) no-repeat 0 0;}
	.mid6 .box{background: url(images/mid-bg6.jpg) no-repeat 0 0;}
	.mid7 .box{background: url(images/mid-bg7.jpg) no-repeat 0 0;}
	
	#mid article:hover .box{background-position: left bottom;}
	#mid article:hover .box a{opacity: 1; -webkit-opacity: 1; -ms-opacity: 1; -o-opacity: 1;}
	#mid article:hover h2{color: #fff;}

	
/*=========================== main-content area */
#main{padding: 35px 0;}

.contentz{width: 625px; font-size: 14px; line-height: 25px; color: #545453;}
	.contentz h1{color: #545453; margin: 0 0 25px; font-size: 24px;}
	.contentz p:first-of-type{margin-top: 0 !important; }
	.contentz p{margin: 20px 0 10px; }
	.contentz ul{list-style-image: url(images/bullet.png); list-style-position: inside; padding-left: 15px;}
	.contentz li{margin: 0 0 6px;}
	.contentz a{color: #076D22;} .contentz a:hover{color: #04DB3D; text-decoration: underline;}

	
/*=========================== sidebar */
aside{width: 300px;}
	.greenBox{color: #fff; line-height: 30px; background: url(images/greenBox-bg.png) no-repeat 5px 5px #229542; padding: 15px; border-radius: 9px; -webkit-border-radius: 9px; -ms-border-radius: 9px;}
		.grenTxt1{font-size: 18px; line-height: 23px; display: block; margin: 0 0 5px;}
		.grenTxt2{font-size: 26px;}
		.grenTxt3{font-size: 27px; color: #f7d127;}
		.greenBox p{font-size: 18px; line-height: 24px; margin: 2px 0 7px;}
		.greenBox a{display: block; line-height: 32px; font-size: 14px; text-align: center; color: #413500; background: url(images/greenBox-btn.jpg) repeat-x left bottom; border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px;}
		.greenBox a:hover{color: #fff; background-position: 0 0;}
	
	.service-areas{color: #545453; margin: 15px 0; padding: 15px; background: #ffe778; background: -moz-linear-gradient(top,  #ffe778 0%, #f5cd16 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe778), color-stop(100%,#f5cd16)); background: -webkit-linear-gradient(top,  #ffe778 0%,#f5cd16 100%); background: -o-linear-gradient(top,  #ffe778 0%,#f5cd16 100%); background: -ms-linear-gradient(top,  #ffe778 0%,#f5cd16 100%); background: linear-gradient(to bottom,  #ffe778 0%,#f5cd16 100%); border-radius: 7px; -webkit-border-radius: 7px; -ms-border-radius: 7px; }
	.service-areas h1{font-weight: normal; color: #413500; font-size: 28px; margin: 0 0 10px;}
	.service-areas p{margin: 0;}
	.service-areas a{color: #545453;} .service-areas a:hover{color: #eb2200;}
	
	.flyer {width:273px; height:48px; display:block; background:url(images/btn-flyer.png) no-repeat left top; color:#fff; font-size:18px; line-height:45px; padding-left:27px;}
	.flyer:hover {background-position:left bottom; color:#413500;}
	
/*=========================== bottom */
#bottom{height: 262px; color: #fff; font-size: 14px; background: url(images/bottom.jpg) no-repeat top center; }	
#bottom .container{padding-top: 40px;}	
#bottom h1{font-size: 18px; margin: 0 0 10px;}	
#bottom h1 span{font-weight: normal;}	
#bottom a{color: #fff} #bottom a:hover, #bottom ul li.current_page_item a{color: #f5cd16;}	

	.contactInfo p{padding-left: 30px; margin: 0 0 5px;}	
	.ci_address{background: url(images/ci_home.png) no-repeat left 8px;}
	.ci_phone{background: url(images/ci_phone.png) no-repeat left 4px;}
	.ci_mail{background: url(images/ci_mail.png) no-repeat left 4px;}
	
	.servicesNav, .footerNavi{margin-left: 80px;}
	.servicesNav ul, .footerNavi ul, .socialMedia ul{list-style: none; padding: 0; margin: 0;}
	.servicesNav ul li, .footerNavi ul li{margin: 0 0 2px;}
	
	.socialMedia li a{position: relative; display: block; width: 97px; padding: 2px 0;}
	.socialMedia li a img{position: absolute; right: 0; top: 5px;}
	
/*=========================== footer */
footer{ width:100%; background: #f5cd16; padding: 15px 0; color: #4a3d00; }
	footer a{ color: #4a3d00; }
	
	
/*
 useful styles 
*/
.clearfix:before, .clearfix:after { content: " "; display: table; }.clearfix:after { clear: both; }.clearfix { clear: both; overflow: hidden; }.clear{ clear: both; }

.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-justify { text-align: justify; }
.align-top { vertical-align: top; }
.align-middle { vertical-align: middle; }
.align-bottom { vertical-align: bottom; }

.float-left { float: left; }
.float-right { float: right; }
.floatleft-img{float: left; margin-right: 15px;}
.floatright-img{float: right; margin-left: 15px;}
.floatright-img, .floatleft-img{-webkit-box-shadow: 0 8px 20px -10px rgba(0, 0, 0, 0.5);box-shadow: 0 8px 20px -10px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 8px 20px -10px rgba(0, 0, 0, 0.5);border-radius: 7px; -moz-border-radius: 7px;-webkit-border-radius: 7px; padding: 3px; }

.column-count{ -moz-column-count:2; -webkit-column-count:2; column-count:2;	}

/* resources */
.resources {font-size: 14px; }.resources a {color: #990100; text-decoration: none; display: block;font-weight: bold;}.resources a:hover {color: #ff0000; text-decoration: none; padding-left: 1px;}.resources ul,.resources li {list-style-type: none; margin: 0; padding: 0;}.entry-content .resources ul{ list-style: none; padding: 0!important;}.resources ul li {margin-bottom: 8px; padding: 12px; background: #FAFDFE; border:1px solid #5590C1; border-bottom: 2px solid #5590C1; list-style-image: none;}.resources ul li span {font-size: 11px; color: #666666; letter-spacing: 1px;} /* optional*/

/* search */
.search_results div.page, .search_results div.post{ padding:0 15px 15px; border:1px solid #E5E5E5; border-bottom:2px solid #C4C4C4; background:#F7F7F7; margin:10px 0; color:#000; -ms-border-radius:4px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -webkit-box-shadow:inset 0 0 15px 0 rgba(0,0,0,0.1); box-shadow:inset 0 0 15px 0 rgba(0,0,0,0.1); }.search_results h2 a{ text-decoration:none; }.search_results div.entry-meta{ font-style:italic; }.search_results a{ color:#333; }.search_results a:hover{ text-decoration:none; color:#0964BF;}

/* dang ie 7 */
.lt-ie8 .dang-ie{ width: 100%; height: 100%; position: fixed; background-color: #00abdd; } .message{	text-align: center; color: #fff; font-size: 20px; position: absolute; top: 20%; left: 0; right: 0;} .inner-message{	position: relative;	top: -20%; left: 0; right: 0; text-align: center; margin: auto; } .inner-message img{	position: relative;	left: 3em; } .inner-message a.download{ display: block; width: 300px; padding: 10px; color: #fff; margin: 2em auto; border: 1px solid #fff; } .terms{ color: #fff; font-size: 13px; padding: 20px; position: absolute; right: 0; bottom: 0; }  .terms a{color: #fff; font-weight: bold;} .lt-ie8 .protect-me{	display: none; }