/* ---------------------------------------- SUB MENU ---------------------------------------------- */
#menuarea{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height: 120px;
	background:#FFFFFF;
}
#menu {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	height: 100px;
	background:#FFFFFF;

}

a#message {
	background: url(/images/submenu_message.jpg) top left no-repeat;
	width:85px;
	height:100px;
	display:block;
	float:left;
	margin:2px;
	text-decoration:none;
}
a#message span, a#messageActive span {
	visibility:hidden;
	overflow:hidden;
	font-size:1px;
	text-decoration:none;
}
a#messageActive {
	background: url(/images/submenu_message.jpg) top left no-repeat;
	width:85px;
	height:100px;
	display:block;
	float:left;
	margin:2px;
	background-position: 0px -100px;
	text-decoration:none;
}
a#message:hover {
	background-position: 0px -100px;
	text-decoration:none;
}
a#story {
	background: url(/images/submenu_ourstory.jpg) top left no-repeat;
	width:85px;
	height:100px;
	display:block;
	float:left;
	margin:2px;
	text-decoration:none;
}
a#story span, a#storyActive span {
	visibility:hidden;
	overflow:hidden;
	font-size:1px;
	text-decoration:none;
}
a#storyActive {
	background: url(/images/submenu_ourstory.jpg) top left no-repeat;
	width:85px;
	height:100px;
	display:block;
	float:left;
	margin:2px;
	background-position: 0px -100px;
	text-decoration:none;
}
a#story:hover {
	background-position: 0px -100px;
	text-decoration:none;
}
a#thebride {
	background: url(/images/submenu_thebride.jpg) top left no-repeat;
	width:85px;
	height:100px;
	display:block;
	float:left;
	margin:2px;
	text-decoration:none;
}
a#thebride span, a#thebrideActive span {
	visibility:hidden;
	overflow:hidden;
	font-size:1px;
	text-decoration:none;
	
}
a#thebrideActive {
	background: url(/images/submenu_thebride.jpg) top left no-repeat;
	width:85px;
	height:100px;
	display:block;
	float:left;
	margin:2px;
	background-position: 0px -100px;
	text-decoration:none;
}
a#thebride:hover {
	background-position: 0px -100px;
	text-decoration:none;
}
a#thegroom {
	background: url(/images/submenu_thegroom.jpg) top left no-repeat;
	width:85px;
	height:100px;
	display:block;
	float:left;
	margin:2px;
	text-decoration:none;
}
a#thegroom span, a#thegroomActive span {
	visibility:hidden;
	overflow:hidden;
	font-size:1px;
	text-decoration:none;
	
}
a#thegroomActive {
	background: url(/images/submenu_thegroom.jpg) top left no-repeat;
	width:85px;
	height:100px;
	display:block;
	float:left;
	margin:2px;
	background-position: 0px -100px;
	text-decoration:none;
}
a#thegroom:hover {
	background-position: 0px -100px;
	text-decoration:none;
}
a#engagement {
	background: url(/images/submenu_engagement.jpg) top left no-repeat;
	width:85px;
	height:100px;
	display:block;
	float:left;
	margin:2px;
	text-decoration:none;
}
a#engagement span, a#engagementActive span {
	visibility:hidden;
	overflow:hidden;
	font-size:1px;
	text-decoration:none;
}
a#engagementActive {
	background: url(/images/submenu_engagement.jpg) top left no-repeat;
	width:85px;
	height:100px;
	display:block;
	float:left;
	margin:2px;
	background-position: 0px -100px;
	text-decoration:none;
}
a#engagement:hover {
	background-position: 0px -100px;
	text-decoration:none;
}
a#wedding {
	background: url(/images/submenu_wedding.jpg) top left no-repeat;
	width:85px;
	height:100px;
	display:block;
	float:left;
	margin:2px;
	text-decoration:none;
}
a#wedding span, a#weddingActive span {
	visibility:hidden;
	overflow:hidden;
	font-size:1px;
	text-decoration:none;
	
}
a#weddingActive {
	background: url(/images/submenu_wedding.jpg) top left no-repeat;
	width:85px;
	height:100px;
	display:block;
	float:left;
	margin:2px;
	background-position: 0px -100px;
	text-decoration:none;
}
a#wedding:hover {
	background-position: 0px -100px;
	text-decoration:none;
}
a#party {
	background: url(/images/submenu_party.jpg) top left no-repeat;
	width:85px;
	height:100px;
	display:block;
	float:left;
	margin:2px;
	text-decoration:none;
}
a#party span, a#partyActive span {
	visibility:hidden;
	overflow:hidden;
	font-size:1px;
	text-decoration:none;
	
}
a#partyActive {
	background: url(/images/submenu_party.jpg) top left no-repeat;
	width:85px;
	height:100px;
	display:block;
	float:left;
	margin:2px;
	background-position: 0px -100px;
	text-decoration:none;
}
a#party:hover {
	background-position: 0px -100px;
	text-decoration:none;
}
a#photos {
	background: url(/images/submenu_photos.jpg) top left no-repeat;
	width:85px;
	height:100px;
	display:block;
	float:left;
	margin:2px;
	text-decoration:none;
}
a#photos span, a#photosActive span {
	visibility:hidden;
	overflow:hidden;
	font-size:1px;
	text-decoration:none;
	
}
a#photos:hover {
	background-position: 0px -100px;
	text-decoration:none;
}
a#photosActive {
	background: url(/images/submenu_photos.jpg) top left no-repeat;
	width:85px;
	height:100px;
	display:block;
	float:left;
	margin:2px;
	background-position: 0px -100px;
	text-decoration:none;
}

a#rsvp {
	background: url(/images/submenu_rsvp.jpg) top left no-repeat;
	width:85px;
	height:100px;
	display:block;
	float:left;
	margin:2px;
	text-decoration:none;
}
a#rsvp span, a#rsvpActive span {
	visibility:hidden;
	overflow:hidden;
	font-size:1px;
	text-decoration:none;
	
}
a#rsvpActive {
	background: url(/images/submenu_rsvp.jpg) top left no-repeat;
	width:85px;
	height:100px;
	display:block;
	float:left;
	margin:2px;
	background-position: 0px -100px;
	text-decoration:none;
}
a#rsvp:hover {
	background-position: 0px -100px;
	text-decoration:none;
}
a#registry {
	background: url(/images/submenu_registry.jpg) top left no-repeat;
	width:85px;
	height:100px;
	display:block;
	float:left;
	margin:2px;
	text-decoration:none;
}
a#registry span, a#registryActive span {
	visibility:hidden;
	overflow:hidden;
	font-size:1px;
	text-decoration:none;
	
}
a#registryActive {
	background: url(/images/submenu_registry.jpg) top left no-repeat;
	width:85px;
	height:100px;
	display:block;
	float:left;
	margin:2px;
	background-position: 0px -100px;
	text-decoration:none;
}
a#registry:hover {
	background-position: 0px -100px;
	text-decoration:none;
}
/* ------------------------------------------- END SUB MENU --------------------------------- */