@charset "utf-8";
/* CSS Document */

html{color:#000000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}
ul{list-style-type:none;}
fieldset,img{border:0;}
a{outline:none; text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}
img{behavior: url("iepngfix.htc");}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#231f20;
}

body{background:#c2d69b}

.divClear{clear:both; height:auto;}

#mainContainer{width:100%; margin:0 auto; background:url(../images/main-bg.jpg) top repeat-x #ffffff;}
#inrContainer{width:998px; margin:0 auto;}

#topPart{width:998px; float:left; display:block;}
#logo{float:left; width:663px; display:block; padding:19px 0 18px 8px}
#email{float:left; width:327px; display:block; padding:75px 0 0 0;}
#email p{font-size:28px; color:#ffffff; line-height:33px;}
#email p span{color:#4d4d4d; letter-spacing:9px;}
#email p a{color:#FFFFFF;}

#topNav{float:left; width:998px; background:url(../images/menu-bg.jpg) repeat-x; color:#ffffff; height:39px;}
#topNav ul li{display:block; float:left; font-size:13px; color:#ffffff;}
#topNav ul li a{color:#ffffff; padding:11px 39px 13px 40px; line-height:39px;}
#topNav ul li a:hover{background:url(../images/menu-over.gif) repeat-x; color:#000000;}
#topNav ul li a.actTop{background:url(../images/menu-over.gif) repeat-x; color:#000000;}

#flash{float:left; width:998px;}

#contPart{float:left; width:998px; display:block; padding:40px 0 0 0}
#contLeft{float:left; width:574px; display:block; padding:0 40px 0 39px;}
#contLeft h1{
	font-size:19px;
	font-weight:bold;
	color:#f5873c;
	padding:0 0 5px 4px;
	text-transform:uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#contLeft h2{
	font-size:16px;
	font-weight:bold;
	color:#425222;
	padding:0 0 5px 4px;
	text-transform:none;
	font-family: Arial, Helvetica, sans-serif;
}
#contLeft p{font-size:14px; color:#231f20; padding:0 0 9px 4px; line-height:20px; text-align:justify}
#contLeft a{color:#5d7037; border-bottom:1px dotted #9baf74;}
#contLeft a:hover{color:#000000; border:none;}
#contLeft a.img1{border:none;}
#contLeft ul.roofing{padding:5px 0 10px 10px;}
#contLeft ul.roofing li{padding:0 0 0 12px; line-height:20px; background:url(../images/bull.gif) no-repeat top left}

#contLeft .four-imgs{display:block; padding:35px 0 10px 0;}
#contLeft .four-imgs img{margin:0 25px 0 0;}
#contLeft .four-imgs a{border:none;}

#contRight{float:left; width:315px; display:block; padding:0 30px 0 0;}
#contRight a{color:#5d7037; border-bottom:1px dotted #9baf74;}
#contRight a:hover{color:#000000; border:none;}
#contRight .check-trade{display:block; text-align:center; padding:0 0 15px 0;}
#contRight .testimonialsMain{background:url(../images/testimonial-bg.jpg) repeat-y; float:left; width:315px; margin:0 0 25px 0;}
#contRight .testimonialsBtm{display:block; width:315px; float:left;}
#contRight .testimonialsTop{background:url(../images/testimonial-bg-top.jpg) top no-repeat; float:left; width:315px; display:block;}
#contRight .testimonialsTop h1{
	text-align:center;
	padding:8px 0 25px 0;
	font-size:18px;
	color:#ffffff;
	text-transform:uppercase;
	font: trebuchet ms;
}

#contRight .testimLeft{float:left; width:24px; padding:0 0 0 13px;}
#contRight .testimRight{float:left; width:246px; background:url(../images/qt-right.gif) bottom right no-repeat; padding:0 19px 0 0;}
html>body #contRight .testimRight{float:left; width:246px; background:url(../images/qt-right.png) bottom right no-repeat; padding:0 19px 0 0;}
#contRight .testimRight p{
	font-size:12px;
	color:#231f20;
	line-height:15px;
	text-align:justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#contRight .testimRight p span{color:#FFFFFF; font-weight:bold; display:block; text-align:right; padding:0 10px 0 0}


#footerMain{width:100%; background:url(../images/footer-bg.gif) repeat-x bottom;}
#footerInr{width:998px; margin:0 auto;}
#footerInr .footerTop1{display:block; position:relative; top:-18px; z-index:9999; float:right; padding:0 32px 0 0}
#footerInr .footerTop{background:url(../images/footer-top.gif) repeat-x top; display:block; float:left; width:998px; height:27px; position:relative; top:-23px;}
#footerInr .footerTopL{float:left; width:590px;}
#footerInr .footerTopL ul{padding:2px 0 0 39px;}
#footerInr .footerTopL ul li{font-size:11px; color:#ffffff; display:inline; line-height:20px;}
#footerInr .footerTopL ul li a{color:#ffffff; border-bottom:1px dotted #FFFFFF;}
#footerInr .footerTopL ul li a:hover{color:#4d6027; border:none;}

#footerInr .footerTopR{float:left; width:408px;}
#footerInr .footerTopR p{font-family:Tahoma; font-size:11px; color:#ffffff; padding:8px 0 0 0;}
#footerInr .footerTopR p a{color:#ffffff; border-bottom:1px dotted #FFFFFF;}
#footerInr .footerTopR p a:hover{color:#4d6027; border:none;}

#footerInr .footerBot1{float:left; width:335px; display:block; padding:12px 0 0 39px;}
#footerInr .footerBot1 .footerBotImg{display:block; float:left; width:20px;}
#footerInr .footerBot1 .footerBotTxt{display:block; float:left; width:315px;}
#footerInr .footerBot1 .footerBotTxt p{font-size:12px; color:#4d4d4d; line-height:15px;}

#footerInr .footerBot2{float:left; width:124px; display:block; padding:12px 0 0 0;}
#footerInr .footerBot2 .footerBotImg{display:block; float:left; width:20px;}
#footerInr .footerBot2 .footerBotTxt{display:block; float:left; width:104px;}
#footerInr .footerBot2 .footerBotTxt p{font-size:12px; color:#4d4d4d; line-height:15px;}

#footerInr .footerBot3{float:left; width:297px; display:block;padding:12px 0 0 0;}
#footerInr .footerBot3 .footerBotImg{display:block; float:left; width:20px;}
#footerInr .footerBot3 .footerBotTxt{display:block; float:left; width:277px;}
#footerInr .footerBot3 .footerBotTxt p{font-size:12px; color:#4d4d4d; line-height:15px;}
#footerInr .footerBot3 .footerBotTxt p a{color:#4d4d4d; border-bottom:1px dotted #4d4d4d; line-height:20px;}
#footerInr .footerBot3 .footerBotTxt p a:hover{color:#4d4d4d; border:none; line-height:20px;}

#footerInr .footerBot4{float:left; width:203px; display:block;padding:15px 0 40px 0;}
#footerInr .footerBot4 img{padding:0 3px;}


.form-main{width:315px; float:left; display:block; padding:20px 0;}
.form-main1{width:315px; float:left; margin:0 0 10px 0;}
.form-main1 label{width:120px;float:left;color:#000000;text-align:right;padding:0px 8px 0px 0px;}
.fld-main2{width:160px; float:left;}
.fld-main2 input{width:150px; float:left; border:1px solid #666; line-height:20px; padding:0 0 0 3px; height:20px;}
.fld-main2 textarea{width:150px; float:left; border:1px solid #666; padding:0 0 0 3px; }
.small-fld{width:55px; float:left; border:1px solid #666; line-height:20px; padding:0 0 0 3px; height:20px; margin:0 10px 0 0;}
.red{color:#FF0000;}


/* BIG FORM CONTACT */
.form-main-b{width:515px; float:left; display:block; padding:20px 0;}
.form-main1-b{width:515px; float:left; margin:0 0 10px 0;}
.form-main1-b label{width:170px;float:left;color:#000000;text-align:right;padding:0px 8px 0px 0px;}
.fld-main2-b{width:260px; float:left;}
.fld-main2-b input{width:250px; float:left; border:1px solid #666; line-height:20px; padding:0 0 0 3px; height:20px;}
.fld-main2-b textarea{width:250px; float:left; border:1px solid #666; padding:0 0 0 3px; }
.small-fld-b{width:155px; float:left; border:1px solid #666; line-height:20px; padding:0 0 0 3px; height:20px; margin:0 10px 0 0;}

.gallery_section {
	clear: both;
	min-height: 130px;
	height: auto !important;
	height: 145px;
	overflow: hidden;
	border-bottom:1px solid #cccccc;
	width: 100%;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
.gallery_section a img{border:1px solid green; padding:1px;}
.image_left {
	float: left;
	width: 25%;
	margin-right: 5px;
}
.image_left img {
	margin-left: 1px;
}
.text_right {
	float: left;
	width: 73%;
	min-height: 150px;
	height: auto !important;
	height: 140px;
	overflow: hidden;
	padding-left: 0px;
}
.text_right h3 {
	padding: 3px 0 0;
	background: none;
	font-size:16px;
	font-weight:bold;
	color:#333333;
}

.bfore-after{float:left; width:315px; padding:20px 0  0 0;}
.bfore-after img{border:1px solid green; padding:1px;}
.before{ float:left; width:152px; text-align:center;font-size:12px; color:#333333;}
.after{ float:left; width:152px; padding:0 0 0 6px;text-align:center;}
html>body .after{ float:left; width:152px; padding:0 0 0 10px;text-align:center;}

.decImgs{float:right; margin:0 0 5px 10px; border:1px solid green; padding:1px;}
.decImgs2{float:left; margin:0 10px 5px 0; border:1px solid green; padding:1px;}
.decImgs3{margin:0 10px 5px 0; border:1px solid green; padding:1px;}