/* CSS Document */

/* link dimensions correspond with image dimensions */
.navButton, .navButton:visited {
	width:176px;
	height:24px;
	position:relative !important;
	}

/* span is same dimensions as link and positioned to superimpose */
.navButton span, .navButton:visited span {
	display:block;
	height:24px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;
	}

/* button images are span background images */
#homeButton span, #homeButton:visited span {
	background-image:url(/images/navigation/home.png);
	}
#eventsButton span, #eventsButton:visited span {
	background-image:url(/images/navigation/events.png);
	}
#sectionsButton span, #sectionsButton:visited span {
	background-image:url(/images/navigation/sections.png);
	}
#boutiqueButton span, #boutiqueButton:visited span {
	background-image:url(/images/navigation/boutique.png);
	}
#packagesButton span, #packagesButton:visited span {
	background-image:url(/images/navigation/wellnesspackages.png);
	}
#aboutusButton span, #aboutusButton:visited span {
	background-image:url(/images/navigation/aboutus.png);
	}
#linksButton span, #linksButton:visited span {
	background-image:url(/images/navigation/links.png);
	}

/* rollovers are background position so that no preloading is necessary */
.navButton span, .navButton:visited span {
	background-position:0 0;
	}

.navButton:hover span, .navButton:focus span, .navButton:visited:hover span, .navButton.udmR span, .navButton.udmR:visited span, .navButton:active span {
	background-position:0 -48px;
	}