@import url('reset.css');
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
h2{  font-size:18px;font-weight:200;}
body{font-family:Arial, Helvetica, sans-serif; font-size:13px;}
body.home { width:100%; height:100%; margin:0; padding:0; overflow-x:hidden; }
body a{text-decoration:none;}

.wrapper{width:980px; margin:0 auto; position:relative; display:table;}
.bannerscollection_zoominout{border-bottom:solid 6px #669128;}
.main{margin-top:10px;}
header .logo{float:left;}
header .header_right{float:right; margin-right:2px;}
.social{text-align:right; margin:10px 5px 5px 0;}
header .menu_icon{width: 35px; height: 35px; background: url('../images/menu_icon.png') no-repeat; display: none; position:absolute; top:40%; right:20px;}
nav{display:inline-block; width:100%; text-align:center;}
nav li{display:inline;}
nav li a{display:inline-block; padding:12px 25px; font-size:17px; color:#FFFFFF; margin:0px -3px 0px -3px; background:url(../images/menu_divider.jpg) no-repeat right #ab5c4b;}
nav li:hover a, nav li.active a{background:#843b2b !important;}
nav li.active a{cursor:default;}
nav li:first-child a{-webkit-border-top-left-radius:6px; -moz-border-radius-topleft:6px; border-top-left-radius:6px; border-left:none;}
nav li:last-child a{-webkit-border-top-right-radius:6px; -moz-border-radius-topright:6px; border-top-right-radius:6px; background:#ab5c4b; }

.featured_project{display:inline-block; margin:20px 0 40px;}
.featured_project h2, .upcoming_project h2{float:left; font-size:25px; color:#ab5c4b; margin-top:20px;}
.upcoming_project h2{margin:0 0 20px 0;}
.featured_items{float:right;}
.featured_items figure{display:inline-block; margin-right:10px; font-size:13px; color:#8fac58;}
.featured_items figure img{float:left;}
.featured_items figure label{float:left; width:50px; font-weight:bold; font-size:14px; margin:20px 0 0 10px}
.featured_project p{font-size:13px; color:#333333; line-height:18px; margin:20px 0; display:inline-block; color:#666666;}
.nomarg{margin:0;}
.upcoming_project{display:inline-block; padding:30px 0 40px 0; border:solid 1px #CCCCCC; border-width:1px 0;}
.upcoming_project .upcoming_details{display:inline-block;}
.upcoming_project .upcoming_details .left{float:left; margin-right:30px; position:relative;}
.upcoming_project .upcoming_details .right{float:left; width:637px}
.zoom_icon a{position:absolute; bottom:-25px; right:20px; background:url(../images/zoom_icon.png) no-repeat; width:68px; height:68px; display:block;}
.upcoming_project .upcoming_details .right p{font-size:13px; color:#333333; margin-bottom:8px; line-height:20px; text-align:justify; color:#666666}
.upcoming_project .upcoming_details .right p.heading{padding:8px 10px; font-size:20px; background:#ab5c4b; color:#FFFFFF; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.upcoming_project .upcoming_details .right p strong{font-weight:bold;}
.project_details img{width:100%;}
.testi h3{font-size:30px; padding:40px 0px 0; text-align:center;}
.btn{float:right; margin-right:10px;}
.btn a, .submit_btn input{border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; background: #a75847; /* Old browsers */
background: -moz-linear-gradient(top,  #a75847 0%, #8e3724 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a75847), color-stop(100%,#8e3724)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a75847 0%,#8e3724 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a75847 0%,#8e3724 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a75847 0%,#8e3724 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a75847 0%,#8e3724 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a75847', endColorstr='#8e3724',GradientType=0 ); /* IE6-9 */
color:#FFFFFF; font-size:17px; padding:6px 25px;
}
.btn a:hover, .submit_btn input{background: #8cbe27;
}
.about p{margin:0 0 8px; width:100%;}
.about p strong{font-weight:bold;}
.about h2{margin:0; padding:5px 0;}
.project{border:none;}
footer .footer{background:#66902a; padding:20px 0 10px 20px; width:960px;}
footer h4{font-size:16px; color:#FFFFFF; text-decoration:underline; margin-bottom:15px;}
footer ul{display:inline-block; width:100%;}
footer ul li{float:left; margin-bottom:15px;}
footer ul li a{display:inline-block; padding:0 10px; border-right:solid 1px #FFFFFF; font-size:11px; color:#FFFFFF}
footer ul li a:hover{text-decoration:underline;}
footer ul li:first-child a{padding-left:0;}
footer ul li:last-child a{border:none;}
footer .copyright{font-size:11px; color:#FFFFFF; float:left; margin:10px 0;}
.company_profile form{display:inline-block;}
.company_profile h2{float:none;}
.contact_form{width:420px; float:left; padding:10px 20px; margin:10px;}
.contact_form .row{margin:10px 0; float:left; width:100%;}
.contact_form .row span{text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666; font-weight:bold;}
.contact_form .row input, .contact_form .row textarea, .contact_form .row select{float:right; width:300px;}
.contact_form .row select{height:25px; width:306px;}
.contact_info{float:right; padding:10px; margin-left:70px; width:300px;}
.contact_info h1{font-size:20px; color:#ab5c4b; margin:0 0 10px;}
.contact_info h3{font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#666666; text-transform:inherit; line-height:18px;}
.contact_info h3 strong{font-weight:bold;}
.submit_btn{float:right;}
.submit_btn input{border:none; margin-right:10px; cursor:pointer;}
.text_color{color:#a75847;}
.gallery{display:inline-block;}
.gallery li{border:solid 6px #FFFFFF; box-shadow:0 0 2px rgba(0, 0, 0, 0.5); margin:10px 22px; padding:0; float:left;}
.gallery li h4{font-family:Verdana; font-size:13px; color:#666666; padding:5px 0;}
.cnt{font-size:14px; text-align:left;}
.cnt h5{font-size:18px; background:#DDDDDD; padding:8px; margin-bottom:10px; border-radius:5px;}
.cnt span{font-size:13px; font-weight:bold; margin:8px 5px; display:inline-block; width:160px;}
.cnt span.note{font-style:italic; width:auto; font-weight:normal; font-size:12px;}

/*.submit_btn input:hover{background:#843b2b; color:#FFFFFF; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;	-o-transition: all 0.4s ease; transition: all 0.4s ease;}*/


/* Tablet Layout: 768px.
Gutters: 24px.
Outer margins: 28px.
Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 1000px) {
/* GENERAL TABLET ----------------------------------------------------*/
.wrapper{width:712px;}
header .call_btn{display:none;}
.featured_items{float:left; margin-top:20px;}
.upcoming_project .upcoming_details .left{margin-right:20px;}
.upcoming_project .upcoming_details .right{width:379px}
.upcoming_project .upcoming_details .right p{margin-bottom:10px;}
.gallery li{width:45%; margin:10px;}
.gallery li img{width:100%;}
footer .footer{width:712px;}
.contact_info{float:left;}
.project-nav h2{line-height:18px; height:50px;}

}

/* Mobile Layout: 320px.
Gutters: 24px.
Outer margins: 34px.
Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 767px) {
.wrapper{width:252px;}
header .logo img{width:70%;}
header .call_btn{display:none;}
.featured_project h2{float:none; margin-bottom:20px;}
.featured_items{float:none;}
.featured_items figure label{display:none;}
.upcoming_project .upcoming_details .right{width:100%; margin:20px 0;}
.gallery li{width:98%; margin:10px 0;}
.gallery li img{width:100%;}
footer .footer{width:252px;}
.project-nav{width:auto !important;}
.project-nav h2{line-height:18px; height:50px;}
header .menu_icon{top:10%;}
.contact_info{float:left; margin:10px 0 0; padding:0; width:auto;}
.contact_info h3{width:100%;}
.contact_info h3 strong{display:block;}
.contact_form{width:252px; margin:0; padding:0;}
.contact_form .row{margin:10px 0 0;}
.contact_form .row input, .contact_form .row textarea, .contact_form .row select{width:245px; margin-top:5px;}
.contact_form .row select{width:250px}
.submit_btn{float:left; margin:10px 0;}
.featured_items figure img{width:80%}
.featured_items figure{margin:0; width:55px;}
.upcoming_project .upcoming_details .left{margin-right:0;}
.upcoming_project .upcoming_details .left img{width:80%;}
.btn{display:inline-block; margin-bottom:10px; float:none}
.btn a, .submit_btn input{display:inline-block;}
.upcoming_project{padding-bottom:0;}
.testi h3{font-size:20px; padding:28px 0 0;}
footer ul li{float:none;}
footer ul li:first-child a{padding:0 10px}
footer ul li a{border:none;}
header nav{margin:-8px 0 0 !important}
}

/*	Wide Mobile Layout: 480px.
Gutters: 24px.
Outer margins: 22px.
Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper{width:94%; margin:0 20px;}
header .logo img{width:70%;}
header .call_btn{display:none;}
.featured_project h2{float:none; margin-bottom:20px;}
.featured_items{float:none;}
.project-nav{width:auto !important;}
.featured_items figure label{display:none;}
.upcoming_project .upcoming_details .right{width:100%; margin:20px 0;}
.gallery li{width:98%; margin:10px 0;}
.gallery li img{width:100%;}
footer .footer{width:92%;}
.contact_info{float:left;}
.project-nav h2{line-height:18px; height:50px;}
header .menu_icon{top:30%;}
}

@media only screen and (max-width: 320px){

}


@media (max-width:1000px){
header .logo{float: none;}
header .menu_icon{display: block;}
header nav{display:block; background:#ab5c4b; margin:-40px 0 0; padding:20px; border:1px #FFFFFF solid; overflow hidden; text-align:left; position:absolute; z-index:9999; display:none; right:0; width:168px;}
/*header nav{border-bottom-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; -o-border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-bottom-right-radius: 2px; -o-border-bottom-right-radius: 2px;}*/
header nav.show_menu{display: block;}
header nav ul li{margin: 0; width: 100%; border-bottom: 1px #843b2b solid; display:block;}
header nav ul li:last-child a{border-bottom:0; border-radius:0;}
header nav li:first-child a{border-radius:0;}
header nav ul li a{display: block; width:auto; padding:10px; border:none; background:#ab5c4b; margin:0;}
header nav ul li a:hover{background:#843b2b; border:none; color:#FFFFFF;}
header nav ul > li.active > a {background:#843b2b; border:none; color:#FFFFFF;}

header nav ul li a:active{display:block; width:auto; padding:10px; background:#843b2b; border-radius:0;}
header nav ul li a.home{background:none; width:auto; height:auto; display:block; padding:10px; margin:0; text-indent:inherit;}
header nav ul li a.home:hover{background:#843b2b ;}
}