@charset "utf-8";
#nav {padding:0; margin:0; list-style:none; height:37px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:900px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:37px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:0px; visibility: hidden;}

#nav li a.home {background:url(/images/nav_home.jpg); width:94px;}
#nav li a.about {background:url(/images/nav_about.jpg); width:117px;}
#nav li a.ap {background:url(/images/nav_ap.jpg); width:221px;}
#nav li a.get {background:url(/images/nav_get.jpg); width:142px;}
#nav li a.news {background:url(/images/nav_news.jpg); width:89px;}
#nav li a.careers {background:url(/images/nav_careers.jpg); width:108px;}
#nav li a.contact {background:url(/images/nav_contact.jpg); width:129px;}

#nav li:hover a, #nav a:hover
{background-position: 0 37px;}
#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}
#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}
#nav :hover ul.sub
{left:0; top:37px; background: #003c48; width:220px; height:auto; z-index:300; padding: 2px;}
#nav :hover ul.sub li
{display:block; height:auto; position:relative; float:left; width:200px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:auto; width:200px; font-size: 80%; text-decoration:none; padding:0; cursor:pointer; color: #7699a0; padding: 5px 10px;}
#nav :hover ul.sub li a:hover
{width: 200px; background-color:#7699a0; font-size: 80%; color: #000000; padding: 5px 10px;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}
#nav :hover ul.sub li a:hover 
{background-position: 0 50px; position:relative;}