body {
	background-image: url(/images/modx/back.gif);
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
a {
	color: #5282B2;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;;
}
#wrapper {
	margin: 0px auto;
	width: 984px;
	background: transparent url(/images/modx/cloud_bkg.gif) top center no-repeat;
}
#header {
	margin: 0px auto;
	text-align: center;
	width: 984px;
	height: 144px;
}
#logo{display: block; width: 481px; height: 144px; background: url(/images/modx/logo.png) no-repeat; text-indent: -9999px; float: left; outline:none;}
#logo:hover{display: block; width: 481px; height: 144px; background: url(/images/modx/logo.png) bottom left; text-indent: -9999px; float: left; outline:none;}
#logo a{display: block; width: 481px; height: 144px;}
#banner {
	width: 503px;
	height: 144px;
	float: left;
}
#crumbs {
	padding: 10px 15px 0px 20px;
}
#navbar {
	width: 984px;
	height: 62px;
	margin: 0px auto;
	background: transparent url(/images/modx/nav_bkg.png) top left no-repeat;
}
.cap {
	background: url(/images/home_cap.jpg) left center no-repeat;
	padding-left: 40px;
}
#home1 {
	height: 123px;
	margin-bottom: 6px;
	background: url(/images/home_1.jpg) right center no-repeat;
	padding: 0px;
	overflow: hidden;
}
#home2 {
	height: 123px;
	margin-bottom: 6px;
	background: url(/images/home_2.jpg) right center no-repeat;
}
#home3 {
	height: 123px;
	margin-bottom: 6px;
	background: url(/images/home_3.jpg) right center no-repeat;
}
.bannerContent {
	position: relative;
	top: 40%;
}

#home1 a, #home2 a, #home3 a {
	padding: 4px;
	background: transparent url(/images/linkBkg.png);
}
#container {
	width: 984px;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	background: transparent url(/images/modx/page_bkg.png) top center repeat-y;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#grayBox {
	width: 948px;
	margin: 0px auto;
	text-align: left;
	background-color: #e5e5e5;
}
#blueBox {
	width: 948px;
	margin: 0px auto;
	text-align: left;
	background-color: #dce9f6;
	clear: both;
}
#wideCol {
	padding: 16px;
}
#leftCol {
	width: 700px;
	float: left;
}
#leftCol .content {
	padding: 10px 20px 20px 20px;
}
#rightCol {
	width: 248px;
	float: right;
}
#rightCol .content {
	padding: 20px 20px 20px 10px;
}
#rightBox {
	background-color: #fff;
	width: 236px;
	margin: 10px 0px;
}
#rightBox .content {
	padding: 10px;
}
#footer {
	margin: 0px auto;
	width: 984px;
	background: transparent url(/images/modx/footer_bkg.png) top center repeat-y;
}
#footer .content {
	width: 760px;
	padding: 20px 50px 20px 30px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14pt;
	color: #333333;
}

#footer .content a {
	font-size: 11px;
	color: #333333;
	Text-Decoration: none;
	Font-Weight: normal;
}
#footer .content a:hover {
	color: #FFFFFF;
	Text-Decoration: None;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_1.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {padding: 5px 0px 0px 18px; list-style: none; height: 41px; margin-left: 18px; margin: 0px; font-family: arial,helvetica,sans-serif; font-size: 11px; font-weight: bold;}
#nav li.top {display: block; float: left; margin: 0px; padding: 0px;}
#nav li:hover > a {color:#fff;}

/* Default list styling */

#nav li:hover {position: relative; z-index: 200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0px; margin:0px; padding:0px; list-style:none;}

#nav li:hover ul.sub
{left: 0px; top: 56px; background: #fff; padding: 0px; border: 3px solid #90b4d8; white-space: nowrap; width: 200px; height: auto; z-index: 300;}
#nav li:hover ul.sub li
{display: block; height: 30px; position: relative; float: left; width: 200px; font-weight: normal;}
#nav li:hover ul.sub li a
{display: block; font-size: 11px; height: 20px; width: 188px; line-height: 20px; text-indent: 5px; color: #7a7a7a; text-decoration: none;}
#nav li ul.sub li a.fly
{background: url(/images/modx/rightarrow2.gif) 186px 10px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background: #336699; color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background: #336699 url(/images/modx/rightarrow.gif) 186px 10px no-repeat; color: #fff;}

#nav li:hover > a.residential,
#nav li:hover > a.commercial,
#nav li:hover > a.service,
#nav li:hover > a.about,
#nav li:hover > a.contact,
#nav li:hover > a.tools,
#nav li:hover > a.home
{background-position:0px -53px;}

#nav li:hover ul li:hover > a.fly {background: #336699 url(/images/modx/rightarrow.gif) 186px 10px no-repeat; color: #fff;} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left: 195px; top: 6px; background: #fff; padding: 0px; border: 3px solid #90b4d8; white-space: nowrap; width: 200px; z-index: 400; height: auto;}

#nav a {
	display: block;
	text-indent: -9999px;
	font-size: 11px;
	float: left;
	outline: none;
	padding: 6px;
	text-decoration: none;
}
#nav a:hover {
	background-position: 0px -53px;
}

#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 180px;
font-weight: normal;
border-width: 3px;
margin-top: -12px;
}

#nav li li {
border-bottom: 1px solid #90b4d8;
}

#nav .residential {
	width: 114px;
	height: 41px;
	background: transparent url(/images/modx/nav_residential.png) no-repeat;
}
#nav .commercial {
	width: 118px;
	height: 41px;
	background: transparent url(/images/modx/nav_commercial.png) no-repeat;
}
#nav .service {
	width: 82px;
	height: 41px;
	background: transparent url(/images/modx/nav_service.png) no-repeat;
}
#nav .about {
	width: 94px;
	height: 41px;
	background: url(/images/modx/nav_about.png) no-repeat;
}
#nav .contact {
	width: 112px;
	height: 41px;
	background: url(/images/modx/nav_contact.png) no-repeat;
}
#nav .tools {
	width: 65px;
	height: 41px;
	background: url(/images/modx/nav_tools.png) no-repeat;
}
#nav .home {
	width: 64px;
	height: 41px;
	background: url(/images/modx/nav_home.png) no-repeat;
}
#residential .residential, #commercial .commercial, #service .service, #about .about, #contact .contact, #tools .tools, #home .home {
	background-position: left bottom;
}

#residential a.residential, #commercial a.commercial, #service a.service, #about a.about, #contact a.contact, #tools a.tools, #home a.home {
	color: #DCE9F6;
}
#footer a.on {
	color: #DCE9F6;
}
#secondnav a.active {
	color: #DCE9F6;
}
#secondnav a.last {
	border: 0px;
}
#secondnav a.first {
	padding: 0px 5px 0px 0px;
}
#secondnav a {
	padding: 0px 5px 0px 3px;
	border-right: 1px solid #666;
}
form {
	margin: 0px;
}
.ajaxSearch_highlight {
	color: #990000;
	font-weight: bold;
}
#searchForm {
	padding-left: 35px;
	background: url(/images/icon_search.gif) center left no-repeat;
	font-weight: bold;
	color: #336699;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}
#newsSignup {
	padding-left: 35px;
	background: url(/images/icon_newsletter.gif) center left no-repeat;
	font-weight: bold;
	color: #336699;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}
#couponDload {
	padding-left: 35px;
	background: url(/images/icon_coupons.gif) center left no-repeat;
	font-weight: bold;
	color: #336699;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}
#couponDload .content {
	margin: 0px auto;
	width: 180px;
}
#serviceCall {
	padding-left: 35px;
	background: url(/images/icon_clock.gif) center left no-repeat;
	font-weight: bold;
	color: #336699;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}
.dotLine {
	height: 1px;
	border-bottom: 1px dotted #999;
	margin: 10px 0px;
}
.Copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	Font-Weight: normal;
}
a.Copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	Text-Decoration: none;
	color: #5282B2;
}
a.Copy:hover {
	color: #5282B2;
	Text-Decoration: underline;
}
.CopyBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5282B2;
	line-height: 18px;
	Font-Weight: normal;
}
.BotNav2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14pt;
	color: #DCE9F6;
	Font-Weight: Bold;
}
a.BotNav2 {
	font-size: 11px;
	color: #DCE9F6;
	Text-Decoration: None;
	Font-Weight: normal;
}
a.BotNav2:hover {
	color: #FFFFFF;
	Text-Decoration: None;
}
.Header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	color: #000000;
}
a.Header {
	font-weight: bold;
	color: #999999;
	Text-Decoration: None;
}
a.Header:hover {
	color: #FFFFFF;
	Text-Decoration: None;
}
.SideCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	line-height: 16px;
}
a.SideCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	Text-Decoration: none;
}
a.SideCopy:hover {
	color: #FF9900;
	Text-Decoration: Underline;
}
.SubHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	line-height: 18px;
}
a.SubHeader {
	Text-Decoration: None;
	Font-Weight: Bold;
}
a.SubHeader:hover {
	color: #336699;
	Text-Decoration: None;
}
.SubHeaderBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
}
a.tt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    position:relative;
    z-index:24;
	color: #5282B2;
	font-weight:normal;
    text-decoration:none;
}
a.tt span{ display: none; }

a.tt:hover{ z-index:25; color: #5282B2; background:; text-decoration:underline;
}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #666666;
    text-align: left;
	filter: alpha(opacity:92);
	KHTMLOpacity: 0.92;
	MozOpacity: 0.92;
	opacity: 0.92;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(/images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(/images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #5282B2;
    background: url(/images/bubble.gif) no-repeat bottom;
}