/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Navigation Defined */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* First Row of Primary Navigation Bar Position. */
#nav-primary { position:absolute; top:46px; left:311px; background: url(/images/nav-background.gif); background-repeat: no-repeat; background-position: 0px 0px; width:450px; height:78px;z-index:2000;
}
/* Second Row of Primary Navigation Bar Position. */
#nav-primary-two { position:absolute; top:124px; left:311px; width:450px; height:78px; border: 0px solid #000000;
}
/* Section Down State Position. */
#nav-section { position:absolute; top:124px; left:30px; width:118px; height:106px; border: 0px solid #000000;
}
/* Define multi_level_menu. NOTE!!! Background image here pre-loads the background for the dropdown menus */
#nav-primary-dropdown-menu { display: block; clear: both; height: 36px; margin: 0; list-style: none; color: #fff; font-size: 11px; z-index:1000; background-image: url(/images/bg-dropdown.png); background-repeat: no-repeat; background-position: -999px -999px;
}
#nav-primary-dropdown-menu ul { list-style: none;
}
/* NOTE!!! Background image here pre-loads the background for the dropdown menus */
#nav-primary-dropdown-menu li { float: left; background-image: url(/images/bg-dropdown-tert.png); background-repeat: no-repeat; background-position: -999px -999px;
}
/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu-primary, .menu-primary ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Primary Navigation Defined */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* IMPORTANT NOTE!!!! All nav items tags must have 2 styles: link-primary and a unique nav class */
/* Default top link styling */
/* Set up the top level list items and float left to place inline. */
.menu-primary li.nav-primary-item {display:block; float:left; position:relative;}
.menu-primary li a.link-primary {display:block; float:left; position:relative; height:78px; }
/* Define all images for the Primary Navigation. */
/*row one */
.menu-primary li a.nav-the-lucky-mistake {background:url(../images/nav-the-lucky-mistake.gif) no-repeat; width:106px;}
.menu-primary li a.nav-our-secret-formula {background:url(../images/nav-our-secret-formula.gif) no-repeat; width:110px;}
.menu-primary li a.nav-whos-calling {background:url(../images/nav-whos-calling.gif) no-repeat; width:108px;}
.menu-primary li a.nav-a-miniscule-multinational {background:url(../images/nav-a-miniscule-multinational.gif) no-repeat; width:103px;}
/*row two */
.menu-primary li a.nav-mental-velcro {background:url(../images/nav-mental-velcro.gif) no-repeat; width:106px;}
.menu-primary li a.nav-raspberries-and-accolades {background:url(../images/nav-raspberries-and-accolades.gif) no-repeat; width:110px;}
.menu-primary li a.nav-pollination-house {background:url(../images/nav-pollination-house.gif) no-repeat; width:108px;}
.menu-primary li a.nav-talk-to-a-human {background:url(../images/nav-talk-to-a-human.gif) no-repeat; width:103px;}
/*section down state */
.menu-primary li a.nav-the-lucky-mistake-section {background:url(../images/nav-the-lucky-mistake-section.gif) no-repeat; width:118px; height:106px;}
.menu-primary li a.nav-our-secret-formula-section {background:url(../images/nav-our-secret-formula-section.gif) no-repeat; width:118px; height:106px;}
.menu-primary li a.nav-whos-calling-section {background:url(../images/nav-whos-calling-section.gif) no-repeat; width:118px; height:106px;}
.menu-primary li a.nav-a-miniscule-multinational-section {background:url(../images/nav-a-miniscule-multinational-section.gif) no-repeat; width:118px; height:106px;}
.menu-primary li a.nav-mental-velcro-section {background:url(../images/nav-mental-velcro-section.gif) no-repeat; width:118px; height:106px;}
.menu-primary li a.nav-raspberries-and-accolades-section {background:url(../images/nav-raspberries-and-accolades-section.gif) no-repeat; width:118px; height:106px;}
.menu-primary li a.nav-pollination-house-section {background:url(../images/nav-pollination-house-section.gif) no-repeat; width:118px; height:106px;}
.menu-primary li a.nav-talk-to-a-human-section {background:url(../images/nav-talk-to-a-human-section.gif) no-repeat; width:118px; height:106px;}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Horizontal Navigation Properties Defined. Applies to all horizontal navigation. */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Remove the padding, margins and bullets from the lists */
.menu-primary, .menu-primary ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}
/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu-primary table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; font-size: 11px;}
/* IMPORTANT HACK for IE!!!! The li items in a vertical list must have a float:left so that IE doesn't add extra vertical space in the menu */
.menu-primary li {float:left;}
/* Move the navigation image top right for rollover effect */
.menu-primary li a:hover { background-position: top right;}
/* Move the navigation image top right for down effect */
.menu-primary li a.downState {background-position: top right;}
/* keep the 'next' level invisible by placing it off screen. */
.menu-primary ul,
.menu-primary :hover ul ul,
.menu-primary :hover ul :hover ul ul,
.menu-primary :hover ul :hover ul :hover ul ul,
.menu-primary :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}
/* move the link text off screen */
.menu-primary li a span {position:absolute; left:-9999px; top:0; z-index:1200; font-size:10px; line-height: 10px;}
/* Define the hover functionality for horizontal navigation*/
/* Style the list OR link hover. Depends on which browser is used */
.menu-primary a:hover {visibility:visible;} /* for IE6 */
.menu-primary li:hover {position:relative; z-index:1300;} /* for IE7 */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Left Navigation Defined */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.menulft {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}
/* IMPORTANT HACK for IE!!!! The li items in a vertical list must have a float:left so that IE doesn't add extra vertical space in the menu */
.menulft li {float:left;}
.menulft li.bottom {float:left;}
/* IMPORTANT NOTE!!!! All nav items tags must have 2 styles: left-link and a unique nav class */
/* Default left link styling */
.menulft li a.left-link {display:block; height:20px; width:190px;}
/* Move the link text off screen */
.menulft li a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px; line-height: 10px;}
/* Define all images for The Lucky Mistake Left Navigation */
.menulft li a.leftnav-origins-and-beliefs {background:url(../images/leftnav1-origins-and-beliefs.gif) no-repeat; width:205px; height:34px;}
.menulft li a.leftnav-things-weve-learned {background:url(../images/leftnav1-things-weve-learned.gif) no-repeat; width:205px; height:30px;}
.menulft li a.leftnav-why-we-do-this {background:url(../images/leftnav1-why-we-do-this.gif) no-repeat; width:205px; height:27px;}
.menulft li a.leftnav-other-cool-mistakes {background:url(../images/leftnav1-other-cool-mistakes.gif) no-repeat; width:205px; height:29px;}
/* Define all images for Our Secret Formula Left Navigation */
.menulft li a.leftnav-what-we-offer {background:url(../images/leftnav2-what-we-offer.gif) no-repeat; width:205px; height:34px;}
.menulft li a.leftnav-high-impact-communication {background:url(../images/leftnav2-high-impact-communication.gif) no-repeat; width:205px; height:30px;}
.menulft li a.leftnav-collaboration-teamskills {background:url(../images/leftnav2-collaboration-teamskills.gif) no-repeat; width:205px; height:24px;}
.menulft li a.leftnav-ideation {background:url(../images/leftnav2-ideation.gif) no-repeat; width:205px; height:23px;}
.menulft li a.leftnav-brand-into-action {background:url(../images/leftnav2-brand-into-action.gif) no-repeat; width:205px; height:28px;}
.menulft li a.leftnav-leadership-and-change {background:url(../images/leftnav2-leadership-and-change.gif) no-repeat; width:205px; height:24px;}
.menulft li a.leftnav-costs {background:url(../images/leftnav2-costs.gif) no-repeat; width:205px; height:24px;}
/* Define all images for Who's Calling Left Navigation */
.menulft li a.leftnav-who-we-work-with {background:url(../images/leftnav3-who-we-work-with.gif) no-repeat; width:205px; height:34px;}
.menulft li a.leftnav-complete-client-list {background:url(../images/leftnav3-complete-client-list.gif) no-repeat; width:205px; height:28px;}
.menulft li a.leftnav-case-stories {background:url(../images/leftnav3-case-stories.gif) no-repeat; width:205px; height:28px;}
/* Define all images for A Miniscule Multinational Left Navigation */
.menulft li a.leftnav-who-we-are {background:url(../images/leftnav4-who-we-are.gif) no-repeat; width:205px; height:34px;}
.menulft li a.leftnav-the-oyf-network {background:url(../images/leftnav4-the-oyf-network.gif) no-repeat; width:205px; height:32px;}
.menulft li a.leftnav-twisted-dna {background:url(../images/leftnav4-twisted-dna.gif) no-repeat; width:205px; height:29px;}
/* Define all images for Mental Velcro Left Navigation */
.menulft li a.leftnav-learning-that-sticks {background:url(../images/leftnav5-learning-that-sticks.gif) no-repeat; width:205px; height:34px;}
.menulft li a.leftnav-stuff-weve-written {background:url(../images/leftnav5-stuff-weve-written.gif) no-repeat; width:205px; height:24px;}
.menulft li a.leftnav-stuff-we-make {background:url(../images/leftnav5-stuff-we-make.gif) no-repeat; width:205px; height:25px;}
.menulft li a.leftnav-oyf-store {background:url(../images/leftnav5-oyf-store.gif) no-repeat; width:205px; height:27px;}
.menulft li a.leftnav-photo-video-gallery {background:url(../images/leftnav5-photo-video-gallery.gif) no-repeat; width:205px; height:25px;}
/* Define all images for Rasberries and Accolades Left Navigation */
.menulft li a.leftnav-reviews-comments {background:url(../images/leftnav6-reviews-comments.gif) no-repeat; width:205px; height:34px;}
/* Define all images for Pollination House Left Navigation */
.menulft li a.leftnav-the-idea {background:url(../images/leftnav7-the-idea.gif) no-repeat; width:205px; height:34px;}
.menulft li a.leftnav-grant {background:url(../images/leftnav7-grant.gif) no-repeat; width:205px; height:38px;}
.menulft li a.leftnav-the-books {background:url(../images/leftnav7-the-books.gif) no-repeat; width:205px; height:27px;}
.menulft li a.leftnav-white-papers {background:url(../images/leftnav7-white-papers.gif) no-repeat; width:205px; height:27px;}
/* Define all images for Contact Left Navigation */
.menulft li a.leftnav-contact {background:url(../images/leftnav8-contact.gif) no-repeat; width:205px; height:34px;}
/* Move the navigation image top right for rollover effect */
.menulft li a:hover { background-position: top right;}
/* Move the navigation image top right for down effect */
.menulft li a.down {background-position: top right;}
/* Set up the tertiary sub level. */
.menulft li.tertiary {border-top:1px dashed #8DA3BF; float:left;}
.menulft li a.tertiary-link {display:block; font-size:11px; height:20px; width:190px; line-height:20px; text-indent:22px; color:#30679F; text-decoration:none;}
.menulft li a.tertiary-link:hover {background: #FFFFFF url(../images/mcnav-dropdown-dot.gif) 13px 8px no-repeat; color:#112A48;}
.menulft li.tertiary-down {border-top:1px dashed #8DA3BF; float:left; background: #FFFFFF url(../images/mcnav-dropdown-dot.gif) 13px 8px no-repeat;}
.menulft li.tertiary-down a {color:#112A48;}
a:active { outline: none;
}
/* You Will See This: */
:-moz-any-link:focus {
outline: 1px dotted invert;
}
/* Change It To This: */
:-moz-any-link:focus {
outline: none;
}