/* main navigation */

#nav {float:left; padding:0; margin:0; list-style:none; position: inherit; z-index:200; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; margin-top: 0px;}
#nav li a {display:block; float:left; height:51px; border:0px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}

#nav li a.about {background:url(../images/lk_aboutus.jpg); width: 172px; height: 40px;}
#nav li a.services {background:url(../images/lk_services.jpg); width: 143px; height: 40px;}
#nav li a.gallery {background:url(../images/lk_gallery.jpg); width: 132px; height: 40px;}
#nav li a.contact {background:url(../images/lk_contactus.jpg); width: 156px; height: 40px;}
#nav li a.careers {background:url(../images/lk_careers.jpg); width: 165px; height: 40px;}


#nav li:hover a,
#nav a:hover {background-position: 0 40px;}

#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:0px;}

#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:36px; background: #446FB4; color:#333; width:220px; height:auto; z-index:300; border-color: #B1B1B1;}

#nav :hover ul.sub :hover { background: #303677; color:#FFF; }

#nav :hover ul.sub li
{display:block; height:35px; position:relative; float:left; width:220px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; color:#fff; height:29px; width:220px; border-top:1px solid #B1B1B1; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:5px; margin:7px;}