ul#sprites {
	width: 800px; margin: 0px;
	list-style: none;
}

ul#sprites li { display: inline; }
	
ul#sprites li a {
	display: block; float: left; height: 31px;
	background-image: url(../images/buttons.jpg); text-indent: -9999px;
}

	ul#sprites li a.home {
		width: 195px; background-position: 0 0;	
	}
	
	ul#sprites li a.showcase {
		width: 95px; background-position: -195px 0;	
	}
	
	ul#sprites li a.publicwork {
		width: 105px; background-position: -290px 0;	
	}
	
	ul#sprites li a.gallery {
		width: 130px; background-position: -395px 0;	
	}
	
	ul#sprites li a.latestwork {
		width: 110px; background-position: -525px 0;	
	}
	
	ul#sprites li a.theartist {
		width: 87px; background-position: -635px 0;	
	}
	
	ul#sprites li a.contact {
		width: 78px; background-position: -722px 0;	
	}
	
	ul#sprites li a.home:hover, ul#sprites li a.home:focus {
		background-position: 0 -31px;	
	}
	
	ul#sprites li a.showcase:hover, ul#sprites li a.showcase:focus {
		background-position: -195px -31px;	
	}
	
	ul#sprites li a.publicwork:hover, ul#sprites li a.publicwork:focus {
		background-position: -290px -31px;	
	}
	
	ul#sprites li a.gallery:hover, ul#sprites li a.gallery:focus {
		background-position: -395px -31px;	
	}
	
	ul#sprites li a.latestwork:hover, ul#sprites li a.latestwork:focus {
		background-position: -525px -31px;	
	}
	
	ul#sprites li a.theartist:hover, ul#sprites li a.theartist:focus {
		background-position: -635px -31px;	
	}
	
	ul#sprites li a.contact:hover, ul#sprites li a.contact:focus {
		background-position: -722px -31px;	
	}		
	

a { outline: none; }