/********************************************
* Benjamin Franklin Plumbing
* Developed by I-ology
* http://www.i-ology.com
*
* Created 09/23/2008 - MB
*
* Services Style Definitions
********************************************/

/*******************************************
* Layout Definitions
*******************************************/

#interior-photo {
    position: absolute;
    top: 169px;
    z-index: 3;
}

#left {
    float: left;
    clear: left;
    width: 234px;
    margin-right: 33px;
    padding-left: 3px;
}

#left p {
    float: left;
    clear: left;
    width: 225px;
}

#right {
    float: right;
    clear: right;
    width: 249px;
}

#right p {
    float: right;
    clear: right;
    width: 250px;
}

#header {
    margin: 0 auto;
    padding: 0;
    height: 324px;
    width: 900px;
	position: relative;
}

#call-now {
    position: absolute;
    top: 169px;
    margin-left: 665px;
    text-indent: -9999px;
    height: 155px;
    width: 235px;
    z-index: 4;
    background: url(/images/call_now.gif) top right no-repeat;
}

.back a {
    position: absolute;
    margin-top: -35px;
    margin-left: 458px;
    width: 200px;
    float: right;
    clear: right;
    text-decoration: underline;
    overflow: hidden;
    background: url(/images/back_arrow.gif) 0px 4px no-repeat;
}

/*******************************************
* Lists
*******************************************/

#content-left ul li {
    margin: 0 0 5px -25px;
    padding-left: 10px;
    background: url(/images/bullet.gif) 0 7px no-repeat;
}

#content-left ol li {
    margin: 0 0 5px -20px;
    padding: 0;
}

#content-left dl {
    width: 578px;
    padding: 0;
    overflow: hidden;
    margin-bottom: 2px;
}

/*******************************************
* Titles & Headers
*******************************************/

#ttl-services,
#ttl-whats-new,
#ttl-bens-society,
#ttl-service-repairs,
#ttl-installs,
#ttl-green-products,
#ttl-water-quality,
#ttl-water-heaters {
    width: 578px;
    height: 22px;
    text-indent: -9999px;
}

#ttl-services {
    background: url(/images/ttl_services.gif) top left no-repeat;
}
#ttl-whats-new {
    background: url(/images/ttl_whats_new.gif) top left no-repeat;
}
#ttl-bens-society {
    background: url(/images/ttl_bens_society.gif) top left no-repeat;
}
#ttl-service-repairs {
    background: url(/images/ttl_service_repairs.gif) top left no-repeat;
}
#ttl-installs {
    background: url(/images/ttl_installs.gif) top left no-repeat;
}
#ttl-green-products {
    background: url(/images/ttl_green_products.gif) top left no-repeat;
}
#ttl-water-quality {
    background: url(/images/ttl_water_quality.gif) top left no-repeat;
}
#ttl-water-heaters {
    background: url(/images/ttl_water_heaters.gif) top left no-repeat;
}

/*******************************************
* Subnav
*******************************************/

#subnav {
    position: relative;
    background: #fffff;
    height: 31px;
    padding-left: 49px;
    width: 900px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 26px;
    z-index: 999;
}

#subnav li {
    margin: 0;
    float: left;
    padding: 0;
    list-style-type: none;
	display: inline;
}

#subnav a {
    display: block;
    text-indent: -9999px;
    text-decoration: none;
    width: 900px;
    height: 31px;
}

#subnav a#whats-new {
    width: 95px;
    background: url(/images/subnav_whats_new.gif) top left no-repeat;
}
#subnav a#bens-society {
    width: 120px;
    background: url(/images/subnav_bens_society.gif) top left no-repeat;
}
#subnav a#service-repairs {
    width: 141px;
    background: url(/images/subnav_service_repairs.gif) top left no-repeat;
}
#subnav a#installs {
    width: 84px;
    background: url(/images/subnav_installs.gif) top left no-repeat;
}
#subnav a#green-products {
    width: 138px;
    background: url(/images/subnav_green_products.gif) top left no-repeat;
}
#subnav a#water-quality {
    width: 127px;
    background: url(/images/subnav_water_quality.gif) top left no-repeat;
}
#subnav a#water-heaters {
    width: 117px;
    background: url(/images/subnav_water_heaters.gif) top left no-repeat;
}

#subnav a:hover#whats-new, body.whats-new-on #subnav a#whats-new,
#subnav a:hover#bens-society, body.bens-society-on #subnav a#bens-society,
#subnav a:hover#service-repairs, body.service-repairs-on #subnav a#service-repairs,
#subnav a:hover#installs, body.installs-on #subnav a#installs,
#subnav a:hover#green-products, body.green-products-on #subnav a#green-products,
#subnav a:hover#water-quality, body.water-quality-on #subnav a#water-quality,
#subnav a:hover#water-heaters, body.water-heaters-on #subnav a#water-heaters {
    background-position: bottom left;
}