ul.nav
{
position: relative;
z-index: 10;
float: left;
width: 606px;
height: 35px;
list-style-type: none;
background: url(/images/nav.gif) no-repeat;
padding: 0 0 0 282px;
margin: 0;
}
ul.nav li
{
text-indent: -8000px;
float: left;
padding: 0 19px 0 0;
margin: 0;
font-size: .05em;
line-height: .05em;
height: 24px;
}
ul.nav li.home, ul.nav li.services
{
padding-right: 20px;
}
ul.nav li a
{
float: left;
height: 35px;
}
ul.nav li a:link, ul.nav li a:visited,
ul.nav li a:hover, ul.nav li a:active
{
text-decoration: none;
border: 0 none;
}
ul.nav li.home, ul.nav li.home a
{
width: 43px;
background: url(/nav/home.gif) no-repeat;
}
ul.nav li.benefits, ul.nav li.benefits a
{
width: 134px;
background: url(/nav/benefits.gif) no-repeat;
}
ul.nav li.products, ul.nav li.products a
{
width: 76px;
background: url(/nav/products.gif) no-repeat;
}
ul.nav li.services, ul.nav li.services a
{
width: 63px;
background: url(/nav/services.gif) no-repeat;
}
ul.nav li.distributors, ul.nav li.distributors a
{
width: 102px;
background: url(/nav/distributors.gif) no-repeat;
}
ul.nav li.contact, ul.nav li.contact a
{
width: 68px;
background: url(/nav/contact.gif) no-repeat;
}
ul.nav li a.active, ul.nav li a:hover
{
background-position: bottom left;
}