#nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1; } /* all lists */

#nav li#homeNav a.topNav, #nav li#aboutNav a.topNav, #nav li#productsNav a.topNav, #nav li#servicesNav a.topNav, #nav li#clientsNav a.topNav, #nav li#careersNav a.topNav, #nav li#contactNav a.topNav { display: block; text-indent: -999em; background: url(/images/nav/topNav_off.gif) no-repeat; overflow: hidden; height: 70px; height /**/: 70px !important; }
#nav li#homeNav a:hover, #nav li#aboutNav a:hover, #nav li#productsNav a:hover, #nav li#servicesNav a:hover, #nav li#clientsNav a:hover, #nav li#careersNav a:hover, #nav li#contactNav a:hover { background: url(/images/nav/topNav_on.gif) no-repeat; }

#nav li#homeNav a.topNav { background-position: 0px 0; width: 54px; }
#nav li#aboutNav a.topNav, #nav li#aboutNav a:hover { background-position: -54px 0; width: 71px; }
#nav li#productsNav a.topNav, #nav li#productsNav a:hover { background-position: -125px 0; width: 70px; }
#nav li#servicesNav a.topNav, #nav li#servicesNav a:hover { background-position: -195px 0; width: 67px; }
#nav li#clientsNav a.topNav, #nav li#clientsNav a:hover { background-position: -262px 0; width: 58px; }
#nav li#careersNav a.topNav, #nav li#careersNav a:hover { background-position: -320px 0; width: 64px; }
#nav li#contactNav a.topNav, #nav li#contactNav a:hover { background-position: -384px 0; width: 61px; }
#nav li#aboutNav:hover, #nav li.hover, #nav li#productsNav:hover, #nav li#servicesNav:hover, #nav li#clientsNav:hover, #nav li#careersNav:hover, #nav li#contactNav:hover { position: static; } /* IE7 hover fix */
.home ul#nav li#homeNav a.topNav, .about ul#nav li#aboutNav a.topNav, .products ul#nav li#productsNav a.topNav, .services ul#nav li#servicesNav a.topNav, .clients ul#nav li#clientsNav a.topNav, .careers ul#nav li#careersNav a.topNav, .contact ul#nav li#contactNav a.topNav { background: url(/images/nav/topNav_active.gif); background-position: 0px 0; }
.about ul#nav li#aboutNav a.topNav { background-position: -54px 0; }
.products ul#nav li#productsNav a.topNav { background-position: -125px 0; }
.services ul#nav li#servicesNav a.topNav { background-position: -195px 0; }
.clients ul#nav li#clientsNav a.topNav { background-position: -262px 0; }
.careers ul#nav li#careersNav a.topNav { background-position: -320px 0; }
.contact ul#nav li#contactNav a.topNav { background-position: -384px 0; }

#nav li { float: left; width: 80px; } /* all list items */
#nav li#homeNav { width: 54px; height: 70px; }
#nav li#aboutNav { width: 71px; height: 70px; }
#nav li#productsNav { width: 70px; height: 70px; }
#nav li#servicesNav { width: 67px; height: 70px; }
#nav li#clientsNav { width: 58px; height: 70px; }
#nav li#careersNav { width: 64px; height: 70px; }
#nav li#contactNav { width: 61px; height: 70px; }

#nav li ul { /* second-level lists */ position: absolute; background: url(/images/nav/dd_bg.gif) bottom center no-repeat; width: 170px; border: 0px; padding-bottom: 2px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
#nav li ul li, #nav li ul li.ddLast { width: 158px; padding: 5px 3px 7px 7px; background: url(/images/nav/dd_divider.gif) bottom center no-repeat; }
#nav li ul li.ddLast { background-image: none; padding-bottom: 5px; }
#nav li ul a { color: #939495; text-decoration: none; background: #fff; font-size: 12px; width: 164px; }
#nav li ul a.active { color: #f4911d; }
#nav li#aboutNav ul li a:hover, #nav li#productsNav ul li a:hover, #nav li#servicesNav ul li a:hover, #nav li#clientsNav ul li a:hover, #nav li#careersNav ul li a:hover, #nav li#contactNav ul li a:hover { background-image: none; color: #f4911d; }

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto; }

/* Right Column navigation styles */
div#rightNav { margin-top: 18px; padding: 0px; background: url(/images/nav/rightNav_bg.gif) repeat-y; }
#rightNav ul { padding: 0px; margin: 0px; list-style: none; background: url(/images/nav/rightNav_bgBot.gif) bottom no-repeat; }
#rightNav ul li, #rightNav ul li.ddLast { padding: 7px 10px; background: url(/images/nav/rightNav_divider.gif) bottom center no-repeat; }
/*#rightNav ul li.ddLast { padding-bottom: 5px; background: url(/images/pixel.gif); }*/
#rightNav ul li.ddLast { background: url(/images/pixel.gif); }
#rightNav ul a:link { color: #939495; text-decoration: none; font-size: 12px; width: 164px; }
#rightNav ul a:visited { color: #939495; text-decoration: none; font-size: 12px; width: 164px; }
#rightNav ul a:active { color: #939495; text-decoration: none; font-size: 12px; width: 164px; }
#rightNav ul a:hover { color: #f4911d; text-decoration: none; font-size: 12px; width: 164px; }
#rightNav ul a.activeR { color: #f4911d; }
div#rightNavSpace { height: 22px; padding: 0px; background: #fff; }

/* Skip Navigation styles */
#skipNav { left: -1000em; overflow: hidden; position: absolute; width: 1px; }
#skipNav:active, #skipNav:focus {
      background-color: #666666;
      border-style: none dotted dotted;
      border-color: #cccccc;
      border-width: 1px;
      padding-top: .2em;
      outline: none;
      font-weight: bold;
      color: #ffffff;
      text-align: center;
      text-decoration: none;
      display: block;
      left: 25%;
      width: 50%;
      top: 0;
      z-index: 99;
      height: 1.5em;
      vertical-align: middle;
}