/********************************************
* Huff Construction
* Developed by I-ology
* http://www.i-ology.com
*
* Created 04/20/07 - BD
*
* Company Info Style Definitions
********************************************/


/*********************************
* Layout Definitions
*********************************/
#content-right {
    margin: 38px 40px 0 0;
    width: 514px;
    display: inline; /* Fixes IE6 double-float margin bug */
}
#flash-slideshow {
    width: 429px;
    margin: 25px auto;
}

#flash-slideshow a {
    position: absolute;
    margin: -82px 0 0 152px;
    display: block;
    width: 125px;
    height: 35px;
    text-indent: -9999px;
}

#flash-slideshow2 {
    width: 474px;
    margin: 25px auto;
}

#flash-slideshow2 a {
    position: absolute;
    margin: -55px 0 0 172px;
    display: block;
    width: 125px;
    height: 35px;
    text-indent: -9999px;
}

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

h1#ttl-about-us,
h1#ttl-heritage,
h1#ttl-culture,
h1#ttl-community-involvement {
    margin-bottom: 15px;
    width: 514px;
    height: 18px;
    text-indent: -9999px;
}

h1#ttl-about-us {
    background: url(/images/ttl_about_us.gif) top left no-repeat;
}

h1#ttl-heritage {
    background: url(/images/ttl_heritage.gif) top left no-repeat;
}

h1#ttl-culture {
    background: url(/images/ttl_culture.gif) top left no-repeat;
}

h1#ttl-community-involvement {
    background: url(/images/ttl_community_involvement.gif) top left no-repeat;
}

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

#spotlight-project {
    width: 192px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: url(/images/bg_spotlight_project.gif) top left repeat-y;
}

#proj-bottom {
    width: 192px;
    margin: 0;
    padding: 0 0 35px 24px;
    width/**/:/**/168px;
    position: relative;
    overflow: hidden;
    background: url(/images/spotlight_proj_bottom.gif) bottom left no-repeat;
}

#proj-bottom img {
    padding: 1px;
    margin-top: 6px;
    border: 1px solid #00549E;
}

#spotlight-project h2 {
    width: 192px;
    height: 26px;
    margin-left: -24px;
    display: block;
    text-indent: -9999px;
    background: url(/images/hdr_spotlight_project.gif) top left no-repeat;
}

#spotlight-project h3 {
    margin: 10px 0 0 0;
    font-size: 12px;
}

#spotlight-project p {
    width: 135px;
    line-height: 14px;
    font-size: 11px;
}

a.btn-read-more {
    position: absolute;
    bottom: 15px;
    right: 4px;
}


/*********************************
* Sub Navigation
*********************************/

#subnav-company-info li a {
    display: block;
    height: 27px;
}

a#heritage {
    background: url(/images/subnav_heritage.gif) top left no-repeat;
    width: 101px;
}
a#culture {
    background: url(/images/subnav_culture.gif) top left no-repeat;
    width: 99px;
}
a#community-involvement {
    background: url(/images/subnav_comm_involvement.gif) top left no-repeat;
    width: 197px;
}


a:hover#heritage, body.heritage-on #subnav-about-us #heritage {
    background: url(/images/subnav_heritage.gif) bottom left no-repeat;
}
a:hover#culture, body.culture-on #subnav-about-us #culture {
    background: url(/images/subnav_culture.gif) bottom left no-repeat;
}
a:hover#community-involvement, body.community-involvement-on #subnav-about-us #community-involvement {
    background: url(/images/subnav_comm_involvement.gif) bottom left no-repeat;
}

/*********************************
* Global Navigation
*********************************/

ul#global-nav li a#home {
    visibility: visible;
}