/***TEMPLATE STYLES***/
body {
	margin:0 auto 10px auto;
	background-color:#CCA079;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:100%;
	color:#000000;
}
#wrapper {
	xwidth:800px;
	width:100%;
}
#header-area {
	border-bottom:#6F4D20 16px solid;
	xwidth:800px;
	width:100%;
	height:212px;
}
	#masthead {
		float:right;
		display:inline;
		xwidth:518px;
		width:100%;
		height:212px;
	}
		#topnav {
			background-color:#6F4D20;
			margin-top:47px;
			padding-top:17px;
			xwidth:518px;
			width:100%;
			height:33px;
			font-size:13px;
			padding-left:282px;
		}
			#topnav #logo {
				float:right;
				margin-top:-17px;
				margin-left:0;
			}
			#topnav a {
				margin-left:19px;
				font-style:italic;
				font-weight:bold;
				text-decoration:none;
				color:#FFFFFF;				
			}
			#topnav a.active {
				color:#CCA079;
			}
			#topnav a#first {
				margin-left:10px;
			}
			#topnav a:hover {
				color:#FFEBBB;
			}
		#header {
			float:left;
			background-color:#A04100;
			xwidth:518px;
			width:100%;
			height:115px;
			padding-left:282px;
		}
			#header img {
				margin-top:10px;
			}
	img#feature {
		position:absolute;
		top:0;
		left:0;
		width:282px;
		height:212px;
	}
#content-area {
	display:inline;
	margin-bottom:30px;
	xwidth:800px;
	xwidth:100%;
}
	#leftnav {
		position:relative;
		float:left;
		display:inline;
		background:url(../images/QS_body.jpg) repeat-x 0 0;
		width:282px;
		min-height:364px;
	} *html #leftnav {
		height:364px;
	}
	#main {
		float:left;
		display:inline;
		margin:27px 0 0 0;
		padding-left:30px;
		padding-right:20px;
		width:308px;
	}
		#title {
			font-weight:bold;
			color:#A04100;
		}
		#content {
			font-family:helvetica;
			font-size:13px;
		}
			#content a {
				color:#632d08;
			}
			#content ol {
				margin-left:0;
				padding-left:0;
				list-style:none;
			}
				#content ol li {
					margin-top:10px;
				}
	#content-imgs {
		float:left;
		display:inline;
		margin-top:68px;
		width:160px;
	}
		#content-imgs img {
			float:right;
			margin-top:106px;
		}
		#content-imgs img.first {
			margin-top:0;
		}
#footer {
	margin:35px auto 10px;
	text-align:center;
	font-size:11px;
	clear:left;
}


/***PAGE-SPECIFIC STYLES***/

/* Home */
body#home #leftnav #img1 {
	margin:105px 0 0 13px;
}
body#home #leftnav #img2 {
	margin:102px 0 0 3px;
}
*html body#home #main {
	width:356px;
}

/* About */
body#about #leftnav #img1 {
	margin:111px 0 0 19px;
}
body#about #leftnav #img2 {
	margin:140px 0 0 12px;
}
body#about #leftnav #img3 {
	margin:110px 0 0 0;
}
*html body#about #main {
	width:343px;
}

/* Contact */
body#contact #leftnav {
	font-size:13px;
	color:#FFFFFF;
}
	body#contact #leftnav p#intro {
		margin:-15px 0 0 3px;
		padding:0;
	}
	body#contact #leftnav .craftsman {
		margin-top:10px;
	}
		body#contact #leftnav .craftsman p {
			margin:0;
			padding:53px 0 0 0;
		}
		body#contact #leftnav .photo-right {

		}
			body#contact #leftnav .photo-right p {
				text-align:right;
			}
			body#contact #leftnav .photo-right img {
				float:right;
				margin:0 8px 0 10px;
			}
		body#contact #leftnav .photo-left {

		}
			body#contact #leftnav .photo-left p {
				padding-top:45px;
			}
			body#contact #leftnav .photo-left img {
				float:left;
				margin:0 10px 0 6px;
			}
body#contact #content #map-area {
	width:488px;
}
	body#contact #content #map-area #map {
		float:left;
	}
		body#contact #content #map-area #map p {
			margin:0 0 3px 0;
		}
		body#contact #content #map-area #photo {
			float:right;
		}
body#contact #photo-bar {
	margin-top:25px;
}
	body#contact #photo-bar img {
		float:left;
		margin-left:87px;
	}
	body#contact #photo-bar img.first {
		margin-left:45px;
	}
*html body#contact #content {
	margin-right:-35px;
}
	
/* Links */
body#links #leftnav #img1 {
	margin:32px 0 0 33px;
}
body#links #leftnav #img2 {
	margin:60px 0 0 10px;
}
*html body#links #main {
	width:274px;
}

/* Gallery */
body#gallery #leftnav {
	display:none;
}
*html body#gallery #leftnav {
	height:0px;
}
body#gallery #photos {
	margin:10px 0 0 5px;
}
	body#gallery #photos .row {
		min-height:185px;
	}
	body#gallery #photos .row p.gallery-img-row {
		text-align:center;
		font-family:arial,verdana,helvetica,sans-serif;
		font-size:11px;
		font-weight:bold;
		margin:0 0 2px 0px;
		display:none;				
	}
	body#gallery #photos .row div {
		width:190px;
		float:left;
		display:inline;
	}
	body#gallery #photos .row img {
		float:left;
		margin:0 0 35px 40px;
		border: #000000 1px solid;
	}
	body#gallery #photos .row div p.gallery-img-coords {
		width:150px;
		text-align:center;
		margin:0 0 2px 40px;
		font-family:arial,verdana,helvetica,sans-serif;
		font-size:11px;
		display:none;
	}
	body#gallery #photos .row div p.house {
		width:150px;
		text-align:center;
		margin:2px 0 35px 40px;
		font-family:arial,verdana,helvetica,sans-serif;
		font-size:11px;
		text-transform: uppercase;
		display:none;
	}
	body#gallery #photos .row img {
		margin-bottom:0;
	}


/* Before & After */
body#before-after #leftnav #img1 {
	margin:22px 0 0 23px;
}
body#before-after #main {
	padding-left:30px;
	padding-right:0;
	width:488px;
}
*html body#before-after #content {
	margin-right:-35px;
}
body#before-after #main .sample {
	margin-left:-25px;
	margin-top:60px;
}
body#before-after #main .first-sample {
	margin-top:0px;
}
body#before-after #main .head-sample {
	margin-top:25px;
	margin-bottom:10px;
	text-align:center;
	font-weight:bold;
}
body#before-after #main .sample .left {
	float:left;
	margin-right:20px;
	width:199px;
}
	body#before-after #main .sample .left img {
		float:right;
	}
body#before-after #main .sample .right {
	float:left;
	width:293px;
}

/* 404 & 500 */
body#page-not-found #leftnav img,
body#server-error #leftnav img {
	float:left;
	margin-right:1px;
}
body#page-not-found #content-area #main,
body#server-error #content-area #main {
		width:468px;
	}
body#page-not-found #content-imgs,
body#server-error #content-imgs {
		display:none;
	}