/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 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%;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:baseline;
}
body {	line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {	font-size:75%;color:#fff;	background-color: #1f1f1f;	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;	background-image: url(../images/css/bg.jpg);	background-repeat: repeat-x;}
h1, h2, h3, h4, h5, h6 {	font-weight:normal;	color:#FFF;}
h1 {	font-size:30px;	line-height:1;	margin-bottom:0.5em;	color: #906441;	font-weight: bold;	text-transform: uppercase;}
h2 { font-size: 18px; text-transform: capitalize; color: #906441; font-weight: bold; margin-bottom: 15px;}
h3 { font-size:24px; line-height:1; color: #B28A65; text-align: center; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; margin-right: 35px; margin-left: 35px; padding-bottom: 15px; margin-top: 0px; padding-top: 0px; }
h4 { font-size:14px; line-height:1.5em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: none; font-style: italic; color: #B28A65; padding-right: 0px; padding-left: 0px; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #333; margin-right: 35px; margin-left: 35px; padding-bottom: 0px; margin-bottom: 0px; padding-top: 15px; margin-top: 25px; 
}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#905839;}
a { color:#905839; text-decoration:underline; }
blockquote {margin:1.5em;color:#666;font-style:italic;}
hr { background:#000000; color:#000000; clear:both; float:none; width:100%; height:2px; border:none; margin-top: 25px; margin-right: 0; margin-bottom: 35px; margin-left: 0; }
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:2px 2px 2px 2px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.2em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* grid.css */
.container {width:950px;margin:0 auto;}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}

hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* layout.css */
#header {}
#main {	background-image: url(../images/css/body-bg.png);	background-repeat: repeat-y;	background-position: center top;	padding-top: 55px;}
.feature-image   { float: left; margin-right: 10px; margin-bottom: 10px; text-align: left; }
.feature-image2   { float: left; margin-right: 10px; margin-bottom: 30px; text-align: left; }
#content {
	width: 500px;
	margin-left: 35px;
	float:left;
}
#content .column {
	width: 220px;
	margin-right: 20px;
	margin-left: 10px;
}
#content .column ul li {	list-style-image: url(../images/css/checks.jpg);	list-style-position: outside;	line-height: 24px;}
.column h1 {
	font-size: 18px;
	text-transform: capitalize;
}
.pages-image { border: 1px solid #000; margin-right: 20px; float: left; margin-top: 10px; }




#sidebar {
	width: 330px;
	margin-right: 35px;
	float: right;
}
#sidebar #feature {
	background-image: url(../images/css/sidebar-bg.jpg);
	height: 78px;
	width: 312px;
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 10px;
	line-height: 1.2em;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin-bottom: 15px;
}
#sidebar #feature img {
	float: left;
	margin-right: 9px;
}
#sidebar #feature h4 { color: #FFF; text-decoration: none; margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; text-transform: uppercase; text-align: left; }
#sidebar #feature h4 a { color: #FFF; text-decoration: none; margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; text-transform: uppercase; text-align: left;  }
#sidebar #feature h4 a:hover { color: #FFF; text-decoration: underline; margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; text-transform: uppercase; text-align: left;  }
#contact {	margin-top: 25px;	padding: 5px;	background-image: url(../images/css/contact-bg.jpg);	background-repeat: no-repeat;
}
#contact form table {	padding: 2px;}
#contact h3 {	font-weight: bold;	text-transform: uppercase;	margin-top: 15px;	margin-bottom: 0px;	font-size: 24px;}
#contact h4 {	text-transform: none;	font-size: 12px;	font-weight: normal;	margin-bottom: 25px;	margin-top: 0px;	padding-top: 5px;}
#contact h6 {	font-size: 12px;	line-height: 16px;	font-weight: bold;}
#map {	float: left;	margin-right: 15px;	border: 1px solid #000;}


.button  {	text-align: center;	vertical-align: top;}

.badge {	float: left;	margin-top: -10px;	margin-left: -10px;	margin-bottom: -10px;}


textarea {	width: 220px;	height: 75px;	background-color: #333333;	color: #FFF;}
.label {	font-family: Arial, Helvetica, sans-serif;	text-align: right;	font-size: 11px;	font-weight: bold;	vertical-align: middle;}
input {	background-color: #333333;	color: #FFF;}





#footer {
	clear:both;
	background-image: url(../images/css/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom: 25px;
}
.footer-links {
	width: 924px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	font-size: 11px;
}
.footer-links a {
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 0px;
	line-height: 24px;
	margin-bottom: 10px;
}
.footer-links a:hover {
	font-size: 11px;
	color: #FFF;
	text-decoration: underline;
	padding-right: 15px;
	padding-left: 0px;
	line-height: 24px;
	margin-bottom: 10px;
}
.footer-clickdepot {
	float: right;
}
.footer-clickdepot a {
	padding: 0px;
}
.footer-clickdepot a:hover {
	padding: 0px;
}





/* header.css */
#header #nav {background:url(../images/css/nav-bg.jpg); height:37px; }
#nav ul {	margin:0;	padding-left: 0px;	padding-right: 0;	padding-bottom: 0;padding-top: 0;}
#nav li {	list-style-type: none;	float: left;	text-align: center;	margin: 0px;	padding: 0px;}

#tab1 {	display: block;	margin-left: 24px; width: 135px;	height: 29px;	background-image: url(../images/css/nav-links.jpg);	background-repeat: no-repeat;	background-position: 0 0px;}
#tab1:hover{   background-position: 0 -30px;}
#tab1 span{  display: none;}

#tab2 {	display: block;	margin-left: 6px; width: 135px;	height: 29px;	background-image: url(../images/css/nav-links.jpg);	background-repeat: no-repeat;	background-position: -137px 0px;}
#tab2:hover{   background-position: -137px -30px;}
#tab2 span{  display: none;}
#heatingair #tab2{   background-position: -137px -30px;}

#tab3 {	display: block; margin-left: 6px; 	width: 135px;	height: 29px;	background-image: url(../images/css/nav-links.jpg);	background-repeat: no-repeat;	background-position: -273px 0px;}
#tab3:hover{   background-position: -273px -30px;}
#tab3 span{  display: none;}
#electrical #tab3 {   background-position: -273px -30px;}

#tab4 {	display: block;	margin-left: 6px; width: 135px;	height: 29px;	background-image: url(../images/css/nav-links.jpg);	background-repeat: no-repeat;	background-position: -410px 0px;}
#tab4:hover{   background-position: -410px -30px;}
#tab4 span{  display: none;}
#generators #tab4{   background-position: -410px -30px;}

#tab5 {	display: block;	margin-left: 6px; width: 135px;	height: 29px;	background-image: url(../images/css/nav-links.jpg);	background-repeat: no-repeat;	background-position: -546px 0px;}
#tab5:hover{   background-position: -546px  -30px;}
#tab5 span{  display: none;}
#alarms #tab5 {background-position: -546px  -30px;}

#tab6 {	display: block;	margin-left: 6px; width: 135px;	height: 29px;	background-image: url(../images/css/nav-links.jpg);	background-repeat: no-repeat;	background-position: -683px 0px;}
#tab6:hover{   background-position: -683px -30px;}
#tab6 span{  display: none;}
#contact #tab6 {background-position: -683px -30px;}

#header #logo {	float: left;	height: 134px;	width: 335px;	z-index: 999;	position: absolute;	left: 45px;	top: 30px;	display:block;}
#header .specials {float: left; margin-left:20px; margin-top: 20px;}
#header .service {	float:right;	margin-right: 20px;	margin-top: 15px;}
#slideshow {	margin-left: 15px;}

#subnav {height: 62px;}
#flash { background:url(../images/css/flash-bg.jpg); height:191px; padding-top:15px;}