@import"../css/reset.css";@import"../css/skeleton.css";@import"../css/superfish.css";@import"../css/flexslider.css";@import"../css/forms.css";
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
body{background:#ececec;font:12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#a7a7a7;position:relative;min-width:320px;}
html,body{height:100%;}
p{
	padding-bottom:18px;
	text-align: justify;
}
a{color:#9dbeb3;outline:none;cursor:pointer;text-decoration:none;}
a:hover{text-decoration: underline}
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.2em;color:#000000;font-family: 'Droid Sans', sans-serif; font-weight:400;}
h1{font-size:30px; font-weight:700; letter-spacing:-1px;}
h2{font-size:24px; font-weight:400;background: url(../images/lineH.jpg) 0 100% repeat-x;letter-spacing:-1px; padding-bottom:7px; margin-bottom:30px;}
h3{font-size:18px; font-weight:700;background: url(../images/lineH.jpg) 0 100% repeat-x;letter-spacing:-1px; padding-bottom:4px; margin-bottom:24px;} 
h4{font-size:18px; color:#91b6aa; background: url(../images/lineH.jpg) 0 100% repeat-x; padding-bottom:7px; letter-spacing:-1px; margin-top:-3px; margin-bottom:24px;}  
h5{font-size:16px;}
h6{
	font-size:14px;
	font-weight:700;
	letter-spacing:-1px;
	padding-bottom:11px;
	text-align: center;
}
/* Global Structure---------------------------------------- */
/*----- txt,links,lines,titles -----*/
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.wrapper{width:100%;overflow:hidden;position:relative;}
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.color1{color:#9dbeb3;}
.color2{color:#a7a7a7;}
strong{ color:#000;}
.z99{ position:relative; z-index:99;}
/*********************************header*************************************/
header{ width:100%; position:relative; z-index:99;background:#afc89b url(../images/bg-header.jpg) 50% 0 repeat-x;}
.bg-header{ background:url(../images/bg-slider.png) 50% 9px no-repeat; width:100%;}
.bg-header2{ background:url(../images/header-line.jpg) 50% 100% repeat-x; width:100%; padding-bottom:4px;}
#page1 .bg-header{ background:url(../images/bg-slider.png) 50% 0 no-repeat; width:100%;}
.padheader{ padding-bottom:19px;}
.header-line{width:940px;position:relative; z-index:1; margin:0 auto; height:4px; background:#ececec;}
header h1{ padding:21px 0 0 0; margin-left:-1px;}
	header h1 a{ display:block; background:url(../images/logo.png) 0 0 no-repeat; width:219px; height:76px; text-indent:-5000px;}
/********************** Content ************************/
section{ position:relative; z-index:1; background:#faf9f9; width:940px; margin:0 auto;}
.text1{ font:400 24px/30px 'Droid Sans', sans-serif; border-left:3px solid #ececec; padding:2px 38px 0 17px;letter-spacing:-1px;color:#91b6aa; margin-top:11px; margin-left:20px;}
.box{ padding:13px 16px 9px 16px; border-radius:8px; margin-bottom:12px; box-shadow:0 3px #e2e2e2;}
	.box h1{ color:#fff; font-weight:400; padding:2px 0 0 0; text-shadow:1px 1px 1px rgba(0,0,0,.3);}
	.box img{ margin:0 18px 0 0;}
	.box a{ color:#fff; font-family:'Droid Sans', sans-serif; font-weight:400;text-shadow:1px 1px 1px rgba(0,0,0,.3); margin-top:-3px; display:inline-block;}
	.box a span{ background:url(../images/link-arrow.png) 0 -8px no-repeat; width:6px; height:8px; display:inline-block; margin:6px 0 0 5px;}
	.box a:hover{ color:#2f3e2c; text-decoration:none;text-shadow:1px 1px 1px rgba(255,255,255,.4);}
	.box a:hover span{ background-position:0 1px;}
.bg1{background: #698F69;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#698F69), to(#7fa17f));
	background: -webkit-linear-gradient(#698F69, #7fa17f);
	background: -moz-linear-gradient(#698F69, #7fa17f);
	background: -ms-linear-gradient(#698F69, #7fa17f);
	background: -o-linear-gradient(#698F69, #7fa17f);
	background: linear-gradient(#698F69, #7fa17f);
	-pie-background: linear-gradient(#698F69, #7fa17f);}
.bg2{background: #526C4E;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#526C4E), to(#3b5837));
	background: -webkit-linear-gradient(#526C4E, #3b5837);
	background: -moz-linear-gradient(#526C4E, #3b5837);
	background: -ms-linear-gradient(#526C4E, #3b5837);
	background: -o-linear-gradient(#526C4E, #3b5837);
	background: linear-gradient(#526C4E, #3b5837);
	-pie-background: linear-gradient(#526C4E, #3b5837);}
	.box.bg2 a:hover{color:#000;}
.bg3{background: #9EBFB4;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9EBFB4), to(#91b6aa));
	background: -webkit-linear-gradient(#9EBFB4, #91b6aa);
	background: -moz-linear-gradient(#9EBFB4, #91b6aa);
	background: -ms-linear-gradient(#9EBFB4, #91b6aa);
	background: -o-linear-gradient(#9EBFB4, #91b6aa);
	background: linear-gradient(#9EBFB4, #91b6aa);
	-pie-background: linear-gradient(#9EBFB4, #91b6aa);}
.box2{ padding:6px 0 25px 0;}
	.box2 img{ margin:3px 35px 0 2px;}
.box3{ padding-bottom:24px;}
	.box3 span{ display:block;}
	.box3 img{ margin:6px 19px 0 0; border-radius:9px; box-shadow:0 3px 4px rgba(0,0,0,.1);}
.box4{ text-align:center; width:205px; float:left; padding:28px 0 19px 0; margin-left:10px; margin-right:8px;}
	.box4 img{ margin-bottom:16px;}
.list1{ position:relative; overflow:hidden; padding-bottom:36px;}
	.list1 li { float:left; width:220px; border:1px solid #dfdfdf; border-radius:10px; padding:29px 29px 11px; margin-right:20px; margin-bottom:20px;}
	.list1 li img{
	border-radius:9px;
	box-shadow:0 3px 4px rgba(0,0,0,.1);
	margin-bottom:19px;
	max-width:100%;
	height:auto;
	width: auto;
}
	.list1 li a:hover{ text-decoration:none;color:#f77f23;}
.list2 li{ background:url(../images/marker.png) 1px 9px no-repeat; padding:2px 0 8px 16px; line-height:20px;}
	.list2 li a{ color:#a7a7a7;}
.list3{ padding:6px 0 59px 0;}
	.list3 li{ border-bottom:1px solid #dfdfdf; padding:8px 0 0 0;}
	.list3 li a{ color:#a7a7a7;}
	.list3 li img{ margin:0 0 0 2px;}
	.list3 li span{ display:inline-block; padding:4px 0 0 0;}
	.list3 li a:hover{ text-decoration:none;color:#f77f23;}
.lineV{ background: url(../images/lineV.jpg) 100% 0 repeat-y; margin-right:10px; padding-right:31px;}
.lineH{ width:100%; background:url(../images/lineH.jpg) 0 100% repeat-x;}
.box-img{border-radius:9px; box-shadow:0 3px 4px rgba(0,0,0,.1);}
	.box-img img{ max-width:100%; height:auto;}
.map{ padding-bottom:16px;}
	.map iframe{ width:380px; height:258px; border-radius:10px; border:1px solid #fff;  box-shadow:0 3px 4px rgba(0,0,0,.1);}
.contacts{ font-style:normal; padding-left:1px; padding-bottom:77px;}
	.contacts p{ padding-bottom:10px;}
	.contacts span{ display:inline-block; width:91px;}
	.contacts a{color:#a7a7a7;}
/* Elastislide Style */
.es-carousel-wrapper{padding:0 0 14px 0;position:relative; z-index:99}
.es-carousel{overflow:hidden;}
.es-carousel ul{display:none; overflow:hidden; position:relative; padding-bottom:5px;}
.es-carousel ul li{height:100%;float:left;display:block;}
.es-carousel ul li img{display:block;border:none;max-height:100%;max-width:100%;box-shadow:0 2px 3px rgba(0,0,0,.1);border-radius:9px;}
.es-nav span.es-nav-next,.es-nav span.es-nav-prev{ display:block !important; position:absolute; top:-65px; line-height:0; font-size:0; width:22px; text-indent:-5000px; height:22px; z-index:99; cursor:pointer; background-position:0 -22px;}
.es-nav span.es-nav-next{right:0px; background-image:url(../images/button-next.png);}
.es-nav span.es-nav-prev{right:30px; background-image:url(../images/button-prev.png);}
	.es-nav span.es-nav-prev:hover,.es-nav span.es-nav-next:hover{background-position:0 0;}
/*  Buttons */
.button{display:inline-block; text-decoration:underline;}
	.button span{ display:inline-block; width:6px; height:5px; background:url(../images/button-arrow.png) 0 -5px no-repeat; margin:8px 0 0 11px;}
	.button:hover{ color:#f77f23;}
	.button:hover span{background:url(../images/button-arrow.png) 0 0 no-repeat;}
.button1{ font-weight:bold; color:#000;}
.link1:hover{ text-decoration:none;color:#f77f23;}
/******************** Footer ******************/
footer{ padding:32px 0 28px; text-align:center; font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#a8a8a8; text-shadow:1px 1px rgba(255,255,255,.8);}
footer a{ color:#a8a8a8;}
/* padding */
.padtop5{ padding-top:5px;}
.padtop2{ padding-top:9px;}
.padtop42{ padding-top:13px;}
.padtop4{ padding-top:34px;}
.padtop22{ padding-top:37px;}
.padtop{ padding-top:38px;}
.padtop23{ padding-top:39px;}
.padtop33{ padding-top:40px;}
.padtop3{ padding-top:41px;}
.padtop32{ padding-top:48px;}
.padbot{ padding-bottom:7px;}
.padbot4{ padding-bottom:21px;}
.padbot2{ padding-bottom:20px;}
.padbot32{ padding-bottom:11px;}
.padbot33{ padding-bottom:48px;}
.padbot3{ padding-bottom:50px;}
.padleft{ padding-left:30px;}
.padright{ padding-right:27px;}
.margbot2{ margin-bottom:23px;}
.margbot{ margin-bottom:29px;}
.pad{ padding:4px 0 0 20px;}
.imgindent{ margin:5px 19px 0 0; box-shadow:0 2px 5px rgba(0,0,0,.1); border-radius:5px;}
.imgindent2{ margin:0px 20px 16px 2px; box-shadow:0 2px 5px rgba(0,0,0,.1); border-radius:8px;}
.imgindent3{ margin:0px 20px 30px 2px; box-shadow:0 2px 5px rgba(0,0,0,.1); border-radius:8px;}
/*==========================================*/
@media only screen and (min-width: 768px) and (max-width: 995px) {
	#page1 .bg-header{ background:url(../images/bg-slider2.png) 50% 100% no-repeat; width:100%;}
	.bg-header{ background:url(../images/bg-slider2.png) 50% 10px no-repeat;}
	.header-line,section{width:748px;}
	.box{ padding:13px 12px 9px;}
	.box img{ margin:0 12px 0 0;}
	.text1{ display:none;}
	.imgindent{ margin:5px 10px 0 0;}
	.list1 li {width:180px; margin-right:10px; margin-bottom:10px;padding:20px 20px 5px;}
	.imgindent2,.imgindent3{ margin:0px 20px 5px 2px;}
	.box4{ text-align:center; width:160px; margin-left:5px;}
	.map iframe{ width:290px;}
}
@media only screen and (max-width: 767px) {
	#page1 .bg-header{ background:url(../images/bg-slider4.png) 50% 100% no-repeat; width:100%;}
	.bg-header{ background:none;}
	section{width:300px; padding-bottom:50px;}
	.header-line,section{width:300px;}
	header h1.fleft{ float:none;}
	.text1{ display:none;}
	.img1{ float:none;}
	.img1 img{ width:400px;}
	.img2{ width:250px;}
	.pad{ padding:20px 0 0 0px;}
	.lineV{ background:0; padding:0; margin:0;}
	.padright,.padleft{ padding:0 20px;}
	.box{ max-width:240px;}
	.list1{ padding-left:20px;}
	.list1 li {width:176px; margin-right:0px; margin-bottom:20px;padding:20px 20px 5px;}
	.list1 li img{width:176px;}
	.imgindent2,.imgindent3{ margin:0px 20px 5px 2px;}
	.box4{ text-align:center; width:260px; margin-left:0;}
	.list3,.list1{ padding-bottom:0px;}
	.padRT{ padding:0 20px !important;}
	.map iframe{ width:256px;}
	.contacts,.padbot33{ padding-bottom:0px;}
} 
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#page1 .bg-header{ background:url(../images/bg-slider3.png) 50% 100% no-repeat; width:100%;}
	.header-line,section{width:420px;}
	.box{ max-width:240px; margin-left:50px;}
	.list1 li {width:295px; margin-right:0px; margin-bottom:20px;padding:20px 20px 5px;}
	.list1 li img{width:295px;}
	.box4{ text-align:center; width:160px; margin-left:15px;}
	.col1{ width:200px !important; float:left;}
	.col1 .list3 span{ display:inline !important;}
	.img2{ width: auto;}
	.padRT{ padding:0px !important;}
	.map iframe{ width:375px;}
}
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */