/********************************************
* 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;
}

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

#box-text {
    float: right;
    width: 350px;
    width/**/:/**/ 330px;
    padding: 20px 20px 5px 0;
}

#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;
}

#current-projects {
    float: left;
    overflow: hidden;
}

#box-border {
    width: 594px;
    width/**/:/**/ 582px;
    margin: 0;
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid #D5D1C1;
    border-right: 1px solid #D5D1C1;
    border-left: 1px solid #D5D1C1;
    overflow: hidden;
}

#content-photo {
    width: 209px;
    float: left;
}

#category {
    float: right;
    width: 415px;
    height: 25px;
    overflow: hidden;
}

#ddlCategories {
    float: left;
}

#featured-category {
    float: right;
    padding-right: 265px;
}

#socs-logo {
    overflow: hidden;
    width: 220px;
    height: 128px;
    background: url(/images/img_SOCS.jpg) top right no-repeat;
}

/*********************************
* 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-application {
    display: block;
    width: 220px;
    height: 55px;
    margin: 0;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_application.gif) top left no-repeat;
}
a:hover#promo-application {
    background:  url(/images/promo_application.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;
}

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


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

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

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

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


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


/*********************************
* 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;
}