#nav {padding:0; margin:0; list-style:none; height:42px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:554px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:42px; width:150px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}

#nav li a.about {background:url(../images/aboutbutton.jpg); width:88px;}
#nav li a.services {background:url(../images/servicesbutton.jpg); width:91px;}
#nav li a.products {background:url(../images/productsbutton.jpg); width:95px;}
#nav li a.news {background:url(../images/newsbutton.jpg); width:66px;}
#nav li a.employment {background:url(../images/employmentbutton.jpg); width:114px;}
#nav li a.contact {background:url(../images/contactbutton.jpg); width:100px;}

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


#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:42px; width:125px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; position:relative; float:left; width:125px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; width:125px; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.company {background:url(../images/about1company.gif); height:28px; margin-left:18px;}
#nav :hover ul li a.testimonials {background:url(../images/about2testimonials.gif); height:20px; margin-left:18px;}
#nav :hover ul li a.preferredplumber {background:url(../images/about3preferred.gif); height:19px; margin-left:18px;}
#nav :hover ul li a.bbb {background:url(../images/about4bbb.gif); height:20px; margin-left:18px;}
#nav :hover ul li a.greenscreened {background:url(../images/about5green.gif); height:20px; margin-left:18px;}
#nav :hover ul li a.techniciansseal {background:url(../images/about6technicians.gif); height:20px; margin-left:18px;}
#nav :hover ul li a.remodelremedy {background:url(../images/about7remodel.gif); height:32px; margin-left:18px;}


#nav :hover ul li a.bathroom {background:url(../images/services1bathroomrem.gif); height:28px; width:138px;}
#nav :hover ul li a.newconstruction {background:url(../images/services2newconst.gif); height:20px; width:138px;}
#nav :hover ul li a.plumbing {background:url(../images/services3plumbing.gif); height:19px; width:138px;}
#nav :hover ul li a.watertreatment {background:url(../images/services4watertreat.gif); height:28px; width:138px;}

#nav :hover ul li a.diamonds {background:url(../images/products1diamondclub.gif); height:28px; width:126px;}
#nav :hover ul li a.manufacturer {background:url(../images/products2manufactureslink.gif); height:31px; width:126px;}

#nav :hover ul li a.hintsandtips {background:url(../images/news1hintsandtips.gif); height:29px; width:91px;}
#nav :hover ul li a.coupon {background:url(../images/new2scoupon.gif); height:28px; width:91px;}

#nav :hover ul.sub li a:hover 
{position:relative;}
#nav :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}