/* Default */

#navBar {
width: 860px;
height: 29px; 
border: 0;
background: url('../img/navigation.png');
margin: 0;
padding: 0;
}

#navBar li {
float: left;
}

#navBar li a {
margin: 0;
padding: 0;
display: block;
height: 29px;
background: url('../img/navigation.png') no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#nav_business a {
left: 0;
width: 172px;
background-position: 0 0;
}

li#nav_personal a {
left: 172px;
width: 180px;
background-position: -172px 0;
}

li#nav_blog a {
left: 352px;
width: 106px;
background-position: -352px 0;
}

li#nav_newsletters a {
left: 458px;
width: 143px;
background-position: -458px 0;
}

li#nav_faq a {
left: 601px;
width: 101px;
background-position: -601px 0;
}

li#nav_company a {
left: 702px;
width: 158px;
background-position: -702px 0;
}

/*hover state*/
li#nav_business a:hover {
background-position: 0 -29px;
}

li#nav_personal a:hover {
background-position: -172px -29px;
}

li#nav_blog a:hover {
background-position: -352px -29px;
}

li#nav_newsletters a:hover {
background-position: -458px -29px;
}

li#nav_faq a:hover {
background-position: -601px -29px;
}

li#nav_company a:hover {
background-position: -702px -29px;
}

/*current state*/
#body_business li#nav_business a {
background-position: 0 -58px;
}

#body_personal li#nav_personal a {
background-position: -172px -58px;
}

#body_blog li#nav_blog a {
background-position: -352px -58px;
}

#body_newsletters li#nav_newsletters a {
background-position: -458px -58px;
}

#body_faq li#nav_faq a {
background-position: -601px -58px;
}

#body_company li#nav_company a {
background-position: -702px -58px;
}

/* Sub Navbar */
#subnav {
width: 840px;
height: 23px; 
border: 0;
padding: 7px 0 0 20px;
background: url('../img/subnav.gif') repeat-x;
margin: 0;
}

#subnav li {
float: left;
}

#subnav li a {
margin: 0 20px 0 0;
padding: 0;
display: block;
overflow: hidden;
}
#subnav li a:hover {color: #909090;}