/* ===============================================
Chasewood Systems

Author(s): marianne@topspotims.com

COLOR TABLE: 
Navy blue title tags: #495871
Navy blue (brighter): #2f577c
Gray text: #5f666c
Medium gray: #7a8689

=================================================*/

/* ==== mini-reset         ============================== */

html, body, h1, h2, h3, h4, p, ul, li, form, fieldset, label, img {
	margin: 0;
	padding: 0;
	border: none;
}
a:focus { 
	border: none; 
	outline: none; 
}
body { 
	background: URL(/images/bg.gif) top center no-repeat #ffffff; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 62.5%; 
	color: #202020; 
}
.container { 
	width: 900px; 
	margin: auto; 
	font-size: 1.15em; 
}
h1 { 
	font-size: 2.15em; 
}
h2 { 
	font-size: 1.65em; 
}
h3 { 
	font-size: 1.5em; 
}
.clearboth { 
	clear: both; 
}
.floatleft { 
	float: left; 
}
.floatright { 
	float: right; 
}
a { 
	color: #25577c; 
	text-decoration: none; 
}
a:hover { 
	text-decoration: underline; 
}

/*----- header -----*/

a.logo { 
	display: block; 
	float: left; 
	width: 396px; 
	height: 120px; 
	background: URL(/images/logo.gif); 
	text-indent: -9999px; 
}
a.email { 
	display: block; 
	float: right; 
	width: 234px; 
	height: 20px; 
	background: URL(/images/email.gif); 
	text-indent: -9999px; 
}
a.email-robert { 
	display: block; 
	float: right; 
	width: 291px; 
	height: 18px; 
	background: URL(/images/email-robert.gif); 
	text-indent: -9999px; 
}
a.email:hover, a.email-robert:hover { 
	text-decoration: none;
}
p.phone { 
	float: right; 
	text-align: right; 
	font-size: 1.6em; 
	font-weight: bold; 
	padding-top: 1.3em; 
	width: 400px; 
}
	p.phone span { 
		font-weight: normal; 
	}
ul#primaryNav { 
	clear: both; 
	float: left; 
	display: block; 
	list-style: none; 
	margin-top: 10px; 
}
	#primaryNav li { 
		float: left; 
	}
	#primaryNav li a { 
		display: block; 
		text-transform: uppercase;  
		text-decoration: none; 
		color: #808080; 
		letter-spacing: 1px; 
		padding: 10px 1em 0 1em;
		background: URL(/images/navbg.jpg) top left no-repeat #ffffff; 
		margin-right: 2px; 
		height: 21px; 
		border: 1px solid #e0e0e0; 
		border-bottom: 1px solid #f0f0f0; 
	}
	#primaryNav li a:hover { 
		color: #202020; 
	}
		#primaryNav li.active a { 
			color: #202020; 
			background: URL(/images/navbg-active.jpg) top left no-repeat #ffffff; 
			border-bottom: 1px solid #ffffff; 
		}
		#primaryNav li ul { 
			display: none;
			position: absolute; 
			list-style: none; 
			background: #ffffff; 
			border-top: 1px solid #d8d8d8; 
		}
			#primaryNav li ul li { 
				position: relative; 
				background: #ffffff; 
				margin: 0; 
				float: left; 
				clear: both; 
				display: block; 
				width: 12em; 
				border: 1px solid #d8d8d8; 
				border-top: none; 
			}
			#primaryNav li ul li a, #primaryNav li.active ul li a { 
				display: block; 
				border: none;  
				height: auto; 
				padding: 0.3em 0.85em; 
				margin: 0; 
				text-transform: none; 
				background: URL(/images/navbg-active.jpg) top left no-repeat #ffffff; 
				color: #808080; 
			}
			#primaryNav li ul li a:hover { 
				color: #ffffff; 
				background-color: #808080; 
				background-image: none; 
			}
			#primaryNav li ul li ul { 
				position: absolute; 
				top: -1px; 
				left: 12em; 
			}
			#primaryNav li.last a {  
				color: #b02222;
			}
			#primaryNav li.last a:hover { 
				color: #000000;
			}
			#primaryNav li ul li.last a, #primaryNav li ul li ul li.last a { 
				color: #808080; 
			}
			#primaryNav li ul li.last a:hover, #primaryNav li ul li ul li.last a:hover { 
				color: #ffffff; 
			}
p.license { 
	float: right; 
	text-transform: uppercase; 
	padding-top: 1.5em; 
}

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

div#content, div#homecontent { 
	clear: both; 
	overflow: auto; 
	padding: 1.75em 0; 
}
#content h1, #homecontent h1 { 
	color: #495871; 
}
p.introtext { 
	font-size: 1.4em; 
	width: 650px; 
	padding: 0.5em 0 1.5em 0; 
	color: #5f666c; 
	float: left; 
	line-height: 1.5; 
}
a.signature { 
	display: block; 
	width: 179px; 
	height: 67px; 
	float: right; 
	background: URL(/images/signature.jpg); 
}
a.signature:hover { 
	text-decoration: none; 
}
div#sidebar { 
	width: 225px; 
	float: right;
	overflow: auto; 
}
div.faq { 
	width: 205px;
	padding: 10px;  
	background: #e7eaeb; 
	overflow: auto; 
}
	div.faq p { 
		font-size: 1.1em; 
		padding-top: 0.85em; 
	}
	div.faq span { 
		font-weight: bold; 
		color: #2f577c; 
	}
a.aaq { 
	display: block; 
	width: 225px; 
	height: 50px; 
	text-indent: -9999px; 
	background: URL(/images/aaq.jpg); 
	margin-bottom: 10px; 
}
.more { 
	text-align: right; 
	color: #b00000; 
	text-decoration: none; 
	padding: 0.75em 0; 
}

div.buckets { 
	float: left; 
	background: #eeeeee; 
	width: 301px; 
	border: 1px solid #e0e0e0; 
	margin: 0 10px 10px 0; 
	padding: 10px 10px 5px 10px; 
}
div.buckets ul { 
	list-style: none;  
}
	div.buckets ul li { 
		padding: 0.75em 0 0 1.25em; 
		font-size: 1.25em;  
		background: URL(/images/bucket-arrow.gif) no-repeat center left transparent; 
	}
	div.buckets img { 
		float: right; 
		border: 1px solid #7a8689; 
		margin: 0 0 0.25em 0; 
	}
	div.buckets a { 
		text-decoration: none; 
		color: #50586c; 
		font-weight: normal; 
	}
	
/*----- internal column pages -----*/

.center { 
	text-align: center; 
}

div#content p { 
	font-size: 1.15em; 
	margin: 0.25em 0 0.5em 0; 
	line-height: 1.4; 
}
div#content h1 { 
	margin-top: 0.3em; 
}
div.main { 
	width: 465px; 
	float: right; 
	margin-right: 15px; 
}
div.main2 { 
	width: 650px; 
	float: left; 
}
div#leftsidebar { 
	width: 150px; 
	background: #eef3f3; 
	padding: 1em; 
	float: left; 
	margin-right: 1.5em; 
}
div#leftsidebar ul { 
	list-style: none; 
}
	div#leftsidebar ul li { 
		padding: 0.25em 0;
		font-size: 1.35em; 
		font-weight: bold;  
	}
		div#leftsidebar ul li a { 
			color: #404040; 
		}
		div#leftsidebar ul li a:hover { 
			text-decoration: none; 
		}
	div#leftsidebar ul li ul li { 
		font-size: 0.9em; 
		font-weight: normal; 
		margin-left: 1em; 
	}
		div#leftsidebar ul li ul li a { 
			color: #606060; 
		}
	div#leftsidebar ul li.active a { 
		color: #495871; 
	}
	div#leftsidebar ul li.active ul li a { 
		color: #606060; 
		text-decoration: none; 
	}
	div#leftsidebar ul li.active ul li.active a { 
		color: #2f577c; 
		text-decoration: underline; 
	}
img.floatleft { 
	margin-right: 15px; 
}
hr { 
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: 0; 
	margin-bottom: 1.25em; 
}
div#sitemap ul { 
	margin: 0.25em 0 0 1em; 
}
div#sitemap ul li { 
	margin-left: 1em; 
	padding: 0.25em 0; 
	font-size: 14px; 
}
.main ul { 
	list-style: none; 
	margin: 0 0.5em 0 0; 
}
.main ul li { 
	padding-top: 0.5em; 
	padding-left: 1.15em; 
	background: URL(/images/bucket-arrow.gif) top left no-repeat transparent; 
}
p.clearboth { 
	padding-top: 1em; 
}
dt, dd { 
	font-size: 1.15em; 
	line-height: 1.4; 
}
dt { 
	font-weight: bold; 
}
dd { 
	margin: 0.75em 0 0.75em 2em; 
}
p.warning { 
	font-size: 0.85em; 
	color: #c00000; 
} 
body#privacy ul { 
	margin-left: 1.5em; 
	font-size: 1.15em; 
}
	body#privacy li { 
		margin-bottom: 0.5em; 
	}
/*----- sidebar -----*/

div.quickcontact { 
	background: #e7eaeb; 
	padding: 15px; 
}
	div.quickcontact h2 { 
		color: #6a7689; 
	}
	label, input, textarea { 
		clear: both; 
		float: left; 
		padding: 0.25em 0; 
	}
	div.quickcontact textarea { 
		width: 195px; 
		height: 125px; 
		border: 1px solid #808080; 
	}
	input.submit { 
		border: 1px solid #c4c4c4; 
		background: #f4f4f4; 
		color: #586f75; 
		padding: 0.5em; 
		margin: 0.75em 0 0 0; 
		font-weight: bold; 
	}
div.location { 
	background: #e0e4ea; 
	padding: 15px;
	margin: 10px 0 0 0;  
	overflow: auto; 
}
	div.location h3 { 
		color: #3b4c66; 
	}
	
/*----- contact page -----*/

div.contact1 { 
	width: 350px; 
	float: left; 
}
div.contact2 { 
	width: 500px; 
	float: right; 
}
.emailform { 
	background: #eef3f3; 
	padding: 10px;
	margin-top: 0.75em;  
}
	.emailform h3 { 
		color: #6a8289; 
	}
.emailform textarea { 
	border: 1px solid #808080; 
	width: 348px; 
	height: 130px; 
}

/*----- request a quote -----*/

#quote legend { 
	font-weight: bold; 
	padding: 0.5em 0; 
	font-size: 1.15em; 
	clear: both; 
	float: left; 
}
#quote table { 
	clear: both; 
	float: left; 
}
td { 
	vertical-align: top; 
	padding: 0 0.75em 0 0; 
}
span.required { 
	color: #d00000; 
}
input.short { 
	width: 30px; 
}
fieldset { 
	margin-bottom: 1em; 
}
fieldset.conditions { 
	padding-top: 1em; 
}
fieldset.conditions input, fieldset.doors input { 
	clear: none; 
	float: none; 
} 
	input#Doors, input#Openings { 
		float: left; 
	}
fieldset.construction label { 
	clear: both; 
	float: left; 
	width: 75px; 
}
fieldset.construction input { 
	clear: none; 
	float: left; 
}
fieldset.construction span { 
	float: left; 
}
fieldset.services input { 
	float: left; 
	clear: none; 
}
fieldset.services label { 
	width: 85px; 
}
fieldset.services span { 
	float: left; 
}
#quote textarea { 
	width: 300px; 
	height: 150px; 
}
#quote input.submit { 
	clear: both; 
	float: left; 
	width: 100px; 
}
fieldset.people input { 
	clear: none; 
	float: left; 
}
fieldset.people label { 
	width: 100px; 
	clear: both; 
}
fieldset.people span { 
	float: left; 
	margin: 0 1em; 
}
/*----- footer -----*/

div#footer { 
	clear: both; 
	background: URL(/images/footerbg.jpg) repeat-x top #ffffff; 
	padding: 2em 0; 
}
#footer a { 
	color: #404048; 
	text-decoration: none; 
	padding: 0 0.5em; 
}
	#footer a:hover { 
		text-decoration: underline; 
	}
#footer .tslink { 
	padding-top: 0.75em; 
	font-size: 1em; 
}
	#footer .tslink a { 
		color: #25577c; 
		padding: 0; 
	}