/***********************************************/
/* Accessible Navigation - using lists         */
/***********************************************/

/*** ESSENTIAL STYLES ***/
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav li {
	float: left;
}

#nav li a {
	display: block;
}

#nav li li a {
	display: block;
	width: 100%;
	padding: 3px 0;
}

#nav li li { /* all list items */
	float: left;
	width: 151px;
	z-index: 100;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 151px;
	left: auto;
	top: -999em; /* using top instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	/*top: auto;*/
	top: 66px; /* absolute positioning for Safari 2/Mac   */
}

/* ie7 sticky nav fix */
/*#nav nav_insight:hover, ##nav nav_insight.hover, #nav nav_clients:hover, ##nav nav_clients.hover {
    position: static;
}*/
#nav li:hover {background-position: 0 0;}



/*** NAV SKIN ***/
#nav li ul .navtop {
	padding-top: 20px;
}
#nav li ul .navbottom {
	height: 16px;
	background: url(../images/nav_bg-bot.png) no-repeat left bottom;
}
#nav li ul li { /* second-level lists */
	background: url(../images/nav_bg-1px.png) repeat-y left bottom;
	position: relative;
	left: -10px;
}

#nav li li a {
	text-indent: 16px;
	z-index: 102;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#nav li li a:hover {
	color: #000000;
}


/*** TOP NAV IMAGES ***/
#nav .navimage {
	padding: 66px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 66px; /* for IE5/Win */
}

#nav_home {
	width: 49px; /* width needed for Opera */
	}
#nav_home .navimage {
	width: 49px;
	background: url(../images/nav_home.gif) no-repeat left top;
	}
body#home #nav_home .navimage, #nav_home .navimage:hover {
	background-position: -49px 0;
}

#nav_aboutus {
	width: 68px;
	}
#nav_aboutus .navimage {
	width: 68px;
	background: url(../images/nav_aboutus.gif) no-repeat left top;
	}
body#aboutus #nav_aboutus .navimage, #nav_aboutus .navimage:hover {
	background-position: -68px 0;
}

#nav_experience {
	width: 77px;
	}
#nav_experience .navimage {
	width: 77px;
	background: url(../images/nav_experience.gif) no-repeat left top;
	}
body#experience #nav_experience .navimage, #nav_experience .navimage:hover {
	background-position: -77px 0;
}

#nav_insight {
	width: 87px;
	}
#nav_insight .navimage {
	width: 87px;
	background: url(../images/nav_insight.gif) no-repeat left top;
	}
body#insight #nav_insight .navimage, #nav_insight .navimage:hover {
	background-position: -87px 0;
}

#nav_clients {
	width: 57px;
	}
#nav_clients .navimage {
	width: 57px;
	background: url(../images/nav_clients.gif) no-repeat left top;
	}
body#clients #nav_clients .navimage, #nav_clients .navimage:hover {
	background-position: -57px 0;
}

#nav_careers {
	width: 62px;
	}
#nav_careers .navimage {
	width: 62px;
	background: url(../images/nav_careers.gif) no-repeat left top;
	}
body#careers #nav_careers .navimage, #nav_careers .navimage:hover {
	background-position: -62px 0;
}

#nav_location {
	width: 62px;
	}
#nav_location .navimage {
	width: 62px;
	background: url(../images/nav_location.gif) no-repeat left top;
	}
body#location #nav_location .navimage, #nav_location .navimage:hover {
	background-position: -62px 0;
}

#nav_contact {
	width: 57px;
	}
#nav_contact .navimage {
	width: 57px;
	background: url(../images/nav_contact.gif) no-repeat left top;
	}
body#contact #nav_contact .navimage, #nav_contact .navimage:hover {
	background-position: -57px 0;
}