/********************************************
* Benjamin Franklin Plumbing
* Developed by I-ology
* http://www.i-ology.com
*
* Created 09/23/2008 - MB
*
* Careers 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;
}

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

#ttl-careers,
#ttl-opportunities,
#ttl-benefits,
#ttl-apply {
    width: 578px;
    height: 22px;
    text-indent: -9999px;
}

#ttl-careers {
    background: url(/images/ttl_careers.gif) top left no-repeat;
}
#ttl-opportunities {
    background: url(/images/ttl_opportunities.gif) top left no-repeat;
}
#ttl-benefits {
    background: url(/images/ttl_benefits.gif) top left no-repeat;
}
#ttl-apply {
    background: url(/images/ttl_apply.gif) top left no-repeat;
}

/*******************************************
* Promos & Buttons
*******************************************/

a#btn-apply {
    float: right;
    clear: right;
    width: 69px;
    height: 21px;
    text-indent: -9999px;
    display: block;
    padding-top: -10px;
    overflow: hidden;
    background: url(/images/btn_apply.gif) top left no-repeat;
}

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

.divider ul {
    margin: 5px 0 15px 0;
    padding: 0;
}

.divider ul li {
    margin: 0;
    padding-left: 10px;
    background: url(/images/bullet.gif) 0 6px 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#opportunities {
    width: 126px;
    background: url(/images/subnav_opportunities.gif) top left no-repeat;
}
#subnav a#benefits {
    width: 96px;
    background: url(/images/subnav_benefits.gif) top left no-repeat;
}
#subnav a#apply {
    width: 56px;
    background: url(/images/subnav_apply.gif) top left no-repeat;
}

#subnav a:hover#opportunities, body.opportunities-on #subnav a#opportunities,
#subnav a:hover#benefits, body.benefits-on #subnav a#benefits,
#subnav a:hover#apply, body.apply-on #subnav a#apply {
    background-position: bottom left;
}