#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 800px;
	height: 432px;
	background: url(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 .one {
	width: 225px;
	height: 124px;
	background: url(1.jpg) no-repeat;
	left: 31px;
	top: 0px;
}
#menu .two {
	width: 225px;
	height: 124px;
	background: url(2.jpg) no-repeat;
	left: 286px;
	top: 0px;
}
#menu .three {
	width: 225px;
	height: 124px;
	background: url(3.jpg) no-repeat;
	left: 541px;
	top: 0px;
}
#menu .four {
	width: 225px;
	height: 124px;
	background: url(4.jpg) no-repeat;
	left: 31px;
	top: 154px;
}
#menu .five {
	width: 225px;
	height: 124px;
	background: url(5.jpg) no-repeat;
	left: 286px;
	top: 154px;
}
#menu .six {
	width: 541px;
	height: 124px;
	background: url(6.jpg) no-repeat;
	left: 541px;
	top: 154px;
}
#menu .seven {
	width: 225px;
	height: 124px;
	background: url(7.jpg) no-repeat;
	left: 31px;
	top: 308px;
}
#menu .eight {
	width: 225px;
	height: 124px;
	background: url(8.jpg) no-repeat;
	left: 286px;
	top: 308px;
}