#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 650px;
	background-color: #83b0ca;
	background: url(images/2010_index/bg.gif) right bottom no-repeat;
	position: absolute; right: 0; bottom: 0;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: right bottom;
}
#menu a:hover span{
	display: block;
}
#menu .home {
	width: 93px;
	height: 142px;
	background: url(images/2010_index/home.gif) no-repeat;
	right: 246px;
	bottom: 164px;
}
#menu .home span {
	width: 326px;
	height: 335px;
	background: url(images/2010_index/coffee.gif) no-repeat;
	left: -500px;
	top: -200px;
}
#menu .about {
	width: 46px;
	height: 142px;
	background: url(images/2010_index/about.gif) no-repeat;
	right: 201px;
	bottom: 164px;
}
#menu .about span {
	width: 326px;
	height: 335px;
	background: url(images/2010_index/uoknow.gif) no-repeat;
	left: -550px;
	top: -200px;
}
#menu .rss {
	width: 71px;
	height: 142px;
	background: url(images/2010_index/css.gif) no-repeat;
	right: 129px;
	bottom: 164px;
}
#menu .rss span {
	width: 326px;
	height: 335px;
	background: url(images/2010_index/sky.gif) no-repeat;
	left: -550px;
	top: -200px;
}
#menu .unknow {
	width: 56px;
	height: 142px;
	background: url(images/2010_index/unknow.gif) no-repeat;
	right: 73px;
	bottom: 164px;
}
#menu .unknow span {
	width: 326px;
	height: 335px;
	background: url(images/2010_index/uoknow.gif) no-repeat;
	left: -550px;
	top: -200px;
}
#menu .contact {
	width: 242px;
	height: 164px;
	background: url(images/2010_index/contact.gif) no-repeat;
	right: 339px;
	bottom: 0px;
}