/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-spacing: 0; }
acronym { cursor: help; }

/* hide items intended for print only */
.noscreen {display:none;}

/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 1px 2px; font-size: 100%; font-family: Arial, sans-serif; }
.submit { cursor/**/: /**/pointer; font-family: Arial, sans-serif; }
select { font-size: 100%; font-family: Arial, sans-serif; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

ol li {list-style-type:decimal; margin: 0 0 1em 1.75em; line-height: 1.6;}
ol ol li {list-style-type:lower-alpha; margin: 0 0 .2em 2.75em;}

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: underline; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: none; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/*-------
// custom styles
//-----*/

#print-logo-header {display: none;}

a:link, a:visited {
	color: #007040;
}
a:visited { 
}
a:link:hover, a:visited:hover {
}

html { height: 100.01%; }
body {
	font-family: Arial, sans-serif;
	background: #FFFFFF url(/images/body-t.gif) repeat-x 0 0;
	letter-spacing: -0.02em;
}
#page {
	width: 960px;
	margin: 0 auto;
	font-size: 1.2em;
	color: #292929;
}

#top {
	position: relative;
	z-index: 50;
	height: 248px;
	margin: 0 0 -30px;
}
	#logo {
		float: left;
		padding: 50px 0 45px;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 257px;
			height: 79px;
		}
			#logo a:link span, #logo a:visited span {
				background: url(/images/logo-1.gif) no-repeat 0 0;
			}
	#logo2 {
		float: left;
		padding: 60px 0 0;
		margin: 0 0 14px;
	}
		#logo2 a:link, #logo2 a:visited {
			display: block;
			width: 152px;
			height: 40px;
		}
			#logo2 a:link span, #logo2 a:visited span {
				background: url(/images/logo-2.gif) no-repeat 0 0;
			}
	#motto {
		width: 382px;
		height: 34px;
		width: 600px;
		float: left;
	}
		#motto span {
			background: url(/images/motto.png) no-repeat 0 0;
		}
	#header1 {
		float: right;
		margin: -107px 0 0;
		padding: 0 10px 0 0;
	}
	#menu {
		clear: both;
		height: 74px;
		background: url(/images/menu-b.png) no-repeat 50% 100%;
	}
		#menu ul {
			height: 44px;
			overflow: visible;
		}
			#menu li {
				float: left;
				position: relative;
				background: url(/images/menu-sep.gif) no-repeat 100% 50%;
			}
			#menu li.last {
				background: none;
			}
				#menu li a:link, #menu li a:visited {
					float: left;
					display: block;
					padding: 0 19px 0 17px;
					line-height: 44px;
					color: #315a3a;
					font-weight: bold;
					letter-spacing: 0.05em;
					text-transform: uppercase;
					text-decoration: none;
				}
				#menu li a:link:hover, #menu li a:visited:hover {
					background: #8bc644;
					color: white;
				}
				#menu li.sub:hover a:link, #menu li.sub:hover a:visited,
				#menu li.sub a:link:hover, #menu li.sub a:visited:hover {
					background: #8bc644;
					color: #FFFFFF;
				}
				#menu li.active a:link, #menu li.active a:visited {
					background: #8bc644;
					color: #FFFFFF;
				}
					#menu li.active span {
						position: absolute;
						width: 15px;
						height: 8px;
						top: 44px;
						left: 50%;
						margin: 0 0 0 -8px;
						background: url(/images/menu-active.gif) no-repeat 0 0;
					}

				#menu li ul {
					position: absolute;
					left: -1000em;
					top: 44px;
					width: 190px;
					padding: 5px 0 15px;
					height: auto;
					background: url(/images/menu-sub.png) no-repeat 0 100%;
				}
				#menu li:hover ul,
				#menu li.onhover ul {
					left: -5px;
				}
					#menu li li {
						width: 180px;
						padding: 0 5px;
						background: none;
					}
						#page #menu li li a:link, #page #menu li li a:visited {
							float: none;
							padding: 3px 10px;
							line-height: 1.25;
							letter-spacing: 0;
							font-size: 108.33%;
							color: #231f20;
							text-decoration: underline;
							text-transform: none;
						}
						#page #menu li li a:link:hover, #page #menu li li a:visited:hover {
							color: white;
							background: none;
							text-decoration: none;
						}
						
			#menu .menu-text {text-decoration:none !important; font-weight: normal; font-size: 11px; padding: 0 15px 10px 10px;}
			.menu2 .menu-text {text-decoration:none !important; font-weight: normal; font-size: 13px; padding: 5px 10px 10px 15px; line-height: 16px;}	
			
	#links {
		position: absolute;
		right: 0;
		top: 0;
		padding: 7px 0;
		line-height: 16px;
		font-size: 108.33%;
		font-weight: bold;
		color: #FFFFFF;
	}
		#links .phone, #links .email, #links .last, #links span.news, #links span.emergency {
			float: left;
			margin: 0 7px 0 0;
			padding: 0 7px 0 0;
			border-right: solid 1px #333333;
		}
		#links span.phone {
			padding-left: 18px;
			background: url(/images/icons/phone1.png) no-repeat 0 50%;
		}
		#links span.email {
			padding-left: 20px;
			background: url(/images/icons/email1.png) no-repeat 0 60%;
		}
		#links span.emergency {
			padding-left: 20px;
			background: url(/images/icons/umbrella.gif) no-repeat 0 60%;
		}
		#links span.last {
			border: none;
		}
			#links a:link, #links a:visited {
				color: #FFFFFF;
			}

#wrap {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 10;
	margin: 0 0 40px;
}
	#wrap2 {
		float: left;
	}
	#content {
		float: left;
		font-size: 125%;
		padding-top: 30px;
	}
	#side2 {
		float: right;
		padding-top: 30px;
	}
	#side1 {
		float: right;
		width: 187px;
		padding-top: 30px;
	}



#content p {
	line-height: 1.6;
	margin: 0 0 1.5em;
}
#content ul {
	list-style: disc;
	line-height: 1.5;
	margin: 0 0 1em 1.5em;
}

#content h2 {
	font-size: 200%;
	font-weight: bold;
	color: #007040;
	margin: 0 0 .3em;
}
	#content h2 span {
		display: block;
		font-size: 60%;
		color: #000000;
	}
#content h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 .4em;
}
#content h4 {
	font-size: 73.33%;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.175em;
}



#side1 p {
	margin: 0 0 .5em;
}




#footer {
	width: 100%;
	border-top: solid 3px #f5f5f5;
	background: #8bc644 url(/images/footer-t.jpg) no-repeat 50% 0;
	font-size: 1.2em;
	color: #FFFFFF;
	position: relative;
	z-index: 100;
}
	#footer .in {
		width: 960px;
		margin: 0 auto;
		padding: 25px 0 35px 0;
		position: relative;
	}

	#footer p {
		margin: 0 0 .5em;
		line-height: 1.4;
	}
	#footer p.contact {
		font-size: 108.33%;
		position: absolute;
		right: 0px;
		top: 30px;
		color: #315a3a;
	}
	#footer div.img {
		position: absolute;
		left: 650px;
		top: -30px;
		width: 160px;
		height: 192px;
	}
	#footer p.links {
		font-weight: bold;
		font-size: 108.33%;
	}
		#footer p.links a:link, #footer p.links a:visited {
			color: black;
		}
	#footer p.copyright {
		font-style: italic;
		color: white !important;
	}
	#footer p.regnumber {font-size: 11px; font-style: normal; font-weight: normal; font-weight: normal !important;}
	
	#footer p.scheffey {
	}
		#footer p.scheffey a:link, #footer p.scheffey a:visited {
			display: block;
			width: 131px;
			height: 23px;
		}
			#footer p.scheffey a:link span, #footer p.scheffey a:visited span {
				background: url(/images/but-scheffey.jpg) no-repeat 0 0;
			}
	#footer .buttons {
		height: 65px;
		margin: 0 0 15px;
		position: relative;
		z-index: 500;
	}
		#footer .buttons .item {
			float: left;
			position: relative;
			width: 208px;
			margin: 0 1px 0 0;
		}
			#footer .buttons .item a.ir:link, #footer .buttons .item a.ir:visited {
				display: block;
				width: 208px;
				height: 65px;
			}
				#footer .buttons .item a.quality:link span, #footer .buttons .item a.quality:visited span {
					background: url(/images/but-quality.jpg) no-repeat 0 0;
				}
				#footer .buttons .item a.safety:link span, #footer .buttons .item a.safety:visited span {
					background: url(/images/but-safety.jpg) no-repeat 0 0;
				}
				#footer .buttons .item a.service:link span, #footer .buttons .item a.service:visited span {
					background: url(/images/but-service.jpg) no-repeat 0 0;
				}
			#footer .buttons .popup {
				position: absolute;
				z-index: 100;
				left: -27px;
				top: -400px;
				width: 262px;
				background: url(/images/footer-box-b.png) no-repeat 0 100%;
				padding: 0 0 23px;
				font-size: 116.67%;
				color: #d0dece;
				display: none;
			}
				#footer .buttons .popup .popup2 {
					background: url(/images/footer-box-t.png) no-repeat 0 0;
					padding: 25px 30px 10px;
				}
					#footer .buttons .popup h3 {
						color: #FFFFFF;
						font-size: 100%;
						text-transform: uppercase;
						margin: 0 0 .1em;
					}
					#footer .buttons .popup p {
						margin: 0 0 .75em;
						line-height: 1.3;
					}
					#footer .buttons .popup a:link, #footer .buttons .popup a:visited {
						color: #FFFFFF;
						font-weight: bold;
					}


/*-------
// home
//-----*/

.home #content {
	font-size: 116.67%;
}

#tagline {
	width: 964px;
	height: 252px;
	text-indent: -1000em;
	background: url(/images/misc/header-home.jpg) no-repeat 0 0;
	margin: 0 0 15px;
}

.home #content h2 {
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 0.15em;
}
.home #content p {
	line-height: 1.5;
}

.home .box {
	background: #eaeaea;
	padding: 0 15px 15px;
	margin: 0 0 15px;
	position: relative;
}
	.home #page .box h2 {
		background: #f79730;
		margin: 0 -15px 10px;
		padding: 0 20px;
		line-height: 26px;
	}
		.home .box .img img {
			display: block;
			border: solid 3px #FFFFFF;
		}
	.home #page .box p.but3 {
		margin: 0;
	}
		.home .box p.but3 a:link, .home .box p.but3 a:visited {
			display: block;
			width: 122px;
			height: 48px;
			padding: 15px 16px 0;
			text-align: center;
			line-height: 1.2;
			font-size: 92.85%;
			font-weight: bold;
			color: #FFFFFF;
			text-decoration: none;
			background: url(/images/but-3.png) no-repeat 0 0;
		}

#services1 {
	float: left;
	width: 350px;
	height: 370px;
	padding-left: 280px;
}
	#page #services1 h2 {
		margin-left: -280px;
	}
	#services1 .img {
		position: absolute;
		left: 15px;
		top: 40px;
	}
		#services1 .img img {
			margin: 0 0 8px;
		}
	#services1 p.but3 {
		position: absolute;
		right: 15px;
		bottom: 15px;
	}

#services2 {
	float: right;
	width: 275px;
	height: 370px;
}
	#services2 .img {
		margin: 0 0 5px;
	}
	#services2 p.but3 {
		position: absolute;
		right: 15px;
		bottom: 15px;
	}

#services3 {
	clear: both;
	padding: 0 180px 15px 185px;
}
	#page #services3 h2 {
		margin-left: -185px;
		margin-right: -180px;
	}
	#services3 .img {
		position: absolute;
		left: 15px;
		top: 40px;
	}
	#services3 .but3 {
		position: absolute;
		right: 15px;
		top: 40px;
	}

#products {
	border-top: solid 1px #315a3a;
	padding: .75em 0;
	width: 100%;
	overflow: hidden;
}
	#products h2 {
		margin: 0 0 1em;
	}
	#products ul {
		float: left;
		width: 285px;
		list-style: none;
		margin: 0 25px 0 0;
		font-size: 92.85%;
	}
	#products td {
		width: 285px;
		padding: 0 25px 20px 0;
		overflow: hidden;
		font-size: 92.85%;
	}
		#products li {
			width: 100%;
			overflow: hidden;
			margin: 0 0 20px;
		}
			#products li .img, #products td .img {
				float: left;
				margin: 0 10px 5px 0;
			}
				#products li .img img, #products td .img img {
					border: solid 2px #315a3a;
				}
			#page #products li p, #page #products td p {
				margin: 0 0 .1em;
				line-height: 1.3;
			}
			#products li p.name, #products td p.name {
				font-weight: bold;
			}

#home-roof-types {padding: 0 10px 10px 20px;}
#home-roof-types h3 {font-size: 125%; margin-bottom: 10px; }
#home-roof-types li a {font-size: 13px; font-weight: bold;}
#home-roof-types li {margin-bottom: 10px !important;}
#home-roof-types .menu-text {margin: 3px 5px 12px 0;}

/*-------
// static
//-----*/

.page1 #content {
	width: 745px;
}
.page1 #side1 {
	background: url(/images/side1-bg.png) repeat-x 0 0;
	min-height: 490px;
}

.imageL {
	float: left;
	width: 300px;
	margin: 0 15px 5px 0;
}
	.imageL dt {
		margin: 0 0 5px;
	}
		.imageL dt img {
			border: solid 3px #e1e1e1;
		}
	.imageL dd {
		padding: 0 0 0 20px;
		background: url(/images/icons/zoom.gif) no-repeat 0 0;
		color: #595959;
		font-size: 73.33%;
		font-style: italic;
		line-height: 1.4;
	}


.box1 {
	width: 154px;
	height: 120px;
	padding: 20px 12px;
	background: url(/images/box1-bg.png) no-repeat 0 0;
	margin: 0 auto 10px;
}

#contact1 {
	font-weight: bold;
}
	#contact1 p {
		margin: 0 0 .75em;
	}
	#contact1 p.help {
		font-size: 108.33%;
		color: #315a3a;
	}
	#contact1 p.phone {
		font-size: 125%;
		padding: 0 0 0 20px;
		background: url(/images/icons/phone2.png) no-repeat 0 50%;
	}
	#contact1 p.email {
		font-size: 91.67%;
		padding: 0 0 0 20px;
		background: url(/images/icons/email2.png) no-repeat 0 60%;
	}
		#contact1 a:link, #contact1 a:visited {
			color: #000000;
		}

.box2 {
	background: #315a3a;
	padding: 8px 8px;
	margin: 0 0 10px;
	border: solid 1px #FFFFFF;
	border-width: 1px 0;
}

#testimony {
}
	#testimony blockquote {
		float: left;
		width: 100px;
		font-weight: bold;
		margin: 0 0 5px;
		color: white;
		font-size: 95%;
	}
	#testimony cite {
		float: right;
		width: 65px;
		font-style: normal;
		font-weight: bold;
		font-size: 75%;
		color: white;
	}
		#testimony cite img {
			display: block;
			border: solid 1px #FFFFFF;
			margin: 0 0 3px;
		}
		#testimony cite i {
			font-weight: normal;
			font-style: italic;
			display: block;
			color: white;
		}
	#testimony p.but {
		clear: both;
		font-size: 91.67%;
		font-weight: bold;
	}
		#testimony p.but a:link, #testimony p.but a:visited {
			display: block;
			width: 150px;
			height: 32px;
			padding: 8px 10px;
			line-height: 16px;
			text-align: center;
			color: #000000;
			background: url(/images/but-1.png) no-repeat 0 0;
		}
		
		.roof-assessment {color: white !important; padding: 15px !important; letter-spacing: 0 !important; line-height: 140% !important;}
		.roof-assessment h3 {font-size: 16px; margin: 0 0 10px 0; !important; line-height: 20px; color: white;}


/*-------
// listing
//-----*/

.list1, .list2 {
	background: url(/images/line-h1.gif) repeat-x 0 0;
}
	#page .list1 ul, #page .list2 ul {
		list-style: none;
		margin: 0;
	}
		.list1 li {
			float: left;
			text-align: left;
			padding: 10px 10px 0 0;
			width: 176px;
			font-size: 90%;
		}
		.list1 li a {font-weight: bold;}
		
		.list2 li {			
			padding: 10px 175px 10px 10px;
			position: relative;
			background: url(/images/line-h1.gif) repeat-x 0 100%;
		}
		.list1 td {
			text-align: left;
			padding: 10px 10px 0 0;
			width: 176px;
		}
			.list1 li br {
				clear: left;
			}
			.list1 li .img, .list2 li .img {
				float: left;
				margin: 0 15px 0 0;
			}
				.list1 li .img img, .list1 td .img img, .list2 li .img img {
					border: solid 3px #e0e0e0;
				}
			#page .list1 li p, #page .list2 li p {
				margin: 0 0 .1em;
				font-size: 93.33%;
				line-height: 1.35;
			}
			.list1 li p.name, .list1 td p.name, .list2 li p.name {
				font-weight: bold;
			}
			
			.list1 li p.date, .list1 td p.date, .list2 li p.date {
				font-size: 12px !important; font-style: italic;
			}
				.list1 li p.name a:link, .list1 li p.name a:visited, .list1 td p.name a:link, .list1 td p.name a:visited, .list2 li p.name a:link, .list2 li p.name a:visited {
					color: #315a3a;
				}
			#page .list1 li p.all, #page .list2 li p.all {
				position: absolute;
				right: 10px;
				top: 25px;
				font-size: 86.67%;
			}
				.list1 li p.all a:link, .list1 li p.all a:visited, .list2 li p.all a:link, .list2 li p.all a:visited {
					display: block;
					width: 134px;
					height: 53px;
					line-height: 53px;
					color: #FFFFFF;
					font-weight: bold;
					text-align: center;
					background: url(/images/but-2.png) no-repeat 0 0;
					text-decoration: none;
				}
				
				.list1 td a {font-weight: bold !important; margin: 10px 0 10px 0 !important;}
				.list1 td p {font-size: 13px !important; font-weight: normal !important; line-height: 140% !important; margin-top: 5px !important;}


/*-------
// products
//-----*/

.page2 #wrap2 {
	float: left;
	width: 755px;
}
	.page2 #content {
		width: 475px;
	}
	.page2 #side2 {
		width: 210px;
		padding: 30px 30px 50px;
		background: #eaeaea;
	}
.side1 #side1 {
	background: url(/images/side1-bg.png) repeat-x 0 0;
	min-height: 490px;
}


#gallery {
}
	#gallery .main {
		margin: 0 0 3px;
	}
		#gallery .main img {
			border: solid 3px #e0e0e0;
		}
		#gallery #slidescreen.main img {
			position:absolute;
		}
	#gallery #captions {
		position:relative;
		top: 350px;
		font-size: 85%;
		margin: 0 0 10px;
	}
	.colR #gallery #captions {
		top: 282px;
	}
		#gallery #captions div {
			position:absolute;
		}
	#gallery p.hint {
		font-size: 73.33%;
		font-style: italic;
		color: #595959;
		margin: 0 0 15px;
	}
	#gallery ul {
		padding-top: 392px;
		list-style: none;
		margin: 0;
		width: 100%;
		overflow: hidden;
	}
	.colR #gallery ul {
		padding-top: 318px;
	}
		#gallery li {
			float: left;
			margin: 0 5px 0 0;
		}
			#gallery li img {
				border: solid 3px #e0e0e0;
			}
			#gallery li a.active img {
				border: solid 3px #315a3a;
			}

#side2 h3 {
	font-size: 125%;
	font-weight: bold;
	line-height: 1.45;
	margin: 0 0 .1em;
}

.menu2 {
	margin: 0 0 20px -15px;
	width: 225px;
	overflow: hidden;
	font-size: 108.33%;
}
	.menu2 li {
		float: left;
		width: 100%;
		padding: .2em 0;
	}
		.menu2 li a:link, .menu2 li a:visited {
			display: block;
			padding: 0 0 0 15px;
			font-size: 14px;
		}
		.menu2 li.active a:link, .menu2 li.active a:visited {
			background: url(/images/icons/bullet-1.gif) no-repeat 0 .2em;
			color: #315a3a;
		}


/*-------
// casestudy
//-----*/

#testimonial {
	margin: 20px 15px 15px;
}
	#testimonial blockquote {
		position: relative;
		margin: 0 0 10px;
		line-height: 1.4;
	}
		#testimonial blockquote span {
			position: absolute;
			width: 19px;
			height: 14px;
			text-indent: -1000em;
		}
		#testimonial blockquote span.quote1 {
			left: -20px;
			top: -10px;
			background: url(/images/icons/quote-1.png) no-repeat 0 0;
		}
		#testimonial blockquote span.quote2 {
			right: -12px;
			bottom: -5px;
			background: url(/images/icons/quote-2.png) no-repeat 0 0;
		}
	#testimonial cite {
		display: block;
	}
		#testimonial cite strong {
			font-style: normal;
			display: block;
		}

#gallery2 {
	float: right;
	width: 375px;
	margin: 0 0 10px 20px;
}
#gallery2.no {
	float: none;
	margin: 0 0 20px;
}
	#gallery2 p.hint {
		font-size: 73.33%;
		font-style: italic;
		color: #595959;
		padding: 0 0 0 20px;
		line-height: 16px;
		background: url(/images/icons/zoom.gif) no-repeat 0 50%;
		margin: 0 0 5px;
	}
	#gallery2 ul {
		list-style: none;
		margin: 0;
		width: 100%;
		overflow: hidden;
	}
		#gallery2 li {
			float: left;
			margin: 0 5px 0 0;
		}
			#gallery2 li img {
				border: solid 3px #e0e0e0;
			}

.box3 {
	background: #eaeaea;
	padding: 0 15px 20px 15px;
	clear: both;
	width: 300px;
}
#content .box3 {
	font-size: 86.67%;
}
	#page .box3 h4 {
		margin: 0 -15px 20px;
		padding: 0 25px 0 15px;
		background: #8bc644;
		color: #305939 !important;
		font-size: 84.61%;
		line-height: 25px;
	}
	.box3 .col2, .box3 .col3 {
		float: left;
	}
		.box3 h5 {
			font-size: 115%;
			margin: 0 0 .3em;
		}
		#page .box3 ul {
			list-style: square;
			margin-left: 15px;
			font-weight: bold;
			font-size: 12px;
			width: 270px;
		}
			.box3 li {
				margin: 0 0 1em;
				line-height: 1.0;
				font-size: 12px;
			}

#stats {
}
	#stats .col1 {
		float: left;
		width: 300px;
		margin: 0 50px 0 0;
	}
		#stats dt {
			font-weight: bold;
		}
		#stats dd {
			margin: 0 0 1.5em;
		}
	#stats .col2 {
		width: 190px;
	}
	#stats .col3 {
		width: 155px;
	}


/*-------
// markets
//-----*/

.cols {
	width: 100%;
	overflow: hidden;
}
	.cols .colL {
		float: left;
		width: 355px;
	}
	.cols .colR {
		float: right;
		width: 375px;
	}

#page .style1, #page .colL h3 {
	font-size: 113%;
	font-weight: bold;
	color: #315a3a;
	line-height: 1.4;
	margin: 0;
	padding:0;
}

#studies {
	border-top: solid 2px #519e15;
	padding: .75em 0;
}
	#studies h4 {
		margin: 0 0 1.25em;
	}
	#studies ul {
		list-style: none;
		font-size: 80%;
		margin: 0;
	}
		#studies li {
			margin: 0 0 6px;
			position: relative;
			width: 100%;
			overflow: hidden;
		}
			#studies li .img {
				float: left;
				margin: 0 10px 0 0;
			}
			#studies li p {
				padding: 10px 0 0;
				margin: 0;
			}
				#studies li p a:link, #studies li p a:visited {
					display: block;
					font-size: 108.33%;
					font-weight: bold;
				}
				#studies li p span {
					font-style: italic;
				}

#menu2 {
}
	#page #menu2 h4 {
		color: #f79730;
	}
	#menu2 .col2 {
		width: 150px;
		margin: 0 40px 0 0;
	}
	#menu2 .col3 {
		width: 125px;
	}


#staffwrap {float:left; margin: 0 15px 0 0;}
#staff-lg {border:1px solid #363;}
#staff-label {margin: 5px 15px 0 0; height:150px; width:330px}
#staff-label p {line-height:1.25em;margin:0 4px;padding:0px;}
#teamlist td {padding: 0 2px 5px 2px; width:124px;}
	#teamlist td img {border:1px solid #f93;}
	#teamlist td p {font-size:85%; line-height:1.25em;margin:0px;padding:0px;}
	#teamlist td p.name, #staff-label p.name {font-weight:bold;}
	#teamlist td p.title {font-size:75%;}
	#teamlist td .large-photo {display:none;}


#map {width:350px; height:350px; border:1px solid #315a3a;}


#onpage-subnavigation {border-top: 1px solid gray; border-bottom: 1px solid gray; padding: 10px 0 10px 0; margin: 0 0 20px 0;}
#onpage-subnavigation a {margin: 0 10px 0 10px; font-weight: bold;}
#onpage-subnavigation .active {color: black; font-weight: bold; text-decoration: none;}


#home-top-wrap {overflow: auto; padding: 25px 0 10px 0; border-bottom: 2px solid #315a3a; width: 960px;}
#home-polaroids {width: 460px; float: left; padding: 0 15px 0 0;}
#home-intro {float: left; width: 450px; color: #315a3a; font-size: 15px; line-height: 20px;}
#home-intro img {margin: 10px 0 10px 0;}

#home-mid-wrap {overflow: auto; padding: 15px 0 25px 0; width: 960px;}

#home-roofing-services {float: left; background-color: #e0dccc; width: 430px; padding: 15px 15px 12px 15px; margin: 0 15px 0 0; font-size: 14px; line-height: 19px; color: #315a3a;}
#home-roofing-services td {padding: 8px; vertical-align: top;}
#home-roofing-services h3 {font-size: 16px;}
#home-roofing-services a {font-weight: bold;}
#home-roofing-services img {border: 1px solid #315a3a; margin: 5px 0 0 0;}
		
#home-roofing-types {float: left; background-color: #eaeaea; width:  485px;}

#home-service-block {background-color: #e2eec7; margin: 0; width: 475px; height: 60px; padding: 10px 0 0 10px; border-bottom: 8px solid white;}
#home-service-block h3 {font-size: 18px; color: #282425; font-weight: normal; width: 220px; line-height: 19px; float: left; margin: 5px 2px 0 5px;}
#home-service-block img {float: left;}

#home-roof-types-list {padding: 15px 0px 25px 15px;  color: #315a3a; font-size: 13px; line-height: 130%;}
#home-roof-types-list span {font-size: 12px;}
#home-roof-types-list h3 {font-size: 16px; margin: 0 0 15px 0;}
#home-roof-types-list a {font-weight: bold;}
#home-roof-types-list td {padding: 4px; vertical-align: top;}
#home-roof-types-list img {border: 1px solid #315a3a}
.roof-type-photo {width: 45px;}
.roof-type-info {width: 165px;}

#home-compare-head {background-color: #315a3a; padding: 15px 15px 15px 30px; color: white;}
#home-compare-head h4 {font-size: 24px;}
#home-compare-head p {font-size: 14px; font-style: italic;}
#home-compare-body {background-color: #e2eec7; padding: 15px 30px 30px 30px; font-size: 14px; line-height: 18px;overflow: auto;}
#home-compare-body ul {width: 550px; float: left; }
#home-compare-body li {float: left; width: 260px; padding: 0 0 5px 0;}
#home-compare-stage {background-color:white; width: 284px;float: right; padding: 25px; height: 104px; color:#315a3a; font-weight: bold;}
#compare-wrap {position:relative; width:334px; height:154px; overflow:hidden; float:right; border:2px solid #315a3a;}
#compare-wrap .slide {position:absolute; width:312px; height:124px; padding:15px 10px; border-right:2px solid #315a3a; left:-334px; background-image:url(/images/trans95lg.png); font-size:12px;}

.compare {font-size: 14px; color: black; display: none;}


#roof-service-box {padding: 10px 10px 10px 30px; font-size: 15px; line-height: 17px; background: url(/images/roof-mini-icon.gif) no-repeat 8px 10px #d1e8b4; color: #007040;}

			
#contact {
font-family: Arial, sans-serif;
margin: 0 0 30px;
padding: 20px 0 0 0;
clear: both;
}
#contact fieldset {
border: solid 1px #ccc;
padding: 0px 0 5px 0 !important;
}
#contact legend {
font-size: 90%;
font-weight: bold;
color: #315a3a;
padding: 8px 5px 15px 5px !important;
}
#contact ul {
font-size: 86.67%;
padding: 0 10px;
list-style-type: none;
}
#contact li {
width: 100%;
overflow: hidden;
padding: 3px 0;
}
#contact li label {
float: left;
width: 165px;
text-align: right;
font-weight: bold;
color: #000;
line-height: 1.25;
padding: 0 5px 0 0px;
}
#contact li input.text,
#contact li textarea {
background: #f4fbe7;
border: solid 1px #315a3a;
padding: 7px;
font-size: 14px;
}
#contact li.button {
width: auto;
padding: 3px 0 3px 170px;
}
#contact li.button input.submit {
border: 3px solid #315a3a;
background-color: #6d9f32;
width: 100px;
height: 23px;
font-size: 91.67%;
font-weight: bold;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.05em;
}
#contact li.button input.submit:hover {
background-color: #315a3a;
}
#contact .form-interest {padding: 3px 0 10px 170px !important; font-weight: bold;}


.emergency-form {font-size: 14px; padding: 10px; border: 1px solid gray; margin: 0 0 35px 0;}
.emergency-form td {padding: 5px; vertical-align: top;}
.emergency-form h3 {margin: 0px 0 10px 0; padding: 15px 0 5px 0; border-bottom: 1px dotted gray; color: #315a3a; font-size: 16px !important;}
.emergency-form h2 {font-size: 20px !important;}
.emergency-form .info-row {background-color: white;}
.emergency-form input, .emergency-form textarea {padding: 5px 0 5px 5px; margin: 5px 0 15px 0; font-size: 14px; background-color: #e2eec7; border: 1px solid gray;}
.emergency-form label {font-size: 13px;}
.emergency-form label, input[type="radio"]{vertical-align:middle; border: none; background-color: white;}
.emergency-form .note, #contact .note {font-size: 12px; color: red; margin: 0 0 15px 0 !important; font-weight: bold; text-align: right;}
.emergency-detail {font-size: 11px; color: #315a3a;}
.emergency-required {color: red;}


.static-photo-right {float: right; padding: 3px; background-color: white; border: 2px solid #315a3a; margin: 0 0 0 15px;}

.static-photo-left {float: left; padding: 3px; background-color: white; border: 2px solid #315a3a; margin: 0 15px 5px 0;}


.news-article img {border: 1px solid gray; padding: 5px; background-color: white; margin: 10px; float: right;}