#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 774px;
	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 .home {
	width: 142px;
	height: 50px;
	background: url(../images/btn_home.jpg) no-repeat;
	left: 26px;
	top: -70px;

}
#menu .home span {
	width: 86px;
	height: 14px;
	background: url(images/home-over.gif) no-repeat;
	left: 28px;
	top: -20px;
}
#menu .about {
	width: 142px;
	height: 50px;
	background: url(../images/btn_abtus.jpg) no-repeat;
	left: 178px;
	top: -70px;
}
#menu .about span {
	width: 40px;
	height: 12px;
	background: url(images/about-over.gif) no-repeat;
	left: 44px;
	top: 54px;
}
#menu .product {
	width: 142px;
	height: 50px;
	background: url(../images/btn_products.jpg) no-repeat;
	left: 338px;
	top: -70px;
}
#menu .product span {
	width: 92px;
	height: 20px;
	background: url(images/rss-over.gif) no-repeat;
	left: 26px;
	top: -20px;
}

#menu .price {
	width: 142px;
	height: 51px;
	background: url(../images/btn_pricing.jpg) no-repeat;
	left: 488px;
	top: -70px;
}
#menu .price span {
	width: 92px;
	height: 20px;
	background: url(images/rss-over.gif) no-repeat;
	left: 26px;
	top: -20px;
}

#menu .contact {
	width: 177px;
	height: 51px;
	background: url(../images/btn_contactus.jpg) no-repeat;
	left: 638px;
	top: -70px;
}
#menu .contact span {
	width: 92px;
	height: 20px;
	background: url(images/rss-over.gif) no-repeat;
	left: 26px;
	top: -20px;
}