BODY { background-color: #cccccc; margin: 0px; padding: 0px; font-family: Arial; }
a:link, a:active, a:visited, a:hover { font-family: Arial; color: #333399; text-decoration: none; }

.globalHeader { background-color: #FFFFFF; height: 110px; width: 100%; }
.globalInnerContainer { width: 985px; margin: 0 auto; }
.logo { float: left; margin: 13px 0px 0px 4px; }
.headerContact { font-size: 12px; color: #666666; float: right; margin: 46px 0px 0px 0px; }
.globalHeaderShadow { background: url(../images/hdr-shadow.png) repeat-x top left; width: 100%; height: 20px; }

.activeNavSelection { background: #333399; color: #FFFFFF; }
    .activeNavSelection .navLink div a:link,
    .activeNavSelection .navLink div a:active,
    .activeNavSelection .navLink div a:visited,
    .activeNavSelection .navLink div a:hover { color: #FFFFFF; }

.navigation { width: 983px; margin: -20px auto -22px auto; height: 75px; border-bottom: 1px solid #666666; }
.navItemContainer { display: inline-block; height: 75px; float: left; }
    .navItemContainer:hover { background-color: #333399; }
        .navItemContainer:hover .navLink,
        .navItemContainer:hover .navLink div a:link,
        .navItemContainer:hover .navLink div a:active,
        .navItemContainer:hover .navLink div a:visited,
        .navItemContainer:hover .navLink div a:hover { color: #FFFFFF; }
        
.navItem { width: 163px; height: 23px; text-align: center; border-right: 1px solid #666666; margin: 28px 0px 0px 0px; vertical-align: middle; }
    .navItem.clearBorder { border-right: none; }

.navLink { font-size: 14px; color: #666666; cursor: pointer; }
    .navLink div { margin: 2px 0px 0px 0px; }
        .navLink div a:link, .navLink div a:active, .navLink div a:visited, .navLink div a:hover { color: #666666; text-decoration: none; }
    .navLink .firstLink { margin: -8px 0px 0px 0px; }

.modal { background-color: #000000; display: none; opacity: 0.7; filter: alpha(opacity=70); position: absolute; top: 0px; left: 0px; z-index: 999; }
.contactBody { height: 475px; width: 504px; background-color: #CCCCCC; position: relative; padding: 31px 0px 0px 54px; }
.contactUs { display: none; position: absolute; top: 1px; left: 1px; z-index: 1000; }
.modalClose { height: 22px; width: 67px; position: absolute; right: 0px; top: -22px; background: url(../images/modal-close.png) no-repeat top left; cursor: pointer; }

.contactBodyThanks { background-color: #333399; }
    .contactBodyThanks h2 { font-size: 30px; color: #FFFFFF; margin: 104px 0px 0px 0px; width: 457px; text-align: center; text-transform: uppercase; }

.contactGroup { margin: 0px 0px 19px 0px; }
    .contactGroup label { font-size: 12px; }
        .contactGroup label span { color: #333399; }
    .contactGroup input { margin: 5px 0px 0px 0px; border: none; width: 205px; height: 18px }
    .contactGroup textarea { height: 180px; width: 387px; border: none; }

.contactFooter { width: 386px; }
    .contactFooter img { float: left; }
.requiredNote { float: right; font-size: 12px; }
    .requiredNote span { color: #333399; }

.requiredField { background-color: #333399; }
.errorRequired { color: #333399; font-weight: bold; font-size: 12px; display: none; }
.submitBtn { cursor: pointer; }

.globalContainer { width: 985px; margin: 21px auto; background: url(../images/main-bg.png) top left repeat; min-height: 550px; border-bottom: 1px solid #666666; }
    .globalContainer.noMinHeight { min-height: 1px; }
    
.landingPageContainer { width: 985px; text-align: center; padding: 100px 0px 0px 0px; }
    .landingPageContainer h1 { font-size: 40px; color: #666666; text-transform: uppercase; margin: 0px; padding: 0px 0px 30px 0px; }
    
    .landingPageContainer.capabilities { padding: 75px 0px 0px 0px; }
        .landingPageContainer.capabilities .fullBar h2 { font-size: 15px; font-weight: normal; padding: 11px 0px 0px 0px; }
    
    .landingPageContainer.contact { color: #666666; width: 583px; margin: 0 auto; }
    .landingPageContainer.contact h1 { border-bottom: 1px solid #666666; padding: 0px 0px 10px 0px; }
    
    .landingPageContainer.philosophy { padding: 30px 0px 0px 0px; }

.landingPageHover { background: #333399 !important; }

.fullBar { height: 60px; width: 100%; text-align: center; background-color: #333399; }
    .fullBar h2 { font-size: 20px; color: #FFFFFF; padding: 5px 0px 0px 0px; margin: 0px; text-transform: uppercase; }

.rollover { display: none; text-align: center; width: 985px; height: 425px; }
    .rollover h2 { font-size: 30px; color: #FFFFFF; padding: 60px 0px 0px 0px; text-transform: uppercase; }
    .rollover h4 { width: 315px; text-transform: uppercase; padding: 10px 0px 0px 0px; border-top: 1px solid #6666B3; margin: 0 auto; color: #FFFFFF; }

.footer { width: 985px; margin: -10px auto; padding: 0px 0px 100px 0px; }
    .footer .facebook { float: right; }
    .footer .address { float: left; font-size: 12px; color: #666666; padding: 8px 0px 0px 0px; }
    
.differenceContainer { width: 985px; margin: 0 auto; }
    .differenceContainer h1 { text-align: center; font-size: 40px; color: #666666; margin: 0px; padding: 36px 0px 28px 0px; text-transform: uppercase; }
.diffBoxContainer { text-align: center; }
.diffBox { height: 368px; width: 368px; background: #333333; text-align: center; display: inline-block; vertical-align: top; }
    .diffBox.rightMargin { margin: 0px 27px 0px 0px; }
    .diffBox .off { color: #FFFFFF; font-size: 25px; text-transform: uppercase; padding: 136px 0px 0px 0px; vertical-align: middle; font-weight: bold; }
    .diffBox .on { color: #FFFFFF; font-size: 20px; vertical-align: middle; display: none; }
        .diffBox .on span { color: #FFFFFF; font-size: 15px; }
        .diffBox .on.padding39 { padding: 39px 0px 0px 0px; }
        .diffBox .on.padding62 { padding: 62px 0px 0px 0px; }
        
.ph { font-size: 50px; font-weight: bold; padding: 7px 0px 0px 0px; }
.email { padding: 0px 0px 17px 0px; }
    .email a:link, .email a:active, .email a:visited, .email a:hover { font-size: 25px; color: #333399; text-transform: uppercase; font-weight: bold; }
.contactAddress { font-size: 25px; font-weight: bold; border-top: 1px solid #666666; padding: 10px 0px 0px 0px; text-transform: uppercase; }

.centerBoxContainer { text-align: center; position: relative; }
.box { width: 279px; height: 125px; background: #333333; font-size: 25px; font-weight: bold; color: #FFFFFF; margin: 0px auto 6px auto; text-transform: uppercase; }
    .box:hover { background: #333399; cursor: default; }
    .box.topBox { padding: 23px 0px 0px 0px; height: 107px; }
    .box.midBox { padding: 34px 0px 0px 0px; height: 91px; }
    .box.botBox { padding: 23px 0px 0px 0px; height: 107px; }
    
.topBoxInfo { height: 386px; width: 226px; background: #333399; position: absolute; top: 1px; right: 104px; display: none; padding: 10px 0px 0px 0px; color: #FFFFFF; font-size: 17px; }
.botBoxInfo { height: 386px; width: 226px; background: #333399; position: absolute; top: 1px; right: 104px; display: none; padding: 10px 0px 0px 0px; color: #FFFFFF; font-size: 17px; }
.midBoxInfo { height: 386px; width: 226px; background: #333399; position: absolute; top: 1px; left: 104px; display: none; padding: 10px 0px 0px 0px; color: #FFFFFF; font-size: 17px; }

.topArrow { height: 26px; width: 14px; background: url(../images/arrow-right.png) no-repeat top left; position: absolute; top: 53px; left: 632px; display: none; }
.botArrow { height: 26px; width: 14px; background: url(../images/arrow-right.png) no-repeat top left; position: absolute; top: 323px; left: 632px; display: none; }
.midArrow { height: 26px; width: 14px; background: url(../images/arrow-left.png) no-repeat top left; position: absolute; top: 184px; left: 339px; display: none; }

.ourTeamContainer { width: 985px; text-align: center; }
    .ourTeamContainer h1 { font-size: 40px; color: #666666; text-transform: uppercase; margin: 0px; padding: 40px 0px 30px 0px; }
    .ourTeamContainer h3 { font-size: 20px; color: #333399; text-transform: uppercase; margin: 0px; padding: 0px 0px 40px 0px; }
    
.teamHeadshots { width: 752px; margin: 0 auto; }
.singleHeadshot { height: 163px; width: 162px; overflow: hidden; position: relative; display: inline-block; margin: 0px 30px 0px 0px; }
    /*.singleHeadshot.noRightMargin { margin: 0px 0px 0px 0px; }*/
    
.hsRollover { background: #333399; width: 162px; height: 62px; color: #FFFFFF; font-size: 15px; font-weight: bold; text-transform: uppercase; text-align: center; padding: 22px 0px 0px 0px; position: absolute; top: 42px; left: 0px; display: none; cursor: pointer; }

.ourTeamIndividual { width: 985px; text-align: center; margin: 0 auto; position: relative; display: none; }
.subNav { position: absolute; top: 6px; right: 164px; }
.subNavHs { display: inline-block; width: 36px; height: 37px; margin: 0px 4px 0px 0px; cursor: pointer; }
    .subNavHs.noRightMargin { margin: 0px 0px 0px 0px; }
    
.learnMore { width: 985px; margin: 0px auto -7px auto; }
.bust { width: 418px; display: inline-block; margin: 8px 0px 0px 0px; }
.bio { display: inline-block; width: 555px; vertical-align: top; text-align: left; margin: 46px 0px 0px 0px; }
    .bio h3 { color: #333399; font-size: 30px; font-weight: bold; text-transform: uppercase; margin: 0px; padding: 5px 0px 0px 0px; }
    .bio h4 { color: #333333; font-size: 30px; font-weight: bold; text-transform: uppercase; margin: 0px; padding: 0px 0px 10px 0px; }
    .bio p { width: 489px; padding: 0px 0px 20px 0px; margin: 0px; font-size: 14px; color: #333333; }
    
.activeHs { position: absolute; width: 37px; height: 37px; background: #333399; opacity: 0.7; filter: alpha(opacity=70); position: absolute; top: 0px; left: 0px; }
    .activeHs.one { top: 0px; left: 0px; }
    .activeHs.two { top: 0px; left: 44px; }
    .activeHs.three { top: 0px; left: 88px; }
    .activeHs.four { top: 0px; left: 133px; }
    
.dbContainer { width: 985px; text-align: center; }
    .dbContainer h1 { font-size: 40px; color: #666666; text-transform: uppercase; margin: 0px; padding: 20px 0px 15px 0px; }
    .dbContainer h3 { font-size: 20px; color: #333399; text-transform: uppercase; margin: 0px; padding: 0px 0px 15px 0px; }
    
.dealbooks { width: 624px; margin: 0 auto; text-align: center; }
.db { background: #333333; height: 185px; width: 185px; margin: 0px 30px 20px 0px; display: inline-block; color: #FFFFFF; font-weight: bold; font-size: 18px; text-transform: uppercase; vertical-align: top; cursor: pointer; }
    .db:hover { background: #333399; }
    .db.noRightMargin { margin: 0px 0px 20px 0px; }
    .db.paddingTopOne { padding: 83px 0px 0px 0px; height: 99px; }
    .db.paddingTopTwo { padding: 76px 0px 0px 0px; height: 106px; }
    
.dealModal { display: none; position: absolute; top: 1px; left: 1px; z-index: 1000; }