body {
	background: #B3B3B3;
	text-align: center;
}

ul#nav {
	position: relative;
	margin: 0 auto 0 auto;
	width: 650px;
	padding: 0;
	padding-bottom:	2em;
	/* border: 5px solid #fff; */
	height: 182px;
	/* background: #666 url(header.png) no-repeat left top; */
	list-style-type: none;
	text-align: left;
	width: 800px;		/* really 825px, but the extra 25px is just shadow, and doesn't look right when included in the amount to center */
}


ul#nav li a {
	position: absolute;
	top: 0px;
	width:1000px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 182px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/182:px; /* IE5/Win */
	background-image: url(banner_combined.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	margin: 0;
}

/*
	0
	175
	349
	537
	668
	825
*/



li#str a       {width: 176px!important}
li#str a:hover {background-position: -0px -364px!important}
body#strangers li#str a {background-position: 0 -182px!important}

li#cer a {
                         left: 176px;
                         width: 174px!important;
                         background-position: -176px 0!important;
}
li#cer a:hover {background-position: -176px -364px!important}
body#ceremony li#cer a {background-position: -176px -182px!important}

li#ele a{
	left: 349px;
	width: 188px!important;
	background-position: -349px 0!important;
}
li#ele a:hover {background-position: -349px -364px!important}
body#electronica li#ele a {background-position: -349px -182px!important}

li#Her a{
	left: 537px;
	width: 131px!important;
	background-position: -537px 0!important;
}
li#Her a:hover {background-position: -537px -364px!important}
body#Herron li#Her a {background-position: -537px -182px!important}

li#fam a{
	left: 668px;
	width: 157px!important;
	background-position: -668px 0!important;
}
li#fam a:hover {background-position: -668px -364px!important}
body#family li#fam a {background-position: -668px -182px!important}