/**
 *	My Store Radio
 *  Navigation Screen Styles
 *	
 *	@author:	Nathan Crowe <nathan at imagin8 dot com>
 *	@date:		15/01/2008	
 *
 *	Table of Contents:
 *		01.	navigation
 *
 */
 
/** navigation
--------------------------------------- */
div#navigation ul {
	background:				url(../images/navigation.jpg) no-repeat;
	height:					73px;
	margin-left:			0;
	width:					840px;
	z-index:				100;
}

div#navigation ul li {
	float:					left;
}

div#navigation ul li a {
	color:					#fff;
	display:				block;
	font-size:				1px;
	height:					73px;
	overflow:				hidden;
	text-decoration:		none;
	text-indent:			-9999px;
}

div#navigation ul li#home,
div#navigation ul li#home a {
	width:					119px;
}
div#navigation ul li#about-us,
div#navigation ul li#about-us a {
	width:					120px;
}
div#navigation ul li#products,
div#navigation ul li#products a {
	width:					120px;
}
div#navigation ul li#samples,
div#navigation ul li#samples a {
	width:					120px;
}
div#navigation ul li#testimonials,
div#navigation ul li#testimonials a {
	width:					120px;
}
div#navigation ul li#contact-us,
div#navigation ul li#contact-us a {
	width:					120px;
}

div#navigation ul li#home a:hover, div#navigation ul li#home a:active, div#navigation ul li#home a:focus, div#navigation ul li#home a.active {
    background: url(../images/navigation.jpg) 0px -73px no-repeat !important;
}
div#navigation ul li#about-us a:hover, div#navigation ul li#about-us a:active, div#navigation ul li#about-us a:focus, div#navigation ul li#about-us a.active  {
    background: url(../images/navigation.jpg) -119px -73px no-repeat !important;
}
div#navigation ul li#products a:hover, div#navigation ul li#products a:active, div#navigation ul li#products a:focus, div#navigation ul li#products a.active {
    background: url(../images/navigation.jpg) -239px -73px no-repeat !important;
}
div#navigation ul li#samples a:hover, div#navigation ul li#samples a:active, div#navigation ul li#samples a:focus, div#navigation ul li#samples a.active {
    background: url(../images/navigation.jpg) -359px -73px no-repeat !important;
}
div#navigation ul li#testimonials a:hover, div#navigation ul li#testimonials a:active, div#navigation ul li#testimonials a:focus, div#navigation ul li#testimonials a.active  {
    background: url(../images/navigation.jpg) -479px -73px no-repeat !important;
}
div#navigation ul li#contact-us a:hover, div#navigation ul li#contact-us a:active, div#navigation ul li#contact-us a:focus, div#navigation ul li#contact-us a.active {
    background: url(../images/navigation.jpg) -599px -73px no-repeat !important;
}