/***
 *
 *	CSS Sprites
 *
 */
 
#navigation { background-color: #d0d0d0; height: 80px; margin: 0 auto; position: relative; max-width: 980px; }

ul#links { bottom: 0; height: 30px; left: 0; list-style: none; margin: 0; padding: 0; position: absolute; width: 100%; }

#links li { display: inline-block; float: left; margin-right: 1px; overflow: hidden; text-indent: -9999px; }
#links li a { background: url(../assets/images/links/navigation-sprite.png) no-repeat; display: block; height: 100%; width: 100%; }

/* Home Button */
#links li.home {width:100px; height:30px;}
	#links li.home a {background-position: 0px 0px;}
	#links li.home a:hover {background-position: 0px -30px;}
	#links li.home a.selected {background-position: 0px -60px;}

/* About Button */
#links li.about {width:100px; height:30px;}
	#links li.about a {background-position: -100px 0px;}
	#links li.about a:hover {background-position: -100px -30px;}
	#links li.about a.selected {background-position: -100px -60px;}

/* Help Button */
#links li.help {width:100px; height:30px;}
	#links li.help a {background-position: -200px 0px;}
	#links li.help a:hover {background-position: -200px -30px;}
	#links li.help a.selected {background-position: -200px -60px;}

/* Contact Button */
#links li.contact {width:100px; height:30px;}
	#links li.contact a {background-position:-300px -0px;}
	#links li.contact a:hover {background-position:-300px -30px;}
	#links li.contact a.selected {background-position:-300px -60px;}

/* Privacy Button */
#links li.privacy {width:100px; height:30px;}
	#links li.privacy a {background-position:-400px -0px;}
	#links li.privacy a:hover {background-position:-400px -30px;}
	#links li.privacy a.selected {background-position:-400px -60px;}

/* Terms Button */
#links li.terms {width:100px; height:30px;}
	#links li.terms a {background-position:-500px -0px;}
	#links li.terms a:hover {background-position:-500px -30px;}
	#links li.terms a.selected {background-position:-500px -60px;}