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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.clearer {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;
	padding: 0;
	margin: 0;
}

/***********************************************************************/
html, body {
	color: #000;
	background-color: #2F2C33;
	font-family: Arial, Helvetica, sans-serif;
}

#wrapper {
	width: 840px;
	margin: 14px auto 30px auto;
	font-size: 11px;
	border-top: 7px solid #FFF;
	border-right: 7px solid #FFF;
	border-bottom: 3px solid #FFF;
	border-left: 7px solid #FFF;
	background-color: #FFF;
}

	#navigation {
		width: 840px;
		height: 30px;
		
		background: #2f2c33 url(/images/nav-bg.jpg) left -2px repeat-x;
	}

		.home #navigation {
			margin-top: 0;
		}
	
		#navigation ul {
			display: block;
			width: 820px;
			height: 30px;
			margin-left: 15px;
			border-left: 1px solid #111111;	
		}
	
			#navigation ul li {
				display: block;
				float: left;
				height: 30px;
				line-height: 30px;		
				color: #FFF;
			}

				#navigation ul li a {
					display: block;
					float: left;
					height: 30px;
					line-height: 30px;
					color: #FFF;
					text-decoration: none;
					font-weight: bold;
					padding: 0 8px 0 8px;
					border-right: 1px solid #111111;
				}



				.home #navigation ul li#home a,
				.fascias #navigation ul li#fascias a,
				.roofing #navigation ul li#roofing a,
				.conversions #navigation ul li#conversions a,
				.kitchens #navigation ul li#kitchens a,
				.testimonials #navigation ul li#testimonials a,
				.extensions #navigation ul li#extensions a,
				.contact #navigation ul li#contact a,
				#navigation ul li a:hover {
					color: #FFF;
					text-decoration: none;
					background:  url(/images/nav-item-over.jpg) left -1px repeat-x;
				}

			
		#navigation ul li#contact { 
		 	border-right: none; 
		}

	#homeimage {
		width: 427px;	
		height: 283px;		
		float: left;
	}
	
	#homecontent {
		width: 386px;
		height: 243px;	
		background: #b99659 url(/images/homecontent-bg.jpg) right top no-repeat;
		float: right;
		color: #FFF;
		padding: 15px 15px 25px 12px;
	}

		#homecontent h1 {
			color: #FFF;	
			margin: 5px 0 15px 0;
			font-size: 21px;
			line-height: 28px;
		}
		
		#homecontent p {
			color: #FFF;
			margin: 4px 0 0 0;	
			font-size :12px;
			line-height: 18px;
		}

			#homecontent p strong {
				font-weight: normal;
				font-size :12px;
				line-height: 18px;
			}

			#homecontent p a {
				color: #FFF;
				font-weight: normal;
				font-size :12px;
				line-height: 18px;
				text-decoration: underline;
			}

			#homecontent p  a:hover {
				color: #FFF;
				text-decoration: none;
			}
						
			#homecontent a.readmore {
				font-size: 11px;
				line-height: 11px;
				color: #FFF;
				background: url(/images/homecontent-readmore.jpg) left top no-repeat;
				text-decoration: none;
				padding: 3px 0 0 10px;
				display: block;
				width: 65px;
				height: 38px;
				margin: 15px 0 0 0;
			}	

				#homecontent a.readmore:hover {
					color: #111;
					text-decoration: none;
				}	

			#extracontent a.readmore {
				font-size: 11px;
				line-height: 11px;
				color: #FFF;
				background: url(/images/extracontent-readmore.jpg) left top no-repeat;
				text-decoration: none;
				padding: 3px 0 0 16px;
				display: block;
				width: 65px;
				height: 18px;
				margin: 15px 0 0 0;
			}	

				#extracontent a.readmore:hover {
					color: #111;
					text-decoration: none;
				}	
												
	.sectiontile {
		float: left;
		background: #2f2c33 url(/images/hometile-bg.jpg) left top repeat-x; 
		width: 261px;
		height: 140px;
		border-right: 1px solid #FFF;
		border-top: 1px solid #FFF;		
		padding: 15px 9px 15px 9px;
	}

		.st3 {
			width: 262px;
			border-right: none;
		}

		.htl {
			background: #3d3943 url(/images/hometile-bg-light.jpg) left top repeat-x; 
		}
		
		.sectiontile a img {
			float: left;
			width: 135px;
			height: 107px;
			margin-right: 12px;
			border: 2px solid #FFF;
		}

			.sectiontile img.stars {
				margin: 1px 0 0 14px;
				float: left;
			}
							
			.sectiontile h1 {
				color: #FFF;
				font-size: 18px;
				font-weight: normal;
				margin-bottom: 11px;
			}
									
			.sectiontile h1 a {
				color: #FFF;
				text-decoration: none;
			}

			.sectiontile p a {
				font-size: 11px;
				color: #FFF;
				text-decoration: none;
				line-height: 16px;
			}

			.sectiontile cite {
				font-size: 11px;
				color: #b99659;
				text-decoration: none;
				line-height: 16px;
				display: block;
				height: 16px;
				margin-top: 2px;
				font-style: normal;
			}
						
		.sectiontile a.readmore {
			font-size: 11px;
			line-height: 11px;
			color: #FFF;
			background: url(/images/hometile-readmore.jpg) left top no-repeat;
			text-decoration: none;
			padding: 3px 0 0 10px;
			display: block;
			width: 65px;
			height: 38px;
			margin: 4px 35px 0 0;
			float: right;
		}		

			.htl a.readmore {
				background: url(/images/hometile-readmore-light.jpg) left top no-repeat;
			}
			
			.sectiontile a.readmore:hover {
				color: #111;
				text-decoration: none;
			}		

		








/************************************************
Internal Styles
**********************/

.slideshow {
	border-top: 1px solid #FFF;
}

.internalcontent {
	padding: 25px 25px 25px 35px;
}



	.internalcontent .left {
		float: left;
		width: 375px;
		margin: 0 27px 0 0;
	}

	.internalcontent .right {
		float: left;
		width: 375px;
	}

	.internalcontent h1 {
		margin-bottom: 8px;
		font-size: 21px;
		font-weight: bold;
	}
	
	.internalcontent p {
		margin-bottom: 12px;
		line-height: 16px;
		font-size: 11px;
	}

	.internalcontent a {
		color: #111111;
	}

		.internalcontent a:hover {
			color: #111111;
			text-decoration: none;
		}
		
/************************************************************
Testimonials
********************************/

.internalcontent .testimonial {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #3a3a3a;
	border-bottom: 1px solid #cacaca;
}

	.internalcontent .testimonial cite {
		display: block;
		font-weight: bold;
		color: #b99659;
		font-size: 13px;
		font-style: italic;
	}



	
/*				
#footer {
	clear: both;
	border: 1px solid #FFF;
	width: 960px;
	height: 100px;
	margin-bottom: 40px;
	background: #FFF url(/images/site/footer-logos.jpg) left top no-repeat;
}
*/

	




	#footnav {
		width: 840px;
		height: 30px;
		background-color: #FFF;
		border-top: 1px solid #3a3a3a;
		
		
		height: 45px;
		padding-top: 2px;
		width: 800px;
		padding-left: 20px;
		padding-right: 20px;
	}

		#footnav ul {
			display: block;
			width: 680px;
			/*margin-left: 175px;*/
			height: 18px;
			margin-top: 9px;	
		}
	
			#footnav ul li {
				display: block;
				float: left;
				height: 14px;
				line-height: 14px;		
				color: #2f2c33;
			}

				#footnav ul li a {
					display: block;
					float: left;
					height: 14px;
					line-height: 14px;
					color: #2f2c33;
					text-decoration: none;
					font-weight: normal;
					padding: 0 5px 0 5px;
					border-right: 1px solid #d1d1d1;
				}
				
				#footnav ul li#contact-footer a {
					border-right: none;
					padding-right: none;
				}

				#footnav ul li#home-footer a {
					padding-left: 0;
				}
								
			#footnav ul li a:hover {
				color: #b99659;
			}


#footnav div#foot-logos {
	float: right;
	width: 120px;
	height: 165px;
}	

#footnav ul {
	float: left;
}

#extreme {
	width: 680px;
	font-size: 11px;
	line-height: 11px;
	color: #b3b3b3;
	text-align: left;
	padding: 2px 0 10px 0;
	float: left;
}

	#extreme a {
		color: #b3b3b3;
		text-decoration: none;
		margin: 0;
		padding: 0;
	}

	#extreme a:hover {
		color: #111;
		text-decoration: none;
		margin: 0;
		padding: 0;
	}
	
	
	
	
	
/******************************************************************
Contact Form
*************************/

.bgl {
	background-color: #efefef;
	padding: 25px 0 30px 0;
	height: 150px;
}

.bgr {
	background-color: #efefef;
	padding: 25px 0 30px 25px;
	height: 150px;
}

label {
    display: block;
    float: left;
    clear: left;
    width: 110px;
    height: 18px;
    padding-top: 5px;
    height: 17px; 
    text-align: right; 
}

input {
    display: block;
    float: left; 
    margin: 0 0 5px 5px;
    height: 17px;
    color: #454;
    font-size: 11px;
    padding: 3px 0 0 3px;
    width: 220px;
}

textarea {
    display: block;
    float: left; 
    margin: 0 0 5px 5px;
    height: 60px;
    color: #454;
    font-size: 11px;
    padding: 3px 0 0 3px;
    width: 220px;
	overflow: auto;
}

.valid-info {
    float: left; 
    height: 21px; 
    margin: 0 0 0 5px;
}

.submit-btn {
    width: 75px; 
    height: 18px; 
    margin: 2px 0 0 108px; 
    clear: both;
	padding: 2px 0 0 6px;
}