
/********************************************
* Benjamin Franklin Plumbing
* Developed by I-ology
* http://www.i-ology.com
*
* Created 09/23/2008 - MB
*
* About Us 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;
}

.client-divider {
    /*width: 587px;*/
    width: 578px;
    border-top: 1px solid #DFDDDB;
    border-bottom: 1px solid #DFDDDB;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 22px 0;
}

.client-logo {
    float: left;
    width: 200px;
    margin-left: 14px;
    display: inline;
}

.client-info {
    float: right;
    width: 325px;
    margin-right: 24px;
    display: inline;
}

#customer-bor {
    width: 524px;
    height: 697px;
    text-indent: -9999px;
    background: url(/images/customer_bor.gif) top left no-repeat;
}

/*******************************************
* Titles & Headers
*******************************************/

#ttl-about-us,
#ttl-punctual-promise,
#ttl-customer-bill-rights,
#ttl-community-involvement,
#ttl-memberships,
#ttl-our-team {
    width: 578px;
    height: 22px;
    text-indent: -9999px;
}

#ttl-about-us {
    background: url(/images/ttl_about_us.gif) top left no-repeat;
}
#ttl-punctual-promise {
    background: url(/images/ttl_punctual_promise.gif) top left no-repeat;
}
#ttl-customer-bill-rights {
    background: url(/images/ttl_customer_bill_rights.gif) top left no-repeat;
}
#ttl-community-involvement {
    background: url(/images/ttl_community_involvement.gif) top left no-repeat;
}
#ttl-memberships {
    background: url(/images/ttl_memberships.gif) top left no-repeat;
}
#ttl-our-team {
    background: url(/images/ttl_our_team.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#punctual-promise {
    width: 155px;
    background: url(/images/subnav_punctual_promise.gif) top left no-repeat;
}
#subnav a#customer-bill-rights {
    width: 213px;
    background: url(/images/subnav_customer_bill_rights.gif) top left no-repeat;
}
#subnav a#community-involvement {
    width: 215px;
    background: url(/images/subnav_community_involvement.gif) top left no-repeat;
}
#subnav a#memberships {
    width: 128px;
    background: url(/images/subnav_membership.gif) top left no-repeat;
}
#subnav a#our-team {
    width: 81px;
    background: url(/images/subnav_our_team.gif) top left no-repeat;
}

#subnav a:hover#punctual-promise, body.punctual-promise-on #subnav a#punctual-promise,
#subnav a:hover#customer-bill-rights, body.customer-bill-rights-on #subnav a#customer-bill-rights,
#subnav a:hover#community-involvement, body.community-involvement-on #subnav a#community-involvement,
#subnav a:hover#memberships, body.memberships-on #subnav a#memberships,
#subnav a:hover#our-team, body.our-team-on #subnav a#our-team {
    background-position: bottom left;
}

