/********************************************
* JSS Law
* Developed by I-ology
* http://www.i-ology.com
*
* Created 02/22/08 - AC
*
* About Us Style Definitions
********************************************/

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

#header-photo {
    text-indent: -9999px;
    background: url(/images/tile-photo1.jpg) top left no-repeat;
}

#header-photo-foundation {
    width: 636px;
    height: 136px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/images/tile-photo4.jpg) top left no-repeat;
}

.location-dividers {
    width: 587px;
    border-top: 1px solid #DFDDDB;
    border-bottom: 1px solid #DFDDDB;
    overflow: hidden;
    margin-bottom: 10px;
}

.loc1,
.loc2,
.loc3 {
    display: inline;
    float: left;
    margin-left: 12px;
    padding: 8px 9px 8px 9px;
    background: #F2EFE9;
    border-left: 1px solid #DFDDDB;
    border-right: 1px solid #DFDDDB;
    text-align: center;
}
div:hover.loc1,
div:hover.loc2,
div:hover.loc3 {
    background: #fff;
}
.loc1 img,
.loc2 img,
.loc3 img {
    margin-bottom: 0;
}
.loc1 a,
.loc2 a,
.loc3 a {
    font-size: 1.15em;
}
.loc1 div a,
.loc2 div a,
.loc3 div a {
    font-size: 1em;
    color: #863428;
    background: #fff;
    display: block;
    width: 145px;

    padding: 3px 0;
    text-decoration: none;
    border-bottom: 1px solid #DFDDDB;
    /*border-top: 0;*/
    text-transform: uppercase;
}
.loc2,
.loc3 {
    margin-left: 34px;
}

#one-location {
    margin: 0 0 0 177px;
}

#two-locations {
    margin: 0 0 0 100px;
}

#select-location {
    margin: 0 0 10px 32px;
    padding-top: 10px;
    width: 216px;
}

#promo-view-professionals {
    display: block;
    margin-left: 10px;
    width: 216px;
    height: 97px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/promo_view_professionals.gif) top left no-repeat;
}

a:hover#promo-view-professionals {
    background-position: bottom left;
}

.client-divider {
    width: 587px;
    border-top: 1px solid #DFDDDB;
    border-bottom: 1px solid #DFDDDB;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 22px 0;
}

.client-logo {
    float: left;
    width: 178px;
    margin-left: 14px;
    display: inline;
}

.client-info {
    float: right;
    width: 359px;
    margin-right: 24px;
    display: inline;
}

.btn-view-highlight {
    display: block;
    width: 131px;
    height: 21px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_view_client_highlight.gif) top left no-repeat;
}
a:hover.btn-view-highlight {
    background-position: bottom left;
}

.btn-get-directions {
    display: block;
    width: 155px;
    height: 21px;
    margin-top: 5px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_get_directions.gif) top left no-repeat;
}
a:hover.btn-get-directions {
    background-position: bottom left;
}

#logo-top {
    width: 587px;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #DFDDDB;
}

.btn-back-listing {
    float: right;
    display: block;
    margin: -45px 20px 0 0;
    width: 131px;
    height: 21px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_back_client_listing.gif) top left no-repeat;
}
a:hover.btn-back-listing {
    background-position: bottom left;
}

.btn-back-practice-area {
    float: right;
    display: block;
    margin: -45px 20px 0 0;
    width: 131px;
    height: 21px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_back_practice_area.gif) top left no-repeat;
}
a:hover.btn-back-practice-area {
    background-position: bottom left;
}

#lnkClientSite {
    float: left;
    display: block;
    margin: 0;
    width: 122px;
    height: 21px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_visit_client_website.gif) top left no-repeat;
}
a:hover#lnkClientSite {
    background-position: bottom left;
}

#btn-view-sponsorship {
    display: block;
    width: 162px;
    height: 21px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_view-sponsorship-package.gif) top left no-repeat;
}
a#btn-view-sponsorship:hover {
    background-position: bottom left;
}

#location-right {
    float: right;
    width: 180px;
    width/**/:/**/ 170px;
    padding: 0 0 10px 15px;
    margin: 0 0 15px 20px;
    border-left: 1px solid #DFDDDB;
    border-bottom: 1px solid #DFDDDB;
}

#location-right img {
    padding: 4px; 
    background: #F2EFE9; 
    border: 1px solid #DFDDDB;   
}

#location-right img {
    margin-bottom: 0;
}

.right-img-caption {
    float: right; 
    width: 157px;
    width/**/:/**/ 147px;
    margin: 0 1.5em 1.5em 1.5em; 
    padding: 2px; 
    background: #F2EFE9; 
    border: 1px solid #DFDDDB;   
}

.right-img-caption p {
    font-size: .9em;
    margin: .50em;
    text-align: center;
}

.right-img-caption2 {
    float: right;
    clear: right; 
    width: 273px;
    width/**/:/**/ 263px;
    margin: .7em 1em 1em 1.5em; 
    padding: 4px;   
}

.photo-caption2 {
    float: left;
    clear: left; 
    width: 109px;
    width/**/:/**/ 99px;
    margin: .4em 1em .5em 0; 
    padding: 4px; 
    background: #F2EFE9; 
    border: 1px solid #DFDDDB;   
}

.photo-caption2 img {
    margin: 0;
    padding: 0;
}

.photo-caption-vert {
    float: right; 
    width: 177px;
    width/**/:/**/ 169px;
    margin: .7em 1em 1.5em 1.5em; 
    padding: 4px; 
    background: #F2EFE9; 
    border: 1px solid #DFDDDB;   
}

.photo-caption-vert img {
    margin-bottom: 0;
}

.divider {
    width: 587px;
    padding-top: 1.2em;
    border-bottom: 1px solid #DFDDDB;
}

.push-top {
    margin-top: 36px;
}

.divider-project {
    width: 587px;
    padding: 0 0 40px 0;
    border-bottom: 1px solid #DFDDDB;
}

.story-block {
    display:block;
    float: left;
    margin-top: 24px;
    clear:both;
}

.photo-caption.push-top {
    margin-top: 28px;
}

.photo-caption span {
    display: block;
    padding-bottom: 4px;
}

.gold-ttl {
    color: #9B672F;
    margin-bottom: 6px;
}

.gold-ttl span {
    margin-top: 4px;
    color: #9B672F;
    font-size: 11px;
}

#sidenav {
    float: right;
    clear: right;
    width: 255px;
    margin: 5px 0 5px 40px;
}

h2 span {
    color: #9B672F;
}

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

#ttl-about-us,
#ttl-history,
#ttl-diversity,
#ttl-office-locations,
#ttl-client-highlights,
#ttl-honors-awards,
#ttl-jss-foundation,
#ttl-board-directors,
#ttl-projects {
    position: absolute;
    width: 359px;
    height: 31px;
    display: block;
    margin: 172px 0 0 27px;
    text-indent: -9999px;
}

#ttl-about-us {
    background: url(/images/ttl_about_us.gif) top left no-repeat;
}
#ttl-history {
    background: url(/images/ttl_history.gif) top left no-repeat;
}
#ttl-diversity {
    background: url(/images/ttl_diversity.gif) top left no-repeat;
}
#ttl-office-locations {
    background: url(/images/ttl_office_locations.gif) top left no-repeat;
}
#ttl-client-highlights {
    background: url(/images/ttl_client_highlights.gif) top left no-repeat;
}
#ttl-honors-awards {
    background: url(/images/ttl_honors_awards.gif) top left no-repeat;
}
#ttl-jss-foundation {
    background: url(/images/ttl_jss_foundation.gif) top left no-repeat;
}
#ttl-board-directors {
    background: url(/images/ttl_board_directors.gif) top left no-repeat;
}
#ttl-projects {
    background: url(/images/ttl_projects.gif) top left no-repeat;
}

#hdr-international {
    width: 181px;
    height: 19px;
    margin: 22px 0 5px 27px;
    display: block;
    text-indent: -9999px;
    background: url(/images/hdr_international.jpg) top left no-repeat;
}

#ttl-law-firm-alliance {
    position: absolute;
    width: 495px;
    height: 31px;
    display: block;
    margin: 172px 0 0 27px;
    text-indent: -9999px;
    background: url(/images/ttl_law-firm-alliance.gif) top left no-repeat;
}

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

.subnav-about {
    display: block;
}

ul.subnav li a#history {
    background: url(/images/subnav_history.gif) top left no-repeat;
}
ul.subnav li a#diversity {
    background: url(/images/subnav_diversity.gif) top left no-repeat;
}
ul.subnav li a#office-locations {
    background: url(/images/subnav_office_locations.gif) top left no-repeat;
}
ul.subnav li a#client-highlights {
    background: url(/images/subnav_client_highlights.gif) top left no-repeat;
}
ul.subnav li a#honors-awards {
    background: url(/images/subnav_honors_awards.gif) top left no-repeat;
}
ul.subnav li a#jss-foundation {
    background: url(/images/subnav_jss_foundation.gif) top left no-repeat;
}
ul.subnav li a#law-firm-alliance {
    background: url(/images/subnav_law_firm_alliance.gif) top left no-repeat;
}

ul.subnav li a:hover#history, body.history-on ul.subnav li a#history,
ul.subnav li a:hover#diversity, body.diversity-on ul.subnav li a#diversity,
ul.subnav li a:hover#office-locations, body.office-locations-on ul.subnav li a#office-locations,
ul.subnav li a:hover#client-highlights, body.client-highlights-on ul.subnav li a#client-highlights,
ul.subnav li a:hover#honors-awards, body.honors-awards-on ul.subnav li a#honors-awards,
ul.subnav li a:hover#jss-foundation, body.jss-foundation-on ul.subnav li a#jss-foundation,
ul.subnav li a:hover#law-firm-alliance, body.law-firm-alliance-on ul.subnav li a#law-firm-alliance
{
    background-position: bottom left;
}

/*********************************
* Tertiary Navigation
*********************************/

#tertiary-nav {
    width: 587px;
    margin: 0;
    padding: 0;
    margin-left: 35px;
    overflow: hidden;
    border-top: 1px solid #D0CECD;
    border-bottom: 1px solid #D0CECD;
}

#tertiary-nav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
    background-image: none;
}

#tertiary-nav a {
    display: block;
    float: left;
    text-decoration: none;
    text-indent: -9999px;
    height: 25px;
    overflow: hidden;
}

#tertiary-nav a#board-of-directors {
    background: url(/images/tertiary_board_directors.gif) top left no-repeat;
    width: 155px;
}
#tertiary-nav a#projects {
    background: url(/images/tertiary_projects.gif) top left no-repeat;
    width: 88px;
}

#tertiary-nav a:hover#board-of-directors, body.board-of-directors-on #tertiary-nav a#board-of-directors,
#tertiary-nav a:hover#projects, body.projects-on #tertiary-nav a#projects {
    background-position: bottom left;
}