@charset "utf-8";
/* CSS Document */

/***************** Main **************/
* {font-size: 100%; padding: 0; margin: 0;}/*don't change this*/
body{font-family:Verdana, Geneva, sans-serif; font-size:.75em; margin:0; padding:0; background:url(../images/body-bg.jpg) repeat-x #fff; min-height:100%;}
#container{margin:0 auto; width:916px; position:relative; text-align:left; }/*centers main content*/
#header {background:url(../images/header-bg-new.jpg) no-repeat right top; position:relative; height:167px;}
#contentwrapper{background:url(../images/contentwrapper-corner-top-right.gif) no-repeat;background-color:#fff;width:916px;}
#content{width:670px; padding:10px 0 10px 220px; color:#333; float:left;}
#minheight {height:495px; width:1px; float:right;}/*the minimum height div forces the container to expand to fit the height of this element. It is a cross-platform solution to the minimum height demand*/
.topsentence{font-size:.8em; color:#dff1ff; text-align:center; position:absolute; z-index:20;}
.clear {clear:both;}
.hidden {position:absolute; left:-9999px;}
.center_btn {text-align:center; width:365px; margin:5px auto; font-style:italic; font-size:0.8em}
/***************** Headers *****************/
h1 {font-size: 2.1em; font-weight:lighter; color:#2266bc;}
h1#logo {background:url(../images/chc-logo-new.jpg) no-repeat; width:511px; height:167px; margin-left:-43px; position:absolute; z-index:10;}
h1#logo a {display:block; width:511px; height:167px;}
h2 {font-size: 2em; font-weight:lighter; color:#2266bc;}
h3 {font-size: 1.7em; font-weight:lighter; color:#eb040e; padding:6px 0 4px 0; }
h2 strong {font-weight:bold;}
/***************** Basic Links *****************/
a:link, a:visited{color:#888; text-decoration:underline;}
a:hover{color:#2266bc; text-decoration:underline;}
a:active, a:focus{outline:none;}
#content {font-size:.9em;}
#content p{line-height:1.7em; padding:4px 0 8px 0;}
#content ul {padding-left:30px; line-height:1.4em;}
#content ul li {padding:2px;}
#content ol {padding-left:30px; line-height:1.4em;}
#content ol li {padding:2px;}
#content table td {padding:3px; vertical-align:top;}
/***************** Menu *****************/
/*style containing menu div*/
#menu {height:auto; padding:0; position:absolute; z-index:100; top:180px; left:10px;}
/*style first tier ul, li, a - if you do not redefine these styles later in CSS they will apply to all tiers within the navigation*/
#menu ul#nav {margin:0; padding: 0; font-size:1.1em;}
#menu ul#nav a { background:url(../images/nav-bg.jpg) no-repeat; display:block; width:179px; height:24px; color:#FFF; padding:6px 10px 0 10px; text-decoration:none;}
#menu ul#nav li {position:relative; list-style:none; margin:0; background:url(../images/nav-bg.jpg) no-repeat;margin:2px;}
#menu ul#nav a:hover {background:url(../images/nav-bg-over.jpg) no-repeat; text-decoration:none;}
#menu ul#nav a.active {background:url(../images/nav-bg-over.jpg) no-repeat; text-decoration:none;}

#phone {width:180px; background:url(../images/phone-bg.jpg) no-repeat; margin-top:20px; height:100px;}
#logos {padding-top:10px; text-align:center;}
#logos img {padding-right:10px;}
#comfort {clear:both;}
#comfort ul.left {width:215px; margin-left:0px;}
#comfort ul.left li {padding:5px 5px 5px 15px; list-style:none; background:url(../images/blue-bullet.gif) no-repeat 0 10px;}


#plumbing a{background:url(../images/btn-free-inspection.jpg) no-repeat; text-decoration:none; height:44px; width:189px; text-indent:-4000px; text-decoration:none; display:block;}
#plumbing a:hover{background:url(../images/btn-free-inspection-over.jpg) no-repeat;  height:44px; width:189px;}

/***************** Footer *****************/
#footer ul {display:block; margin:5px auto 0pt; padding:0pt; width:870px; text-align:right; color:#585858;}
#footer ul li {display:inline; font-size:0.75em; list-style-image:none; list-style-position:outside;
list-style-type:none;}
#footer ul li a:link, #footer ul li a:visited{color:#585858; text-decoration:none;}
#footer ul li a:hover{color:#585858; text-decoration:underline;}
#footer ul li.copyright {background-image:none; float:left; padding:0pt;}
#footer #address {background:url(../images/address-bar.jpg) no-repeat; height:18px; width:896px; color:#FFF; text-align:center; padding:5px 10px 15px; font-size:1em;}

/***************** Credit *****************/
#credit {clear:both; font-size:0.8em; padding:25px 0 0 0; text-align:center;}
#credit a:link, #credit a:visited {color:#585858; text-decoration:none;}
#credit a:hover {color:#585858; text-decoration:none;}
#address a, #address a:link, #address a:visited {color:#FFF;}
#address a:hover {text-decoration:underline;}
.left {margin:5px 15px 10px 0; float:left;}
.right {margin:5px 0 10px 15px; float:right;}
.largeblue {color:#2266bc; font-size:1.6em;}
.largegrey {color:#918c8c; font-size:1.6em; padding-left:30px;}
.largeblk {font-size:1.6em; padding-left:30px;}
.blue {color:#2266bc;}
textarea {font-size:1.4em;}


#content .listset ul.left {width:215px; padding-left:0; margin-left:30px;}
#content .listset ul li {list-style:none; background:url(../images/blue-bullet.gif) no-repeat 0 10px; padding:2px 5px 2px 15px;}
#content .listset ul.left li {padding:5px 5px 5px 15px; list-style:none; background:url(../images/blue-bullet.gif) no-repeat 0 10px;}
#content .listset ol.left {width:250px; float:left;}
#content .listset ol.left li {padding:5px;}
h3 .subtitle {color:#2266bc; font-size:.85em; padding-left:2.1em;}
.red {color:#eb040e;}
.blue {color:#2266bc;}
.gray {color:#918c8c;}
.black {color:#000;}