/* www.mcplumbing.com Stylesheet */
/* Author: Jonathan Mosney, jonathan[at]mosney.net */

/* GENERAL */
* { margin: 0; padding: 0; border: none; }
body { background: #70c522 url("../images/sunburst.jpg") no-repeat 50% 0; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
img { _behavior: url(js/iepngfix.htc); }
h1, h2, h3, h4, h5, h6 { font-family: "Arial Black", "Eras Bold", "Erie Black", "ErieBlack", sans-serif; _letter-spacing: -0.1em; }
h2 { font-size: 30px; margin-bottom: 16px; }
h3 { font-size: 24px; margin-bottom: 20px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
h4 { font-size: 17px; margin-bottom: 16px; }
h5 { font-size: 14px; margin-bottom: 10px; _font-family: Arial, Helvetica, sans-serif; _font-weight: bold; }
h6 { font-size: 12px; _font-family: Arial, Helvetica, sans-serif; _font-weight: bold; }
p { font-size: 15px; margin-bottom: 16px; }
a { color: #626fde; }

/* clearing */
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

#wrapper { width: 900px; padding: 12px 0; margin: 0 auto; position: relative; }

#header { width: 900px; height: 120px; position: relative; }
#header .logo { position: absolute; top: 0px; left: 6px; width: 196px; height: 119px; background: url("../images/headerlogo.gif") no-repeat; text-indent: -999em; }
#header .logo a { display: block; width: 196px; height: 119px; }
#header .logo a:focus { outline: none; }

#main { background: url("../images/mainbg.jpg") repeat-y; }
#maintop { background: url("../images/maintopbg.png") no-repeat; height: 20px; _behavior: url(js/iepngfix.htc); }
#mainbottom { background: url("../images/mainbottombg.jpg") no-repeat; height: 11px; }

#content { background: #b7d77e url("../images/contentbg.jpg") repeat-x; width: 852px; margin: 0 0 0 10px; padding: 18px 0 19px 28px; position: relative; overflow: visible; }

#discount { position: absolute; top: -71px; right: -18px; }

.more { text-align: right; }
.more a { background-color: #edf5df; padding: 6px; font-size: 14px; display: inline-block; color: #000; text-decoration: none; }

.divider { margin: 20px 0; background: url("../images/wrench-divider.png") no-repeat 50% 50%; height: 16px; _background: none; }

#footer { width: 900px; overflow: auto; position: relative; margin-top: 20px; }
#footer .logo { width: 166px; height: 102px; margin-left: 9px; background: url("../images/footerlogo.jpg") no-repeat; text-indent: -999em; float: left; }
#footer .logo a { display: block; width: 166px; height: 102px; }
#footer .logo a:focus { outline: none; }

/* NAVIGATION */
/* top toolbar */
.toolbar { position: absolute; right: 16px; top: 0; }
.toolbar li { float: left; list-style: none none outside; margin-left: 20px; }
.toolbar li a { color: #000; text-decoration: none; }
.toolbar li a:hover { color: #000; text-decoration: underline; }

/* top main nav */
.nav { position: absolute; right: 10px; top: 34px; width: 560px; }
.nav li { float: left; list-style: none none outside; text-indent: -999em; background: url("../images/menu.png") no-repeat 0 -30px; _background: url("../images/menu.jpg") no-repeat 0 -30px; }
.nav li a { display: block; background: url("../images/menu.png") no-repeat; _background: url("../images/menu.jpg") no-repeat; height: 30px; }
.nav li a:hover { color: #000; }
.nav li a:focus { outline: none; }

.nav li.whycounsil { background-position: 0 0; width: 150px; }
.nav li.whycounsil a { background-position: 0 0; }
.nav li.whycounsil a:hover { background-position: 0 -30px; }
.whycounsil .nav li.whycounsil a { background-position: -60px -60px; }

.nav li.products { background-position: -150px 0; width: 229px; }
.nav li.products a { background-position: -150px 0; }
.nav li.products a:hover { background-position: -150px -30px; }
.products .nav li.products a { background-position: -150px -60px; }

.nav li.request { background-position: -379px 0; width: 181px; }
.nav li.request a { background-position: -379px 0; }
.nav li.request a:hover { background-position: -379px -30px; }
.request .nav li.request a { background-position: -379px -60px; }

/* dropdowns */
.nav li ul { display: none; position: absolute; top: 100%; left: 0; margin-left: 8px; _margin-left: 156px; padding: 0; width: 210px; background-color: #70c522; border: solid 1px #1e4b31; border-top: 0; z-index: 200; }
html>body .nav li ul { *position: static; }
.nav li ul li { display: block; float: none; background: none; border: 0; margin: 0; padding: 0; border-bottom: solid 1px #448545; }
.nav li ul li a { display: block; width: 198px; padding: 6px; height: auto; background: #70c522 none; color: #183d28; border: none; text-indent: 0; text-decoration: none; }
.nav li ul li a.last { border: 0; }
.nav li ul li a:hover { background: #94d35a; color: #183d28; border: none; }
.nav li>ul { top: auto; left: auto; }
.nav li:hover ul,
#topnav li.sfhover ul { display: block; }
* html li { z-index: 200; }

/* right sub nav */
#sidebar { margin-top: 10px; background: url("../images/sidebarbg.png") no-repeat; width: 222px; padding: 20px; min-height: 371px; _height: 371px; _behavior: url(js/iepngfix.htc); }
#sidebar h4 { margin-bottom: 10px; }
#sidebar ul li { list-style: none none outside; display: inline; }
#sidebar ul li a { padding: 4px; color: #000; text-decoration: none; display: block; }
#sidebar ul li a:hover { background: #b7d77e; }
#sidebar ul.nolinks li { padding: 4px; display: block; }
#sidebarbottom { background: url("../images/sidebarbottombg.png") no-repeat; height: 12px; _behavior: url(js/iepngfix.htc); }

/* GENERAL INTERIOR */
#left { float: left; width: 580px; }
#right { float: right; width: 262px; padding-top: 44px; margin-right: -8px; position: relative; }
.row { margin-bottom: 20px; }
.column { float: left; width: 250px; margin-right: 28px; }

/* HOME PAGE */
#home #maintop { z-index: 100; height: 235px; padding: 56px 41px 0 428px; background: url("../images/home-hero-plain.png") no-repeat; _background: url("../images/home-hero-plain.jpg") no-repeat; _height: 242px; }
#home #maintop ul { margin-bottom: 20px; }
#home #maintop ul li { list-style: none none inside; background: url("../images/home-bullet.png") no-repeat 0 50%; padding-left: 16px; !padding-left: 0;  margin-left: 2px; font-size: 20px; _behavior: url(js/iepngfix.htc); }
#home #maintop ul li { _list-style: disc none inside; _background: none; }
#home #content { background: #b7d77e; margin: 0 0 0 10px; padding: 0 0 19px 28px; position: relative; overflow: visible; }
#home #discount {
	top: 99px;
	right: -19px;
}
#home #right { padding-top: 0; }
#home #sidebar ul li { background: url("../images/wrench-divider.png") no-repeat 50% 100%; padding-bottom: 32px; margin-bottom: 20px; _background: none; _border-bottom: 1px solid #000; display: block; }
#home #sidebar ul li.last { background: none; padding-bottom: 10px; margin-bottom: 0; _border: 0; }
#home #services { width: 580px; overflow: auto; }
#home #services ul { float: left; margin-right: 10px; }
#home #services ul.first { width: 190px; }
#home #services ul.second { width: 190px; }
#home #services ul.third { margin-right: 0; width: 130px; }
#home #services ul li { list-style: none none outside; display: inline; }
#home #services ul li a { padding: 4px; color: #000; text-decoration: none; display: block; }
#home #services ul li a:hover { background: #edf5df; }
#home #services .more { margin: 20px 49px 20px 0; }
#home #map { border: 3px solid #626fde; }
#home #right { margin-top: -30px; }

/* TANKLESS */
p.intro { width: 450px; }
#tankless h4 { margin-bottom: 0; }
#tankless h3 { margin-top: 40px; }
#howdoestanklesswork { margin: 10px 0 0; }
.column h4 { line-height: 17px; }

/* CONTACT FORM */
#request .row { width: 580px; overflow: auto; margin-bottom: 10px; }
.label { width: 120px; float: left; margin-right: 20px; padding-right: 20px; }
.field { width: 420px; float: left; }
.radio { display: block; }
label { font-size: 14px; }
input,
textarea,
select { border: 1px solid #1e4b31; padding: 6px; margin-bottom: 4px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
.radio input { border: none; }
input:focus,
textarea:focus { background: #edf5df; }
textarea { width: 304px; !width: 271px; }
select { padding: 2px; margin-right: 10px; }
input#submit { width: 478px; text-align: center; padding: 15px 0; margin-top: 20px; background-color: #d6e8b7; }
input#submit:hover { background-color: #bbd098; cursor: pointer; }
.required { font-size: 12px; color: #cc3333; margin-bottom: 0; }
body#request #sidebar { min-height: 0; _height: 0; }
#request #sidebar p { margin-bottom: 10px; }

/* Slimbox styles */
#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(../images/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(../images/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }