@charset "utf-8";
/* CSS Document */
/* Author : Waqas Siddiqui Nawazi Khawajgi */
/* Email : waqas@ninetytwo.com.pk */
/* Web : www.ninetytwo.com.pk */


/* Global properties ======================================================== */
html {
	height:100%;
	min-width:1000px;
}
body { 	 
	font-family: 'Open Sans', sans-serif;
	font-size:12px; 
	min-width:1000px;
	background:#f1efe9;
	padding:0;
	-webkit-text-size-adjust: none;
}
#mainContainer p{
	font-size:13px;
	line-height:20px;
	margin-bottom:18px;
	color:#444444;
}

#mainContainer h1{
	font-size:23px;
	line-height:26px;
	font-weight:400;
	color:#246e30;
	margin:0 0 3px 0;
	padding:0px;
}
#mainContainer h2{
	font-size:14px;
	line-height:20px;
	font-weight:400;
	color:#246e30;
	margin:0 0 18px 0;
	padding:0px;
}
#mainContainer h3{
	font-size:15px;
	line-height:20px;
	font-weight:600;
	color:#413b3b;
	margin:0 0 18px 0;
	padding:0px;
}
#mainContainer h3 span{
	color:#329b43;
}
#mainContainer h4{
	font-size:30px;
	line-height:36px;
	font-weight:500;
	color:#009252;
	margin:0 0 12px 0;
	padding:0px;
}
#mainContainer h5{
	font-size:26px;
	line-height:28px;
	font-weight:700;
	color:#33456B;
	margin:0 0 8px 0;
	padding:0px;
}
#mainContainer h6{
	font-size:18px;
	line-height:20px;
	font-weight:500;
	color:#33456B;
	margin:0 0 5px 0;
	padding:0px;
}
#mainContainer ul{
	list-style:disc outside;
	margin:0 0 20px 20px;
}
#mainContainer ul li{
	font-size:16px;
	line-height:22px;
	color:#000;
}
a {color:#8c8c8c; outline:none; text-decoration:none;}
a:hover {text-decoration:none;}
.clear {clear:both; width:100%; line-height:0; font-size:0;}
.hide{ display:none; }
/***************** Container *******************/
header{
	height:150px;
	width:980px;
	margin:0 auto;
	position:relative;
}
a#Logo{
	text-indent:-9999px;
	background: url(../images/logo.png) no-repeat;
	width:182px;
	height:64px;
	display:block;
	position:absolute;
	left:28px;
	top:68px;
}
.phoneNo{
	background:url(../images/iconPhone.png) left center no-repeat;
	height:22px;
	line-height:22px;
	font-size:22px;
	font-weight:700;
	float:right;
	margin-top:56px;
	padding-left:24px;
	color:#46a152;
}
.payOnline{
	background:#46a152 !important;
	color:#FFF !important;
	font-size:14px !important;
	padding:4px 12px 5px 12px !important;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-weight:400;
	margin-left:20px !important;
	border:none;
	cursor:pointer;
	transition: 0.4s ease;
	-o-transition: 0.4s ease;
	-webkit-transition: 0.4s ease;
	font-family: 'Open Sans', sans-serif;
	position:absolute;
	right:0px;
	top:96px;
}
.payOnline:hover{
	background:#000 !important;
}
.wrapSlider{
	width:980px;
	height:298px;
	margin:0px auto;
	position:relative;
}
.wrapSlider .captionText{
	position:absolute;
	background:url(../images/sliderTxtBg1.png);
	width:450px;
	height:125px;
	z-index:990;
	top:82px;
	left:0px;
	padding:15px 25px 10px 65px;
}
.wrapSlider .captionText p{
	font-size:21px;
	font-weight:600;
	color:#FFF;
	margin-bottom:12px;
}
.wrapSlider .captionText span{
	font-size:14px;
	line-height:17px;
	color:#FFF;
	display:block;
	padding-right:25px;
}
.wrapSlider .captionText span strong{
	font-size:15px;
	line-height:18px;
	display:block;
	margin-bottom:10px;
	margin-top:5px;
}
.quoteFormWrap{
	width:245px;
	height:260px;
	position:absolute;
	z-index:991;
	right:64px;
	top:0px;
	background:url(../images/formBg.png) repeat;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}
.quoteFormWrap h2{
	color:#FFF;
	font-size:18px;
	padding-top:6px;
	font-weight:600;
	text-align:center;
	height:34px;
	background-color:#feb213;
	text-shadow: 1px 1px 2px #ce6600;
	filter: dropshadow(color=#ce6600, offx=1, offy=1);
}
.quoteForm{
	width:200px;
	margin:20px auto 0px auto;
}
.quoteForm input.txt{
	color:#6f6f68;
	text-align:left;
	font-weight:400;
	font-size:13px;
	line-height:15px;
	border:1px solid #FFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width:178px;
	padding:5px 10px;
	display:block;
	margin-bottom:9px;
}
.quoteForm input.txt.red{
	border:1px solid #FF0000;
	color:#FF0000;
	background-color:#ffc1bb;
}
.quoteForm select{
	color:#6f6f68;
	text-align:left;
	font-weight:400;
	font-size:13px;
	line-height:15px;
	border:1px solid #FFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width:200px;
	padding:4px 5px;
	display:block;
	margin-bottom:9px;
}
.quoteForm #zip{
	float:left !important;
	width:75px !important;
}
.sendEmail{
	background: #329b43;
	border: none !important;
	cursor: pointer;
	text-align:center;
	font-weight:400;
	font-size:13px;
	line-height:16px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width:95px;
	padding:5px 0px;
	display:block;
	transition: 0.2s ease;
	-o-transition: 0.2s ease;
	-webkit-transition: 0.2s ease;
	color:#FFF;
	float:right;
}
.sendEmail:hover{
	background: #007b14;
}
.quoteForm select:focus, .quoteForm input:focus { 
	background-color:#b9ff93;
	border:1px solid #b9ff93;
}
.loader{
	color: #006600;
    font-size: 16px;
    line-height: 20px;
    margin: 0 auto 20px;
}
.shadow{
	background:url(../images/sliderShadow.png) no-repeat;
	width:980px;
	height:30px;
	margin:0px auto;
}
.tagLine{
	margin:0px auto;
	height:28px;
	padding-left:30px;
	color:#246e30;
	font-weight:600;
	font-size:20px;
	text-align:center;
}
/*Three Boxes*/
.boxWrap{
	width:980px;
	margin:24px auto 0px auto;
}
.boxWrap .box{
	width:309px;
	min-height:280px;
	float:left;
	background:#246e30;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}
.boxWrap .box.middle{
	margin:0px 26px;
}
.boxWrap .box h2{
	background:#f1efe9 url(../images/yellowCurveBg.png) no-repeat;
	padding:11px 0px 0px 24px;
	height:34px;
	
	color:#FFF;
	font-size:18px;
	line-height:22px;
	font-weight:600;
	text-shadow: 1px 1px 2px #ce6600;
	filter: dropshadow(color=#ce6600, offx=1, offy=1);
}
.boxWrap .box p{
	color:#FFF;
	font-size:13px;
	line-height:16px;
	padding:15px 20px 15px 20px;
}
.boxWrap .box a.more{
	display:block;
	float:left;
	color:#FFF;
	font-size:14px;
	line-height:16px;
	background:#329b43;
	margin:0 0 0 20px;
	padding:5px 10px 5px 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	transition: 0.4s ease;
	-o-transition: 0.4s ease;
	-webkit-transition: 0.4s ease;
}
.boxWrap .box a.more:hover{
	background:#064410;
	text-decoration:none;
}
.servTestiWrap{
	width:980px;
	margin:25px auto 30px;
	padding:0px 0px;
}
.servTestiWrap .testimonial{
	width:330px;
	float:right;
	padding:20px 50px 20px 0px;
}
.servTestiWrap .testimonial h3{
	background:url(../images/iconText.png) right top no-repeat;
	padding:10px 56px 14px 0px;
	display:inline-block;
	color:#246e30;
	font-weight:400;
	font-size:22px;
}
.servTestiWrap .testimonial a.more{
	display:block;
	float:left;
	color:#FFF;
	font-size:14px;
	line-height:16px;
	background:#329b43;
	margin:10px 0 0 4px;
	padding:6px 20px 6px 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	transition: 0.4s ease;
	-o-transition: 0.4s ease;
	-webkit-transition: 0.4s ease;
}
.servTestiWrap .testimonial a.more:hover{
	background:#064410;
	text-decoration:none;
}
.servTestiWrap .serving{
	width:405px;
	padding:10px 0px 0px 110px;
	float:left;
	margin:20px 0 0 15px;
	background:url(../images/map.png) left top no-repeat;
	min-height:180px;
}
.servTestiWrap .serving h3{
	display:block;
	color:#246e30;
	font-weight:400;
	font-size:22px;
	margin-bottom:15px;
}
.servTestiWrap p{
	color:#4f5b53;
	font-size:14px;
	line-height:20px;
	margin-bottom:11px;
}
/*Main Content*/
#mainContainer{
	width:980px;
	background:#FFF;
	margin:20px auto 0px;
	position:relative;
	padding:50px 0 0 0;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}
#mainContainer .title{
	width:940px;
	height:55px;
	position:absolute;
	top:-20px;
	left:0px;
	margin:0px auto;
	padding:15px 0px 0px 40px;
	background:url(../images/interiorHeadBg.png) no-repeat;
	
	color:#FFF;
	font-size:21px;
	line-height:24px;
	font-weight:600;
	text-shadow: 1px 1px 2px #ce6600;
	filter: dropshadow(color=#ce6600, offx=1, offy=1);
}
#mainContainer .left{
	width:196px;
	float:left;
	margin:20px 0 38px 38px;
}
#mainContainer .left > ul{
	list-style:none;
	margin:0px;
}
#mainContainer .left > ul > li{
}
#mainContainer .left > ul > li > a{
	color:#276cba;
	font-size:16px;
	line-height:28px;
}
#mainContainer .left > ul > li > a:hover{
	color:#000;
}
#mainContainer .left > ul > li > ul{
	list-style:none;
	margin:0 0 0px 16px;
}
#mainContainer .left > ul > li > ul > li{
}
#mainContainer .left > ul > li > ul > li > a{
	color:#329b43;
	font-size:14px;
	line-height:26px;
}
#mainContainer .left > ul > li > ul > li > a:hover{
	color:#000;
}
#mainContainer .right{
	border-left:1px solid #e6e6e6;
	float:left;
	min-height:300px;
	margin:20px 0 38px 10px;
	position:relative;
	padding:0px 0px 40px 50px;
	width:580px;
}
#mainContainer .right .fixed{
	position:absolute;
	top:0px;
	left:-19px;
}
#mainContainer .right a.more, #mainContainer .rightRe a.more, #mainContainer .leftRe a.more{
	display:block;
	float:left;
	color:#FFF;
	font-size:14px;
	line-height:16px;
	background:#329b43;
	margin:10px 0 0 4px;
	padding:6px 20px 6px 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	transition: 0.4s ease;
	-o-transition: 0.4s ease;
	-webkit-transition: 0.4s ease;
}
#mainContainer .right a.more:hover, #mainContainer .rightRe a.more:hover, #mainContainer .leftRe a.more:hover{
	background:#064410;
	text-decoration:none;
}


#mainContainer .leftRe{
	border-right:1px solid #e6e6e6;
	float:left;
	min-height:300px;
	margin:20px 0 38px 68px;
	position:relative;
	padding:0px 48px 40px 0px;
	width:580px;
}

#mainContainer .leftRe .fixed{
	position:absolute;
	top:0px;
	right:-19px;
}

#mainContainer .rightRe{
	width:196px;
	float:left;
	margin:20px 0 38px 38px;
	padding-top:15px;
}
#mainContainer .rightRe h1{
	margin:0px 0px 8px 0px;
}
#mainContainer .rightRe h2{
	margin:0px 0px 3px 0px;
	font-weight:600;
	font-size:14px;
	line-height:18px;
}
#mainContainer .rightRe p{
	font-size:13px;
	line-height:16px;
	font-weight:400;
	padding-left:10px;
	margin-bottom:15px;
}
#mainContainer .rightRe a{
	color:#276cba;
	font-size:13px;
	line-height:16px;
	font-weight:600;
}
#mainContainer .rightRe a:hover{
}
#mainContainer .rightRe > ul{
	list-style:none;
	margin:0 0 20px 0;
}
#mainContainer .rightRe > ul > li{
	line-height:20px;
}
#mainContainer .rightRe > ul > li > a{
	color:#413b3b;
	font-size:15px;
	font-weight:600;
	line-height:18px;
}
#mainContainer .rightRe > ul > li > a:hover{
	color:#000;
}
#mainContainer .rightRe > ul > li > ul{
	list-style:none;
	margin:0 0 0px 16px;
}
#mainContainer .rightRe > ul > li > ul > li{
}
#mainContainer .rightRe > ul > li > ul > li > a{
	color:#329b43;
	font-size:14px;
	line-height:26px;
}
#mainContainer .rightRe > ul > li > ul > li > a:hover{
	color:#000;
}
.testi{
	padding:0px 0px 18px 0px;
	min-height:67px;
	position:relative;
}
.testi img{
	position:absolute;
	width:67px;
	height:67px;
	top:0px;
	left:0px;
}
.testi p{
	margin-bottom:9px !important;
	font-size:13px !important;
	line-height:18px !important;
	font-weight:600 !important;
}
.testi span{
	color:#898989;
	margin-bottom:6px !important;
	font-size:13px !important;
	line-height:18px !important;
	font-style:italic;
}
.fotorama{
	margin:10px 0px 30px 0px;
}

.scrollToTop{
	width:40px;
	height:40px;
	background:url(../images/scrolltop.png) no-repeat;
	text-decoration: none;
	text-indent:-9999px;
	display:block;
	position:fixed;
	bottom:12px;
	right:12px;
	display:none;
	
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.scrollToTop:hover{
	opacity:0.7;
}
/*Footer*/
.grass{
	background:url(../images/grassBg.png) repeat-x;
	width:100%;
	height:30px;
}
footer{
	background:#339b44;
	width:100%;
	min-height:235px;
}
footer .fooInner{
	width:980px;
	margin:0px auto;
}
footer .fooInner .left{
	width:180px;
	float:left;
	margin:50px 0px 0px 20px;
}
footer .fooInner .left p{
	color:#FFF;
	font-size:16px;
	margin-bottom:10px;
}
footer .fooInner .left p strong{
	font-size:20px;
}
footer .fooInner .right{
	width:670px;
	float:right;
	position:relative;
	margin-right:30px;
}
footer .fooInner .right ul{
	float:left;
	margin:50px 0px 0 0;
}
footer .fooInner .right ul li{
	float:left;
	margin-right:12px;
}
footer .fooInner .right ul li a{
	display:block;
	color:#FFF;
	font-size:16px;
}
footer .fooInner .right ul li a:hover{
	text-decoration:none;
	color:#a7eab2;
}
footer .fooInner .right .copy{
	color:#a7eab2;
	font-size:13px;
	margin-top:10px;
}
footer .fooInner .right .fb{
	position:absolute;
	right:0px;
	top:50px;
	background:url(../images/iconFacebook.png);
	width:39px;
	height:39px;
	text-indent:-9999px;
	transition: 0.4s ease;
	-o-transition: 0.4s ease;
	-webkit-transition: 0.4s ease;
}
footer .fooInner .right .fb:hover{
	opacity:0.5;
}
/*Form Css*/

.formMapBox{
}
.contactForm{
	float:left;
	width:292px;
}
.contactFormWrap{
	float:left;
	width:292px;
}
.contactForm input.txt{
	color:#acacac;
	text-align:left;
	font-weight:400;
	font-size:14px;
	line-height:20px;
	font-weight:600;
	border:2px solid #acacac;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width:258px;
	padding:8px 15px 7px;
	text-transform:uppercase;
	display:block;
	margin-bottom:8px;
	font-family: "Open Sans",sans-serif;
}
.contactForm textarea{
	color:#acacac;
	text-align:left;
	font-weight:600;
	font-size:14px;
	line-height:20px;
	border:2px solid #acacac;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width:258px;
	height:110px;
	padding:12px 15px 11px;
	text-transform:uppercase;
	display:block;
	margin-bottom:10px;
	font-family: "Open Sans",sans-serif;
}
.submitForm{
	background: #329b43;
	border: none !important;
	cursor: pointer;
	text-align:center;
	font-weight:600;
	font-size:14px;
	line-height:20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width:292px;
	padding:12px 0px 11px;
	text-transform:uppercase;
	display:block;
	transition: 0.2s ease;
	-o-transition: 0.2s ease;
	-webkit-transition: 0.2s ease;
	color:#FFF;
	font-family: "Open Sans",sans-serif;
}
.submitForm:hover{
	background: #10681e;
}
.contactForm textarea:focus, .contactForm input:focus { 
	border:2px solid #555555;
}
.loading{
	width:90px;
	margin:0px auto;
	display:none;
}
.loader{
	color: #006600;
	font-family: "Open Sans",sans-serif;
    font-size: 14px;
    line-height: 18px;
	font-weight:600;
    margin: 0px 0px 8px 0px;
	width:292px;
	float:left;
}
.loader span{
    font-size: 20px;
}
.loader strong{
    text-transform:uppercase;
}
.contactForm .captcha{
}
.contactForm .captcha span.plus{
	display:inline-block;
	color:#acacac;
	text-align:left;
	font-weight:400;
	font-size:16px;
	line-height:20px;
	font-weight:600;
	font-family: "Open Sans",sans-serif;
	padding:8px 10px;
}.contactForm .captcha span{
	display:inline-block;
	color:#acacac;
	text-align:left;
	font-weight:400;
	font-size:16px;
	line-height:20px;
	font-weight:600;
	font-family: "Open Sans",sans-serif;
}
.contactForm input.answer{
	display:inline-block;
	color:#acacac;
	text-align:left;
	font-weight:400;
	font-size:14px;
	line-height:20px;
	font-weight:600;
	border:2px solid #acacac;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width:185px;
	float:right;
	padding:8px 15px 7px;
	text-transform:uppercase;
	margin-bottom:8px;
	font-family: "Open Sans",sans-serif;
}

.contactForm input.red{
	border:2px solid #FF0000;
	color:#FF0000;
}
.googleBox{
	width:248px;
	height:378px;
	float:right;
	overflow:hidden;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}