#nav { padding:0; margin:0 auto; list-style-type:none; width:504px; height:33px; position:relative; z-index:500; }
#nav li.top { display:block; float:left; height:34px; }

#nav li:hover { position:relative; z-index:200; }

#nav li:hover ul.sub { left:0px; top:34px; background-color: #372b06; border:1px solid #554a21; width:155px; height:auto; z-index:300; }
#nav li:hover ul.sub li { display:block; position:relative; float:left; width:155px; font-size:12px; font-weight:normal; }
#nav li:hover ul.sub li a { display:block; width:145px; line-height:16px; color:#FFFFFF; text-decoration:none; padding:5px; }
#nav li:hover ul.sub li a:hover { background:#6e5d20; color:#fff; }

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


#nav a.about { display: block; width:80px; height:34px; text-decoration:none; background: transparent url(images/nav/about.gif) no-repeat; text-indent: -9999px; }
#nav a.about:hover { background-position:-80px 0; }

#nav a.services { display: block; width:94px; height:34px; text-decoration:none; background: transparent url(images/nav/services.gif) no-repeat; text-indent: -9999px; }
#nav a.services:hover { background-position:-94px 0; }

#nav a.client { display: block; width:121px; height:34px; text-decoration:none; background: transparent url(images/nav/client.gif) no-repeat; text-indent: -9999px; }
#nav a.client:hover { background-position:-121px 0; }

#nav a.employment { display: block; width:114px; height:34px; text-decoration:none; background: transparent url(images/nav/employment.gif) no-repeat; text-indent: -9999px; }
#nav a.employment:hover { background-position:-114px 0; }

#nav a.contact { display: block; width:95px; height:34px; text-decoration:none; background: transparent url(images/nav/contact.gif) no-repeat; text-indent: -9999px; }
#nav a.contact:hover { background-position:-95px 0; }