/********************************************
* IBC Southwest Inc.
* Developed by I-ology
* http://www.i-ology.com
*
* Created 07/6/07 - MB
*
* General Style Definitions
********************************************/

body {
    margin: 0 0 30px 0;
    padding: 0;
    background: #5F1111 url(/images/bg_interior.jpg) top left repeat-x;
}

#instructions {
    width: 582px;
    margin: 0;
    padding: 5px 5px 4px 5px;
    font-size: 11px;
    text-align: right;
    background: #F0F0EF;
    border: 1px solid #D5D1C1;
    border-bottom: 0;
    overflow: hidden;
}

#box-bg {
    width: 582px;
    margin: 0;
    padding: 5px 5px 0 5px;
    background: #FFF;
    border: 1px solid #D5D1C1;
    overflow: hidden;
}

#box-text {
    float: left;
    width: 350px;
    padding: 17px 10px 10px 20px;
    width/**/:/**/320px;
}

#box-left {
    width: 395px;
    float: left;
    overflow: hidden;
}

#box-right {
    width: 182px;
    float: right;
    overflow: hidden;
}

#content-photo {
    width: 395px;
}

.content-photo-small {
    margin-bottom: 8px;
    padding: 0;
    width: 182px;
}

.content-photo-caption {
    font-size: 11px; 
    font-family: Arial, Verdana, Tahoma, sans-serif;
    color: #333333;
    text-align: center;
}

#image-header {
    width: 900px;
    height: 131px;
    background: url(/images/gradient.gif) bottom left no-repeat;
    padding-bottom: 35px;    
}

#main-image {
    float: left;
    width: 673px;
    overflow: hidden;
}

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

#promo-brochure {
    display: block;
    width: 220px;
    height: 55px;
    margin: 0;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_brochure.gif) top left no-repeat;
}
a:hover#promo-brochure {
    background:  url(/images/promo_brochure.gif) bottom left no-repeat;
}

#promo-contact-us-little {
    display: block;
    width: 220px;
    height: 72px;
    margin: 0;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_contact_us_little.gif) top left no-repeat;
}
a:hover#promo-contact-us-little {
    background:  url(/images/promo_contact_us_little.gif) bottom left no-repeat;
}

#btn-past-projects {
    float: right;
    display: block;
    width: 168px;
    height: 19px;
    margin: 2px 0 0 0;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background: url(/images/btn_past_projects.gif) top left no-repeat;
}
a:hover#btn-past-projects {
    background: url(/images/btn_past_projects.gif) bottom left no-repeat;
}

#btn-back-featured {
    float: right;
    display: block;
    width: 196px;
    height: 19px;
    margin: 2px 0 0 0;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background: url(/images/btn_back_featured.gif) top left no-repeat;
}
a:hover#btn-back-featured {
    background: url(/images/btn_back_featured.gif) bottom left no-repeat;
}

.btn-download-printable {
    float: left;
    display: block;
    width: 201px;
    height: 19px;
    margin-top: 15px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/btn_download_printable.gif) top left no-repeat;
}
a:hover.btn-download-printable {
    background:  url(/images/btn_download_printable.gif) bottom left no-repeat;
}

/*********************************
* Titles
*********************************/

#ttl-whats-new {
    height: 16px;
    text-indent: -9999px;
}

#ttl-whats-new {
    background: url(/images/hdr_whats_new.gif) top left no-repeat;
}

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


#subnav a#past-projects {
    background:  url(/images/subnav_past_projects.gif) top left no-repeat;
    height: 23px;
}

#subnav a:hover#past-projects, body.past-projects-on #subnav a#past-projects {
    background:  url(/images/subnav_past_projects.gif) bottom left no-repeat;
    height: 23px;
}