#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 774px;
	height: 210px;
	background: url(images/menu-bg.jpg) no-repeat;
	position: relative;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span{
	display: block;
}
#menu .bio {
	width: 159px;
	height: 23px;
	background: url(images/nav/bio.gif) no-repeat;
	left: 20px;
	top: 85px;
}
#menu .bio span {
	width: 159px;
	height: 23px;
	background: url(images/nav/biohov.gif) no-repeat;
	top: 0px;
}
#menu .music {
	width: 87px;
	height: 23px;
	background: url(images/nav/music.gif) no-repeat;
	left: 20px;
	top: 110px;
}
#menu .music span {
	width: 87px;
	height: 23px;
	background: url(images/nav/musichov.gif) no-repeat;
	top: 0px;
}
#menu .shows {
	width: 102px;
	height: 23px;
	background: url(images/nav/shows.gif) no-repeat;
	left: 20px;
	top: 135px;
}
#menu .shows span {
	width: 102px;
	height: 23px;
	background: url(images/nav/showshov.gif) no-repeat;
	top: 0px;
}
#menu .press {
	width: 86px;
	height: 23px;
	background: url(images/nav/press.gif) no-repeat;
	left: 20px;
	top: 160px;
}
#menu .press span {
	width: 86px;
	height: 23px;
	background: url(images/nav/presshov.gif) no-repeat;
	top: 0px;
}
#menu .gallery {
	width: 125px;
	height: 23px;
	background: url(images/nav/gallery.gif) no-repeat;
	left: 18px;
	top: 185px;
}
#menu .gallery span {
	width: 125px;
	height: 23px;
	background: url(images/nav/galleryhov.gif) no-repeat;
	top: 0px;
}
#menu .contact {
	width: 131px;
	height: 23px;
	background: url(images/nav/contact.gif) no-repeat;
	left: 18px;
	top: 210px;
}
#menu .contact span {
	width: 131px;
	height: 23px;
	background: url(images/nav/contacthov.gif) no-repeat;
	top: 0px;
}