/* Color Key
/* Dark Gray:  #3C3C3C
/* Green:      #0A382C
/* Gray:       #A4A4A4 */

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
em,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

:focus {
	outline: #000 dotted thin;
}

body {
	background: #E2EDF3 url(../images/gradient.png) repeat-x fixed top;
	color: #3C3C3C;
	font-family: helvetica, arial, sans-serif;
	font-size: 15px;
	line-height: 1.25em;
}

ol,
ul {
	list-style: none;
}

p {
	padding: .5em 0;
}

input,
textarea {
	background-color: #F6F7F7;
	border: 1px solid #3C3C3C;
}

input:focus,
textarea:focus {
	background-color: #FFF;
}

#container {
	margin: 1em auto;
	min-width: 970px;
	width: 80%;
	_width: 970px;
}

a {
	color: #0A382C;
	text-decoration: none;
}

a:active,
a:hover {
	text-decoration: underline;
}

#header {
	position: relative;
	z-index: 1;
}

#header h1 {
	padding-bottom: 1em;
}

#header h1 a {
	background: transparent url(../images/logo.png) no-repeat 0 0;
	_background: none;
	cursor: pointer;
	display: block;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png');
	height: 64px;
	overflow: hidden;
	text-indent: -900px;
	width: 350px;
}

#header ul {
	background: #F4F4F3 url(../images/nav-back.png) repeat-x center left;
	border: 1px solid #A4A4A4;
	border-radius: .5em;
	-moz-border-radius: .5em;
	padding: 0 2em;
	-webkit-border-radius: .5em;
	zoom: 1;
}

#header .zoom {
	display: none;
}

#header ul li {
	float: left;
}

#header ul li a {
	background: transparent url(../images/divider.png) no-repeat bottom right;
	display: block;
	font-size: 1.3em;
	line-height: 2.5em;
	padding: 0 .7em;
	vertical-align: middle;
}

#header ul li.first {
	background: transparent url(../images/divider.png) no-repeat bottom left;
}

#header em {
	color: #0A382C;
	font-weight: bold;
	padding: .25em .5em;
	position: absolute;
	right: 0;
	top: 25px;
	zoom: 1;
}

.home #header li.home a,
.products #header li.products a,
.installation #header li.installation a,
.gallery #header li.gallery a,
.contact #header li.contact a,
.about #header li.about a,
.green #header li.green a,
#header ul li a:active,
#header ul li a:hover {
	background-repeat: repeat-x;
	text-decoration: none;
}

#content {
	background-color: #F6F7F7;
	border: 1px solid #A4A4A4;
	border-radius: .5em;
	margin: 1em 0;
	padding: .5em 2em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}

.mod {
	padding: 1em 0;
	zoom: 1;
}

.mod h3,
.mod h5 {
	border-bottom: 1px solid #3C3C3C;
	margin: .5em 0;
}

.mod h3 {
	font-size: 1.5em;
}

.mod h5 {
	clear: both;
	font-size: 1.15em;
}

.mod img {
	border: 2px solid #3C3C3C;
	padding: 1px;
	
}

.mod .bd img {
	float: left;
	margin: 0 2em 2em 0;
}

.mod a img {
	border-color: #0A382C;
}

.mod a:hover img {
	background-color: #0A382C;
}

#benefits .bd ul li,
#hiring .bd ul li {
	list-style: disc;
	list-style-position: inside;
	padding: .25em 0;
}

#gallery .bd,
#installation .bd,
#options .bd {
	_margin-left: -2em;
}

#gallery .bd ul,
#installation .bd ul,
#options .bd ul {
	margin-left: -2em;
	zoom: 1;
}

#gallery .bd ul li,
#installation .bd li,
#options .bd li {
	float: left;
	margin: 0 0 2em 2em;
}

#gallery .bd ul li img,
#installation .bd li img,
#options .bd li img {
	background-image: url(../images/loading.gif);
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	height: 150px;
	float: none;
	margin: 0;
	width: 200px;
}

#gallery .bd ul li a:hover img,
#installation .bd li a:hover img,
#options .bd li a:hover img {
	background-image: url(../images/loading-anchor.gif);
}

#gallery .bd ul li .download,
#installation .bd li .download,
#options .bd li .download {
	display: block;
	text-align: center;
}

#gallery .bd ul li .download span,
#installation .bd p .download,
#installation .bd li .download span,
#options .bd li .download span {
	background: transparent url(../images/pdf.gif) no-repeat center right;
	padding-right: 20px;
}

#gallery div .section {
	zoom: 1;
}

#contact-form .bd {
	float: left;
	width: 55%;
}

#contact-form li {
	padding: .25em 0;
}

#contact-form .bd form legend {
	display: none;
}

#contact-form .bd form label {
	float: left;
	width: 9em;
}

#contact-form .bd form textarea {
	height: 20em;
	width: 100%
}

#contact-form .bd form .submit {
	text-align: right;
}

#contact-form .bd span {
	color: red;
}

#contact-form .bd form .error {
	border: 1px solid red;
}

#contact-form .ft {
	float: right;
	width: 40%;
}

#contact-form .ft ul {
	font-size: .8em;
}

#contact-form .ft ul li {
	border: 1px solid #F6F7F7;
	padding-left: .5em;
	zoom: 1;
}

.rich #contact-form .ft ul li {
	cursor: pointer;
	margin: .5em 0;
}

.rich #contact-form .ft ul li:hover {
	border: 1px solid #3C3C3C;
}

#contact-form .ft ul li dt {
	font-size: 1.2em;
}

#contact-form .ft ul.general,
#contact-form .ft ul.quote,
#contact-form .ft ul.warranty,
#contact-form .ft ul.employment {
	color: #A4A4A4;
}

#contact-form .ft ul.general .general,
#contact-form .ft ul.quote .quote,
#contact-form .ft ul.warranty .warranty,
#contact-form .ft ul.employment .employment {
	border: 1px solid #3C3C3C;
	color: #3C3C3C;
}

#contact-form .ft .map {
	background: transparent url(../images/map.png) no-repeat 0 0;
	display: block;
	height: 250px;
	margin: 0 auto;
	width: 350px;
}

#contact-form .ft .west {
	background-position: 0 -250px;
}

#contact-form .ft .midwest {
	background-position: 0 -500px;
}

#contact-form .ft .south {
	background-position: 0 -750px;
}

#contact-form .ft .northeast {
	background-position: 0 -1000px;
}

#footer {
	clear: both;
	font-size: .8em;
	text-align: center;
}

#footer ul {
	text-align: center;
	width: 100%;
	zoom: 1;
}

#footer li {
	border-left: 1px solid #0A382C;
	display: inline;
	line-height: 1em;
	padding: 0 1.5em;
}

#footer li.first {
	border: none;
}

.overlay {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 500;
}

.overlay .curtain {
	background-color: #000;
	filter: alpha(opacity=75);
	height: 100%;
	left: 0;
	-moz-opacity: .75;
	opacity: .75;
	position: absolute;
	top: 0;
	-webkit-opacity: .75;
	width: 100%;
	z-index: 500;
}

.overlay .content {
	position: fixed;
	_position: relative;
	text-align: center;
	z-index: 501;
	width: 100%;
}

.overlay .content div,
.overlay .content div img {
	display: block;
}

.overlay .content div img {
	display: block;
	box-shadow: 5px 5px 10px rgba(17, 17, 17, .3);
	-moz-box-shadow: 5px 5px 10px rgba(17, 17, 17, .3);
	-webkit-box-shadow: 5px 5px 10px rgba(17, 17, 17, .3);
}

.overlay .content div {
	background-color: #FFF;
	border: 1px solid #CCC;
	display: table;
	*display: inline;
	margin: 50px auto 0 auto;
	padding: 1em;
	position: relative;
	text-align: center;
	zoom: 1;
}

.overlay .content div p {
	padding: 1em 0;
}

.overlay .content div div {
	border: none;
	display: block;
	*display: inline;
	margin: 0;
	*overflow: hidden;
	padding: 0;
	postion: relative;
}

.overlay .content .prev,
.overlay .content .next {
	*background-image: url(#);
	cursor: pointer;
	display: block;
	_filter: alpha(opacity=65);
	height: 100%;
	outline: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -900px;
	top: 0;
	width: 50%;
	zoom: 1;
}

.overlay .content .prev {
	background: transparent url(../images/left.png) no-repeat 0 -900px;
	_background: transparent url(../images/ie-left.png) no-repeat 0 -900px;
	left: 0;
}

.overlay .content .next {
	background: transparent url(../images/right.png) no-repeat 0 -900px;
	_background: transparent url(../images/ie-right.png) no-repeat 0 -900px;
	right: 0;
}

.overlay .content .prev:hover {
	background-position: left center;
}

.overlay .content .next:hover {
	background-position: right center;
}

.overlay .content .disabled {
	display: none;
}

#header ul:after,
#content:after,
.mod:after,
#gallery .bd ul:after,
#gallery .bd div:after,
#footer ul:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}