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

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

#no-flash {
    position: absolute;
    top: 169px;
    margin: 0 auto;
}

.left {
    float: left;
    
    width: 270px;
}

.left p {
    float: left;
    clear: left;
    width: 225px;
}
#left {
    float: left;
    clear: left;
    width: 249px;
    margin-bottom: 5px;
}
#right {
    float: right;
    clear: right;
    width: 249px;
    margin-bottom: 5px;
}

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

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

#content-left {
    width: 519px;
    padding: 44px 21px 0 49px;
    float: left;
    clear: left;
}

#content-left span {
    color: #990000; 
    font-family: Georgia, serif;    
    font-size: 1em;
    line-height: 1.5em;
    font-weight: bold;
}

#content-left p {
    color: #333333; 
    font-family: Georgia, serif;    
    font-size: 1em;
    line-height: 1.25em;
}

#content-left a {
    color: #003e88; 
    font-family: Georgia, serif;    
    font-size: 1em;
    line-height: 1.25em;
}

#content-right {
    width: 295px;
    padding: 9px 15px 0 0;
    float: right;
    clear: right;
}

#content-right p {
    color: #333333; 
    font-family: Georgia, serif;    
    font-size: 1em;
    padding-right: 31px;
    width: 251px;
    float: right;
    clear: right;
    line-height: 1.25em;
}

#content-right a {
    color: #003e88; 
    font-family: Georgia, serif;    
    font-size: 1em;
    line-height: 1.25em;
}

#content-right span {
    color: #990000; 
    font-family: Georgia, serif;    
    font-size: 1em;
    line-height: 1.5em;
    font-weight: bold;
}

#text {
    width: 295px;
    height: 22px;
    margin-bottom: 15px;
}

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

#ttl-home {
    width: 495px;
    height: 49px;
    text-indent: -9999px;
    margin: 25px 0 30px 0;
    background: url(../images/ttl_home.gif) top left no-repeat;
}

#hdr-whats-new {
    height: 24px;
    text-indent: -9999px;
    margin-bottom: 11px;
    background: url(../images/hdr_whats_new.gif) top left no-repeat;
}

#hdr-homeowner-tips {
    height: 24px;
    text-indent: -9999px;
    margin-bottom: 8px;
    background: url(../images/hdr_homeowner_tips.gif) top left no-repeat;
}

#hdr-featured-news {
    height: 24px;
    text-indent: -9999px;
    margin: 12px 27px 8px 0px;
    background: url(../images/hdr_featured_news.gif) top left no-repeat;
}

/*******************************************
* Promos
*******************************************/

#promo-ask-expert {
    position: absolute;
    top: 169px;
    margin-left: 705px;
    width: 195px;
    height: 222px;
    text-indent: -9999px;
    display: block;
    z-index: 4;
    background: url(../images/promo_ask_expert.gif) top left no-repeat;
}

#pipeline-blog-btn {
    width: 295px;
    height: 95px;
    text-indent: -9999px;
    margin-bottom: 15px;
    display: block;
    background: url(../images/bfaz-blog-button.png) top left no-repeat;
}

#apprentice {
    width: 185px;
    height: 300px;
    text-indent: -9999px;
    margin-bottom: 15px;
    margin-left: 55px;
    display: block;
    background: url(../images/Apprentice-Web-Ban-185x300.jpg) top left no-repeat;
}

#promo-schedule-call {
    width: 295px;
    height: 136px;
    text-indent: -9999px;
	margin-top: 2px;
    margin-bottom: 15px;
    display: block;
    background: url(../images/promo_schedule_call.jpg) top left no-repeat;
}

a#promo-forward {
    width: 295px;
    height: 33px;
    display: block;
    margin-bottom: 10px;
    _margin-bottom: 125px; /* For IE6 */
    text-indent: -9999px;
    background: url(../images/promo_forward.gif) top left no-repeat;
}

a:hover#promo-ask-expert,
a:hover#promo-schedule-call,
a:hover#promo-forward {
    background-position: bottom left;
}