#nav, #nav ul {
	float: left;
	padding: 0;
	margin: 0;
	display: inline;
	list-style: none;
}

#nav li {
	float: left;
	list-style: none;
	background-image: none;
	padding: 0;
	display: inline;
}

#nav li a, #nav li span {
	display: block;
	text-indent: -9999px; 
	height: 49px;
	background-image: url("../images/nav.gif");
	background-repeat: no-repeat;
	top: 0;
}


#nav li#about a, #nav li#about span {width: 80px; left: 0;}
#nav li#about a {background-position: 0 0;}
#nav li#about a:hover {background-position: 0 -49px;}
#nav li#about span {background-position: 0 -98px;}

#nav li#clients a, #nav li#clients span {width: 69px; left: 80px;}
#nav li#clients a {background-position: -80px 0;}
#nav li#clients a:hover {background-position: -80px -49px;}
#nav li#clients span {background-position: -80px -98px;}

#nav li#criteria a, #nav li#criteria span {width: 113px; left: 149px;}
#nav li#criteria a {background-position: -149px 0;}
#nav li#criteria a:hover {background-position: -149px -49px;}
#nav li#criteria span {background-position: -149px -98px;}

#nav li#benefits a, #nav li#benefits span {width: 108px; left: 262px;}
#nav li#benefits a {background-position: -262px 0;}
#nav li#benefits a:hover {background-position: -262px -49px;}
#nav li#benefits span {background-position: -262px -98px;}

#nav li#services a, #nav li#services span {width: 70px; left: 370px;}
#nav li#services a {background-position: -370px 0;}
#nav li#services a:hover {background-position: -370px -49px;}
#nav li#services span {background-position: -370px -98px;}

#nav li#resources a, #nav li#resources span {width: 88px; left: 440px;}
#nav li#resources a {background-position: -440px 0;}
#nav li#resources a:hover {background-position: -440px -49px;}
#nav li#resources span {background-position: -440px -98px;}

#nav li#contact a, #nav li#contact span {width: 73px; left: 528px;}
#nav li#contact a {background-position: -528px 0;}
#nav li#contact a:hover {background-position: -528px -49px;}
#nav li#contact span {background-position: -528px -98px;}