#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 500px;
	height: 71px;
	background-image:url(nav.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	background-image: url(images/home-copy.gif);
}
#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span{
	display: block;
}
#menu .cards {
	width: 144px;
	height: 58px;
	background: url(images/home-copy.gif) no-repeat;
	left: 50px;
	top: 6px;
}
#menu .cards span {
	width: 200px;
	height: 30px;
	background: url(images/cards-over.gif) no-repeat;
	left: 0px;
	top: 50px;
}
#menu .wedding {
	width: 142px;
	height: 51px;
	background: url(images/about-copy.gif) no-repeat;
	left: 204px;
	top: 6px;
}
#menu .wedding span {
	width: 100px;
	height: 30px;
	background: url(images/wedding-over.gif) no-repeat;
	left: 20px;
	top: 50px;
}
#menu .contact {
	width: 120px;
	height: 47px;
	background: url(images/contact-me.gif) no-repeat;
	left: 359px;
	top: 16px;
}
#menu .contact span {
	width: 100px;
	height: 25px;
	background: url(images/contact-over.gif) no-repeat;
	left: 26px;
	top: 40px;
}