#home li.home a, /*--Home Page > Home Link--*/
#about li.about a, /*--About Page > About Link--*/
#samples li.samples a, /*--Services Page > Services Link--*/
#case li.case a, /*--Portfolio Page > Portfolio Link--*/
#articles li.articles a, /*--Services Page > Services Link--*/
#contact li.contact a, /*--Contact Page > Contact Link--*/
#contact li.login a, /*--Contact Page > Contact Link--*/
{
	background-position: left bottom;
}










ul#topnav {
	margin: 0; padding: 0;
	list-style: none;
	float: left;
	width: 960px;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
}



/*--CSS Sprites - Default State--*/

ul#topnav a {
	float: left;
	display: block;
	height: 36px; /*--Specify height of navigation--*/
	text-indent: -99999px; /*--Shoot the text off the page--*/
	background-position: left top;
}
/*--CSS Sprites - Hover State--*/
ul#topnav a:hover {
	background-position: left bottom;

}
/*--Assign an image and width to each link--*/
ul#topnav li.home a {
	background-image: url(_home.jpg);
	width: 110px;
}
ul#topnav li.about a {
	background-image: url(_about.jpg);
	width: 99px;
}
ul#topnav li.samples a {
	background-image: url(_samples.jpg);
	width: 125px;
}
ul#topnav li.case a {
	background-image: url(_case.jpg);
	width: 135px;
}
ul#topnav li.articles a {
	background-image: url(_articles.jpg);
	width: 99px;
}
ul#topnav li.contact a {
	background-image: url(_contact.jpg);
	width: 115px;
}
ul#topnav li.login a {
	background-image: url(_login.jpg);
	width: 85px;
}