﻿/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

body {
	background: url('../images/background.gif') repeat-x;
	background-color:#eeeff0;
	font: 12px Verdana, sans-serif;
	color: #7c7c7c;

}
h3, h4, h4 a, .a-products 	{
	color: #4955a1;
}
.hidden {
	text-indent: -9999px;
	position: absolute;
}
h1{
	font-size: 18px;
	padding: 10px 0 10px 0;
	}
.h3-products	{
	font-size: 18px;
	padding: 10px 0 10px 0;
	color: #7c7c7c;
	}
h3	{
	font-size: 14px;
	padding: 10px 0 10px 0;
	}
h4 a	{
	text-decoration: none;
	}

p	{
	line-height: 1.4em;
	}
.footer	{
	color: #fff;
	font-size: .9em;
	}
.a-products	{
	display: block;
	width: 95px;
	height: 16px;
	position: absolute;
	right: 0px;
	background: url(../images/link.gif) 75px -0px no-repeat;
	text-decoration: none;
}
#home-splash	{
	margin-bottom: 15px;
	position: relative;
}
#stop	{
	position: absolute;
	left: -60px;
	top: -15px;
}
#mytemp p	{
	font-size: .9em;
	color: #4955a1;
	font-weight: bold;
}
	/* lists
---------------------------------------------------------- */
.services ul	{
	padding-bottom: 10px;
	clear:both;
	}
.services li	{
	float: left;
	display: block;
	width: 270px;
	height: 18px;
	padding-left: 18px;
	background: url(../images/bullet.gif) 0 3px no-repeat;
}
.list-products	{
	position: relative;
	border-top: 1px #c6c5c5 solid;
	width: 618px;
	margin: 0 0 0 0;
	padding: 7px 0 0 0;
	clear: both;
}
.list-products li	{
	display: block;
	padding: 10px 60px 10px 0;
	width: 400px;
}
.box	{
	margin: 15px 15px 0 15px;
	border: none;
}


		/* divs
---------------------------------------------------------- */
#container	{
	width: 898px;
	margin: 0 auto;
	background-color:#fff;
	border-left: 1px solid #808181;
	border-right: 1px solid #808181;
	border-bottom: 1px solid #808181;
}
#header	{
	width: 898px;
	height: 86px;
	background: url('../images/header.gif') no-repeat;
}
#content	{
	float: left;
	width: 618px;
	border-left: 1px #c6c5c5 solid;
	padding: 10px 20px 30px 40px;
}
#content-no-nav	{
	width: 580px;
	float: left;
	padding: 10px 40px 30px 40px;
	border-right: 1px #c6c5c5 solid;
}
#content-supp	{
	float: right;
	padding: 15px 20px 20px 20px;
	width: 197px;
}
#content-supp2	{
	float:left;
	width: 190px;
}
#footer	{
	width: 818px;
	min-height: 49px;
	padding: 20px 40px 20px 40px;
	background: url('../images/footer-bg.gif') repeat-x;
	background-color:#4854a0;
	clear:both;
}
#address	{
	float: left;
	width: 600px;
}
#contact	{
	float: right;
	width: 200px;
	text-align:right;
}
.float-left	{
	float:left;
	width: 120px;
}
#mytemp {
	float: right;
	background: url('../images/mytemp.jpg') 20px 10px no-repeat;
	padding: 150px 0 10px 20px;
	width: 254px;
}
#map_canvas	{
	border: 1px #c6c5c5 solid;
	margin-top: 25px;
}
#coupon	{
	width: 780px;
	margin: 40px auto 40px auto;
}
#residential-services	{
	overflow: auto;
	width: 100%
}
#commercial-services	{
	overflow: auto;
	width: 100%
}


		/* nav-main
---------------------------------------------------------- */
#nav-main {
	width: 898px;
	margin: 0 auto;
	position: relative;
	background: url(../images/nav.gif) no-repeat;
}
#nav-main ul {
	margin: 0;
	padding: 0;
	height: 41px;
}
#nav-main li {
	position: absolute;
	background: url(../images/nav.gif) no-repeat;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 41px;
	text-indent:-9999px;
}
#nav-main #home {left: 0px; background-position: 0 0;}
#nav-main #services {left: 105px; background-position: -105px 0;}
#nav-main #products {left: 235px; background-position: -235px 0;}
#nav-main #contact-us {left: 377px; background-position: -377px 0;}

#nav-main #home a, #nav-main #home-on a {width: 105px; height: 41px; display: block; border: none;}
#nav-main #services a, #nav-main #services-on a {width: 130px; height: 41px; display: block; border: none;}
#nav-main #products a, #nav-main #products-on a {width: 142px; height: 41px; display: block; border: none;}
#nav-main #contact-us a, #nav-main #contact-us-on a {width: 153px; height: 41px; display: block; border: none;}

#nav-main #home a:hover {background: url(../images/nav.gif) 0 -41px no-repeat;}
#nav-main #services a:hover {background: url(../images/nav.gif) -105px -41px no-repeat;}
#nav-main #products a:hover {background: url(../images/nav.gif) -235px -41px no-repeat;}
#nav-main #contact-us a:hover {background: url(../images/nav.gif) -377px -41px no-repeat;}

#nav-main #home-on {left: 0px; background-position: 0 -41px;}
#nav-main #services-on {left: 105px; background-position: -105px -41px;}
#nav-main #products-on {left: 235px; background-position: -235px -41px;}
#nav-main #contact-us-on {left: 377px; background-position: -377px -41px;}

		/* nav-supp
---------------------------------------------------------- */
#nav-supp	{
	float:left;
	width: 190px;
}
#nav-supp li	{
	width: 175px;
	padding: 10px 0 10px 15px;
	border-bottom: 1px #c6c5c5 dotted;
	background: url(../images/bullet.png) 165px 13px no-repeat;
}
#nav-supp a {
	color: #8c8a8a;
	text-decoration: none;
	}
#nav-supp #on 	{
	font-weight: bold;
	background: url(../images/nav.png) no-repeat;
}
#nav-supp a:hover {
	color: #000000;
	}


/* nav-supp
#nav-supp a {
	color: #8c8a8a;
	text-decoration: none;
	}
#nav-supp a:hover {
	color: #000000;
	}
#nav-supp li	{
	width: 175px;
	padding: 10px 0 10px 15px;
	border-bottom: 1px #c6c5c5 dotted;
	background: url(../images/bullet.png) 165px 13px no-repeat;
}
#on 	{
	font-weight: bold;
	background-color: #ececec;
}
