/* CSS for Quality Plumbing */
html, body { background-color: #5e6667; font-family: arial, sans-serif; font-size: 9pt; color: #5e6667; line-height: 1.6; padding: 0; margin: 0; height: 100%; }
a { text-decoration: none; }
a:hover { text-decoration: none; color: #ccc; }
img { border: 0; }
ul { margin: 0; padding: 0; list-style-type: none; }
li { margin: 0; padding: 0 0 0 1em; background: url(../images/bullet.gif) 0 6px no-repeat transparent; }
ul li a { color: #5e6667; }
ul li a:hover { color: #b80202; }
p { margin: 0 0 15px 0; }
#norightborder { background: none; }
/* headings */
h1 { height: 20px; margin: 0 0 20px 0; }
h2 { font-weight: bold; font-size: 1.05em; margin: 0; }
/* classes */
.white { color: #fff; }
.gray { color: #999; }
.darkgray { color: #5e6667; }
.black { color: #000; }
.red { color: #b80202; }
.small { font-size: .75em; }
.large { font-size: .95em; }
.clear { display: block; clear: both; height: 1px; overflow: hidden; }
.hide { visibility: hidden; text-indent: -9999px; }
.notopmargin { margin-top: 0; }
.nobottommargin { margin-bottom: 0; }
.floatright { float: right; margin: 0 0 50px 50px; }
.qmparent { background: url(../images/bg-nav-li.gif) top right repeat-y transparent; text-transform: uppercase; padding: 0 0 3px 0; }
#content p a { color: #b80202; }
#content p a:hover { color: #888; }
/* home links */
.mainLogo { display: block; height: 67px; width: 509px; background: transparent; padding-top: 36px; }
.mainLogo:hover { text-decoration: none; }
/* containers */
#mainContainer { width: 968px; background: url(../images/bg-body.jpg) bottom left repeat-y #f5f5f5; padding: 0 22px 0 20px; margin: 0 auto; position: relative; min-height: 100%; height: auto !important; }
#footerContainer { clear: both; width: 968px; background: url(../images/bg-body.jpg) bottom left repeat-y #fff; padding: 0 22px 0 20px; margin: 0 auto; position: relative; }
.footerTop { height: 41px; background: url(../images/bg-content-bot.jpg) bottom left no-repeat #f5f5f5; margin: 0 0 0 0; padding: 0 0 0 0; overflow: hidden; }
#headerTop { width: 968px; height: 36px; background: url(../images/img-header-top.jpg) 0 0 no-repeat transparent; }
#headerMid { width: 968px; height: 136px; background: url(../images/img-header-mid.jpg) 0 0 no-repeat transparent; }
#headerBot { width: 968px; height: 256px; background: url(../images/img-header-bot.jpg) 0 0 no-repeat transparent; }
#navbar { background-color: #b80202; text-transform: none; color: #fff; width: 968px; height: 26px; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; padding-top: 3px; text-align: right; }
#homeFlash { height: 288px; width: 367px; position: absolute; left: 41px; top: 171px; background: url(../images/flashplaceholder.jpg) 0 0 no-repeat transparent; }
#contentContainer { width: 968px; background: url(../images/bg-body1.jpg) bottom left no-repeat transparent; padding: 16px 0 0 0; }
.contentTop { height: 13px; width: 968px; background: url(../images/bg-content-top.jpg) 0 0 no-repeat; margin-top: -17px; }
.homeServices { float: left; display: inline; height: 303px; margin-top: 16px; margin-right: 15px; width: 321px; background: url(../images/bg-bucket-services.jpg) bottom right no-repeat #fff; }
.homeServices p { width: 239px; margin: 59px 0 0 40px; }
.homeServices ul { margin: 20px 0 0 40px; }
.homeServicesBottom { float: left; display: inline; margin: 0 15px 0 0; height: 23px; padding-top: 3px; width: 300px; background: url(../images/bg-bucket-services-bottom.jpg) 0 0 no-repeat #c9c9c9; font-weight: bold; text-align: right; padding-right: 20px; font-size: .95em; }
.homeServicesBottom a, .homeProductsBottom a, .homeCelebratBottom a, .sidebarBot a { color: #fff; }
.homeServicesBottom a:hover, .homeProductsBottom a:hover, .homeCelebratBottom a:hover, .sidebarBot a:hover { color: #666; }
.homeProducts { float: left; display: inline; height: 303px; margin-top: 16px; margin-right: 15px; width: 296px; background: url(../images/bg-bucket-products.jpg) bottom right no-repeat #fff; }
.homeProducts p { width: 239px; margin: 59px 0 0 16px; }
.homeProducts ul { width: 239px; margin: 20px 0 0 16px; }
.homeProductsBottom { float: left; display: inline; margin: 0 15px 0 0; height: 23px; padding-top: 3px; width: 276px; padding-right: 20px; background: url(../images/bg-bucket-products-bottom.jpg) 0 0 no-repeat #c9c9c9; font-weight: bold; text-align: right; font-size: .95em; }
.homeCelebrat { float: left; display: inline; height: 303px; margin-top: 16px; width: 320px; background: url(../images/bg-bucket-serving.jpg) bottom right no-repeat #fff; }
.homeCelebrat p { width: 266px; margin: 59px 0 0 18px; }
.homeCelebrat ul { width: 266px; margin: 20px 0 0 18px; }
.homeCelebratBottom { float: left; display: inline; margin: 0; height: 23px; padding-top: 3px; width: 301px; padding-right: 20px; background: url(../images/bg-bucket-celebrat-bottom.jpg) 0 0 no-repeat #c9c9c9; font-weight: bold; text-align: right; font-size: .95em; }
#sidebar { float: left; display: inline; width: 270px; margin: 16px 42px 0 0; }
.sidebarTop { height: 20px; width: 269px; background: url(../images/bg-sidebar-top.jpg) 0 0 no-repeat #fff; }
.sidebarContent { background: url(../images/bg-sidebar.jpg) 0 0 repeat-y #fff; width: 269px; }
.sidebarContent ul { margin: 20px 0 0 40px; padding-bottom: 32px; }
.sidebarContact { margin: 0 0 41px 0; }
.sidebarSubtitle { margin: 0 0 22px 0; }
.sidebarBot { height: 22px; width: 249px; background: url(../images/bg-sidebar-bottom.gif) 0 0 no-repeat transparent; font-weight: bold; text-align: right; padding: 4px 20px 0 0; font-size: .95em; }
.sidebarBotAlt { height: 22px; width: 249px; background: url(../images/bg-sidebar-bottom-alt.gif) 0 0 no-repeat transparent; font-weight: bold; text-align: right; padding: 4px 20px 0 0; font-size: .95em; }
.sidebarBot a { color: #fff; }
#content { float: right; display: inline; width: 613px; margin: 45px 41px 0 0; font-size: 1.2em; line-height: 1.4; }
#footer { height: 65px; width: 942px; padding: 32px 0 0 26px; background: url(../images/bg-footer.jpg) top right no-repeat #fff; }
#footer p { color: #999; line-height: 1.0; }
#footer a:hover { color: #666; }
.ltgray { color: #d1d1d1; }
/* subnavigation */
.sub { display: block; width: 229px; height: 23px; border-top: 2px solid #f5f5f5; padding: 7px 0 0 40px; color: #5e6667; }
.sub:hover { display: block; width: 229px; height: 23px; border-top: 2px solid #f5f5f5; background-color: #f5f5f5; padding: 7px 2px 0 40px; color: #5e6667; }
.sub-s { display: block; width: 229px; height: 23px; border-top: 2px solid #f5f5f5; background-color: #f5f5f5; padding: 7px 2px 0 40px; color: #5e6667; }
.sub-s:hover { display: block; width: 229px; height: 23px; border-top: 2px solid #f5f5f5; background-color: #f5f5f5; padding: 7px 2px 0 40px; color: #5e6667; }