/*
-- TOC --

1. ELEMENTS
2. HOME PAGE-SPECIFIC
3. MAIN WRAPPERS
4. HEADER AREA
5. SECTION HEADER AREA
    a. Main Images
    b. Main Titles
6. MIDDLE AREA
    a. Main Navigation
    b. Content Areas
        - Bio Pages
        - Investment Pages
        - Transactions
    c. Right Side Content
7. FOOTER AREA
8. OTHER CLASSES
*/

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
}

html {
    height: 100%;
    overflow-y: scroll;
}

body {
    height: 100%;
    background-color: #7d987e;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #555;
}

/* ELEMENTS */
a {
    color: #0f6734;
}

a.contentBullet2Link {
    padding-left: 8px;
    background-image: url(../images/bullet_square02.gif);
    background-position: 0 6px;
    background-repeat: no-repeat;
}

h3 {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: bold;
    color: #0e5d2f;
}

h4 {
    margin-bottom: 14px;
    font-size: 12px;
    color: #96ae4e;
}

h4.h4_ContentHeader {
    margin-bottom: 3px;
    font-size: 12px;
    color: #96ae4e;
}

h5 {
    font-size: 12px;
    color: #555555;
}

p {
    margin-bottom: 18px;
}

ul {
    list-style: none;
}

ul.bullet {
    margin: 0 0 18px 1px;
}

ul.bullet li {
    padding-left: 8px;
    background-image: url(../images/bullet_square01.gif);
    background-position: 0 6px;
    background-repeat: no-repeat;
}

ul.bullet2 {
    /* Look for variations in specific content areas */
    margin: 0 0 18px 1px;
}

ul.bullet2 li {
    margin-bottom: 14px;
    padding-left: 8px;
    background-image: url(../images/bullet_square02.gif);
    background-position: 0 6px;
    background-repeat: no-repeat;
}

ul.bullet2 li ul {
    padding-left: 5px;
    padding-bottom: 5px;
}

/* HOME PAGE-SPECIFIC */
#flashHome {
    width: 875px; 
    height: 443px;
    background-color: #7d987e;
}

/* MAIN WRAPPERS */
#wrapperMain {
    /* contains all centered content */
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    width: 945px;
    margin: 0 auto;
    background-image: url(../images/bg_wrapperMain.gif);
    background-repeat: repeat-y;
}

#wrapperContent {
    /* Main White area */
    /* width: 945px; (without padding) */
    float: left;
    width: 875px;
    padding: 0 35px 33px 35px;
    background-color: #fff;
}

/* HEADER AREA */
#headerArea {
    /* Contains Logo and Tagline */
    width: 875px;
    height: 98px;
}

#headerAreaTagline {
    float: left;
    width: 675px;
    height: 98px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(../images/headerAreaTagline.gif);
}

#headerAreaTagline h2 {
    display: none;
}

#logo {
    float: left;
    width: 200px;
    height: 98px;
}

/* SECTION HEADER AREA */
.sectionHeader {
    /* contains main section images and titles */
    width: 875px;
    height: 146px;
}

/* Main Images */
.mainImage {
    float: left;
    width: 390px;
    height: 146px;
}

/* About Spectrum */
.mainImage_overview {
    background-image: url(../images/mainImage_overview.jpg);
}

.mainImage_partnership {
    background-image: url(../images/mainImage_partnership.jpg);
}

/* Team */
.mainImage_team {
    background-image: url(../images/mainImage_team.jpg);
}

.mainImage_managingDirectors {
    background-image: url(../images/mainImage_managingDirectors.jpg);
}

.mainImage_principals {
    background-image: url(../images/mainImage_principals.jpg);
}

.mainImage_vicePresidents {
    background-image: url(../images/mainImage_vicePresidents.jpg);
}

.mainImage_seniorAssociates {
    background-image: url(../images/mainImage_seniorAssociates.jpg);
}

.mainImage_associates {
    background-image: url(../images/mainImage_associates.jpg);
}

.mainImage_financeTeam {
    background-image: url(../images/mainImage_financeTeam.jpg);
}

/* Investments */
.mainImage_investments {
    background-image: url(../images/mainImage_investments.jpg);
}

.mainImage_businessServices {
    background-image: url(../images/mainImage_businessServices.jpg);
}

.mainImage_communications {
    background-image: url(../images/mainImage_communications.jpg);
}

.mainImage_entertainment {
    background-image: url(../images/mainImage_entertainment.jpg);
}

.mainImage_financialTechnology {
    background-image: url(../images/mainImage_financialTechnology.jpg);
}

.mainImage_informationServices {
    background-image: url(../images/mainImage_informationServices.jpg);
}

.mainImage_media {
    background-image: url(../images/mainImage_media.jpg);
}

.mainImage_onlineMedia {
    background-image: url(../images/mainImage_onlineMedia.jpg);
}

.mainImage_software {
    background-image: url(../images/mainImage_software.jpg);
}

/* News */
.mainImage_news {
    background-image: url(../images/mainImage_news.jpg);
}

.mainImage_pressReleases {
    background-image: url(../images/mainImage_pressReleases.jpg);
}

.mainImage_recentTransactions {
    background-image: url(../images/mainImage_recentTransactions.jpg);
}

/* Contacts */
.mainImage_contacts {
    background-image: url(../images/mainImage_contacts.jpg);
}

/* Jobs */
.mainImage_jobs {
    background-image: url(../images/mainImage_jobs.jpg);
}

/* Privacy and Terms of Use */
.mainImage_privacyPolicy {
    background-image: url(../images/mainImage_privacyPolicy.jpg);
}

.mainImage_termsOfUse {
    background-image: url(../images/mainImage_termsOfUse.jpg);
}

/* Site Map */
.mainImage_siteMap {
    background-image: url(../images/mainImage_siteMap.jpg);
}

/* Main Titles */
.mainTitleBG {
    float: left;
    width: 485px;
    height: 146px;
    background-image: url(../images/mainTitleBG.gif);
}

.mainTitle {
    margin: 30px 0 0 0;
    width: 328px;
    height: 71px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.mainTitle h2 a {
    display: block;
    width: 328px;
    height: 71px;
}

.mainTitle h2 a span {
    display: none;
}

.mainTitle_aboutSpectrum {
    background-image: url(../images/mainTitle_aboutSpectrum.gif);
}

.mainTitle_careers {
    background-image: url(../images/mainTitle_careers.gif);
}

.mainTitle_contacts {
    background-image: url(../images/mainTitle_contacts.gif);
}

.mainTitle_jobs {
    background-image: url(../images/mainTitle_jobs.gif);
}

.mainTitle_investments {
    background-image: url(../images/mainTitle_investments.gif);
}

.mainTitle_LPLogIn {
    background-image: url(../images/mainTitle_LPLogIn.gif);
}

.mainTitle_news {
    background-image: url(../images/mainTitle_news.gif);
}

.mainTitle_privacyPolicy {
    background-image: url(../images/mainTitle_privacyPolicy.gif);
}

.mainTitle_siteMap {
    background-image: url(../images/mainTitle_siteMap.gif);
}

.mainTitle_team {
    background-image: url(../images/mainTitle_team.gif);
}

.mainTitle_termsOfUse {
    background-image: url(../images/mainTitle_termsOfUse.gif);
}

/* MIDDLE AREA */
#wrapperMiddle {
    clear: both;
    width: 875px;
}

/* Main Navigation */
#navMain {
    float: left;
    width: 220px;
    padding: 14px 0 37px 0;
    background-color: #0f6734;
}

#navL2 li {
    width: 220px;
    float: left;
}

#navL2 li.navL2Divider {
    /* Light green lines between L2 nav buttons */
    display: block;
    float: left;
    font-size: 0px;
    width: 220px;
    height: 1px;
    background-image: url(../images/navL2Divider.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}

#navL2 li a {
    display: block;
    width: 220px;
    height: 24px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

#navL2 li a:hover {
    background-position: 0 -24px;
}

#navL2 li a.active {
    /* Place on the li of the current L2 section */
    background-position: 0 -48px;
}

#navL2 li a.active:hover {
    /* Place on the li of the current L2 section */
    background-position: 0 -48px;
}

#navL2 li a span {
    display: none;
    font-size: 0px;
}

li#navL2_aboutSpectrum a {
    background-image: url(../images/navMain_aboutSpectrum.gif);
}

li#navL2_contacts a {
    background-image: url(../images/navMain_contacts.gif);
}

li#navL2_investments a {
    background-image: url(../images/navMain_investments.gif);
}

li#navL2_news a {
    background-image: url(../images/navMain_news.gif);
}

li#navL2_team a {
    background-image: url(../images/navMain_team.gif);
}

ul#navL3 li {
    display: block;
    width: 174px;
    height: 20px;
    padding: 5px 0 0 46px;
    font-size: 11px;
    background-image: url(../images/navL3BG.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}

ul#navL3 li.active {
    /* Place on the li of the current L3 page */
    background-image: url(../images/navL3BG_active.gif);
}

ul#navL3 li.last {
    /* Place on the li of the last L3 link if it IS NOT the active page */
    background-image: url(../images/navL3BG_last.gif);
}

ul#navL3 li.activeLast {
    /* Place on the li of the last L3 link if it IS the active page */
    background-image: url(../images/navL3BG_last_active.gif);
}
ul#navL3 li a {
    display: block;
    width: 174px; /*width: 220px;*/
    height: 20px;
    color: #0f6734;
    text-decoration: none;
}

ul#navL3 li a:hover {
    text-decoration: underline;
}

ul#navL3 li.active a, ul#navL3 li.activeLast a {
    font-weight: bold;
}

/* Content Areas */
#contentHolder {
    float: left;
    width: 655px;
    padding-bottom: 75px;
}

#contentMiddle {
    float: left; 
    width: 430px; /* width: 487px */
    padding: 21px 32px 0 25px;
}

#contentMiddle2 {
    float: left; 
    width: 500px; /* width: 525px */
    padding: 21px 0 0 25px;
}

#contentMiddleWide {
    float: left; 
    width: 630px; /* width: 655px */
    padding: 21px 0 0 25px;
}

.content2Column {
    float: left;
    width: 195px;
    padding-right: 15px;
}

.content2Column h4 {
    margin-bottom: 2px;
}

.content2Column ul.bullet2 li {
    margin-bottom: 2px;
}

.contentWideDivider {
    margin-bottom: 12px;
    margin-top: 5px;
}

.introPara {
    clear: both;
    width: 440px;
    height: 36px;
    margin-bottom: 16px;
}

/* Bio Pages */
#contentBio {
    padding-bottom: 45px;
}

#contentBio h3 {
    margin-bottom: 0px;
}

#contentBio ul.bullet2 li {
    margin-bottom: 2px;
}

/* Investment Pages */
.investmentLogo {
    width: 125px;
    height: 70px;
    border: 1px solid #dcdcdc;
}

.investmentLogoDivider {
    margin: 15px 0;
}

.investmentSectorHolder {
    width: 630px; /*height: 90px;*/
}

.investmentSectorHolder h4 {
    
}

.investmentSectorHolder img {
    border: 1px solid #dcdcdc;
    margin: 0 5px 5px 0;
}

/* Transactions */
.transactionHolder {
    width: 385px;
    height: 85px;
    margin-bottom: 5px;
}

/* Right Side Content */
#contentRight {
    /* Contains L4 Navigation and Promos */
    float: left;
    width: 168px;
    padding-top: 19px;
}

/* L4 Nav area */
#navL4 {
    display: inline;
    float: left;
    margin: 12px 0 10px 5px;
}

#navL4 li {
    float: left;
    margin-bottom: 2px;
    margin-left: 4px;
    padding-left: 8px;
    font-size: 11px;
    background-image: url(../images/bullet_square02.gif);
    background-position: 0 5px;
    background-repeat: no-repeat;
}

#navL4 li.navL4Divider {
    width: 148px;
    height: 1px;
    margin-left: 2px;
    margin-bottom: 5px;
    font-size: 0px;
    background-image: url(../images/navL4Divider.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}

#navL4 li a {
    text-decoration: none;
}

#navL4 li a:hover {
    text-decoration: underline;
}

#navL4 li a.active {
    font-weight: bold;
}

.navL4Header {
    float: left;
    width: 162px;
    height: 38px;
}

.navL4Header_divider {
    float: left;
    width: 162px;
    height: 5px;
    font-size: 0px;
    background-image: url(../images/navL4Header_divider.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.sectorNavLogos {
    float: left;
    width: 110px;
    padding-left: 26px;
}

.sectorNavLogos img {
    float: left;
}

.bioImage {
    width: 152px;
    height: 157px;
    padding: 45px 0 0 16px;
}

/* FOOTER AREA */
#wrapperFooter {
    /* Dark green footer area */
    display: inline;
    float: left;
    width: 785px;
    margin-left: 35px;
    padding: 22px 45px;
    border-top: 1px solid #7d987e;
    background-color: #708b71;
}

#footerArea a {
    margin: 0px 7px;
    color: #e1e7e1;
    text-decoration: none;
}

#footerArea a:hover {
    text-decoration: underline;
}

#footerArea li, #footerArea p, #footerArea ul {
    float: left;
    color: #e1e7e1;
}

#footerArea p {
    padding-right: 3px;
}

/* OTHER CLASSES */
.backToPrevious {
    padding-top: 18px;
    font-size: 11px;
}

.clear {
    clear: both;
    font-size: 0;
}

.PrintOnly {
    display: none;
}