/* CSS Sprites for menus */

/* background-position:horizontal verticle */

/* Main Menu */
.sprite {
    background-color:#f9f;
    background-color:transparent;
    background-image:url(../images/navigation.gif);
    background-position:0 0;
    background-repeat:no-repeat;
    display:block;
}
.m_offer {
    width:84px;
    height:36px;
    background-position:0 0;
}
.m_offer:hover {
    background-position:0 -38px;
}
.m_offer_active {
    width:84px;
    height:36px;
    background-position:0 -76px; 
}
.m_work {
    width:67px;
    height:36px;
    background-position:-86px 0;
}
.m_work:hover {
    background-position:-86px -38px; 
}
.m_work_active {
    width:67px;
    height:36px;
    background-position:-86px -76px; 
}
.m_about {
    width:89px;
    height:36px;
    background-position:-155px 0;
}
.m_about:hover {
    background-position:-155px -38px; 
}
.m_about_active {
    width:89px;
    height:36px;
    background-position:-155px -76px; 
}
.m_ideas {
    width:64px;
    height:36px;
    background-position:-246px 0;
}
.m_ideas:hover {
    background-position:-246px -38px; 
}
.m_ideas_active {
    width:64px;
    height:36px;
    background-position:-246px -76px; 
}
.m_careers {
    width:85px;
    height:36px;
    background-position:-312px 0;
}
.m_careers:hover {
    background-position:-312px -38px;
}
.m_careers_active {
    width:85px;
    height:36px;
    background-position:-312px -76px; 
}
.m_contact {
    width:86px;
    height:36px;
    background-position:-399px 0;
}
.m_contact:hover {
    background-position:-399px -38px; 
}
.m_contact_active {
    width:86px;
    height:36px;
    background-position:-399px -76px; 
}
.m_spacer {
    width:74px;
    height:36px;
    background-position:-487px -38px; 
}
.m_spacer_active {
    width:74px;
    height:36px;
    background-position:-487px 0;
}


/* Offerings Menu */
.offer_spacer, .offer_spacer_active {
    width:30px;
    height:26px;
    background-position:0 -114px;
}
.offer_branding {
    width:69px;
    height:26px;
    background-position:-30px -114px;
}
.offer_branding:hover, .offer_branding_active {
    width:69px;
    height:26px;
    background-position:-30px -142px;
}
.offer_comms {
    width:172px;
    height:26px;
    background-position:-101px -115px;
}
.offer_comms:hover, .offer_comms_active {
    width:172px;
    height:26px;
    background-position:-101px -143px; 
}
.offer_talent {
    width:128px;
    height:26px;
    background-position:-274px -115px;
}
.offer_talent:hover, .offer_talent_active {
    width:128px;
    height:26px;
    background-position:-274px -143px; 
}
.offer_metrics {
    width:64px;
    height:26px;
    background-position:-404px -115px;
}
.offer_metrics:hover, .offer_metrics_active {
    width:64px;
    height:26px;
    background-position:-404px -143px; 
}


/* Work Menu */
.work_spacer {
    width:30px;
    height:26px;
    background-position:0 -169px;
}
.work_port {
    width:73px;
    height:26px;
    background-position:-30px -169px;
}
.work_port:hover, .work_port_active {
    width:73px;
    height:26px;
    background-position:-29px -198px;
}
.work_case {
    width:94px;
    height:26px;
    background-position:-105px -169px;
}
.work_case:hover, .work_case_active {
    width:94px;
    height:26px;
    background-position:-104px -198px; 
}
.work_awards {
    width:66px;
    height:26px;
    background-position:-199px -169px;
}
.work_awards:hover, .work_awards_active {
    width:66px;
    height:26px;
    background-position:-198px -198px; 
}


/* Us Menu */
.us_spacer {
    width:30px;
    height:26px;
    background-position:0 -231px;
}
.us_company {
    width:67px;
    height:26px;
    background-position:-28px -231px;
}
.us_company:hover, .us_company_active {
    width:67px;
    height:26px;
    background-position:-29px -260px;
}
.us_reach {
    width:110px;
    height:26px;
    background-position:-98px -231px;
}
.us_reach:hover, .us_reach_active {
    width:110px;
    height:26px;
    background-position:-99px -260px; 
}
.us_people {
    width:56px;
    height:26px;
    background-position:-210px -231px;
}
.us_people:hover, .us_people_active {
    width:56px;
    height:26px;
    background-position:-211px -260px; 
}

.us_press {
    width:98px;
    height:26px;
    background-position:-269px -231px;
}
.us_press:hover, .us_press_active {
    width:98px;
    height:26px;
    background-position:-270px -260px; 
}


/* Ideas Menu */
.ideas_spacer {
    width:30px;
    height:26px;
    background-position:0 -288px;
}
.ideas_reports {
    width:160px;
    height:26px;
    background-position:-28px -288px;
}
.ideas_reports:hover, .ideas_reports_active {
    width:160px;
    height:26px;
    background-position:-28px -317px;
}
.ideas_words {
    width:59px;
    height:26px;
    background-position:-190px -288px;
}
.ideas_words:hover, .ideas_words_active {
    width:59px;
    height:26px;
    background-position:-191px -317px; 
}


/* Careers Menu */
.car_spacer {
    width:30px;
    height:26px;
    background-position:-192px -346px;
}
.car_culture {
    width:65px;
    height:26px;
    background-position:0 -346px;
}
.car_culture:hover, .car_culture_active {
    width:65px;
    height:26px;
    background-position:0 -375px;
}
.car_people {
    width:57px;
    height:26px;
    background-position:-68px -346px;
}
.car_people:hover, .car_people_active {
    width:57px;
    height:26px;
    background-position:-68px -375px;
}
.car_benefits {
    width:62px;
    height:26px;
    background-position:-128px -346px;
}
.car_benefits:hover, .car_benefits_active {
    width:62px;
    height:26px;
    background-position:-128px -375px;
} 


/* Numbers Menu */
.num1 {
    width:22px;
    height:26px;
    background-position:0 -405px;
}
.num1:hover {
    background-position:0 -434px;
} 
.num1_active {
    width:22px;
    height:26px;
    background-position:0 -463px; 
}
.num2 {
    width:22px;
    height:26px;
    background-position:-24px -405px;
}
.num2:hover {
    background-position:-24px -434px;
} 
.num2_active {
    width:22px;
    height:26px;
    background-position:-24px -463px;
} 
.num3 {
    width:22px;
    height:26px;
    background-position:-48px -405px;
}
.num3:hover {
    background-position:-48px -434px;
}
.num3_active {
    width:22px;
    height:26px;
    background-position:-48px -463px;
} 
.num4 {
    width:22px;
    height:26px;
    background-position:-72px -405px;
}
.num4:hover {
    background-position:-72px -434px;
}
.num4_active {
    width:22px;
    height:26px;
    background-position:-72px -463px;
}
.num5 {
    width:22px;
    height:26px;
    background-position:-96px -405px;
}
.num5:hover {
    background-position:-96px -434px;
}
.num5_active {
    width:22px;
    height:26px;
    background-position:-96px -463px;
}
.num6 {
    width:22px;
    height:26px;
    background-position:-120px -405px;
}
.num6:hover {
    background-position:-120px -434px;
}
.num6_active {
    width:22px;
    height:26px;
    background-position:-120px -463px;
}
.num7 {
    width:22px;
    height:26px;
    background-position:-144px -405px;
}
.num7:hover {
    background-position:-144px -434px;
}
.num7_active {
    width:22px;
    height:26px;
    background-position:-144px -463px;
}
.num8 {
    width:22px;
    height:26px;
    background-position:-168px -405px;
}
.num8:hover {
    background-position:-168px -434px;
}
.num8_active {
    width:22px;
    height:26px;
    background-position:-168px -463px;
}
.num9 {
    width:22px;
    height:26px;
    background-position:-193px -405px;
}
.num9:hover {
    background-position:-193px -434px;
}
.num9_active {
    width:22px;
    height:26px;
    background-position:-193px -463px;
}
.leftarrow {
    width:14px;
    height:26px;
    background-position:-216px -405px;
}
.leftarrow:hover {
    background-position:-216px -433px; 
}
.rightarrow {
    width:14px;
    height:26px;
    background-position:-230px -405px;
}
.rightarrow:hover {
    background-position:-230px -433px; 
}