#nav {
	width: 240px;
	float: left;
	background: transparent;
}

#nav ul {
	display: block;
	list-style: none; margin: 0; padding: 0;
}

#nav li {
	display: block;
	width: 240px; height: 24px;
	margin-left: 0; margin-top: 5px; padding: 0;
	position: relative; z-index: 1;
}

#nav li a {
	display: block;
	width: 240px; height: 24px;
	position: relative; z-index: 1;
}

#nav li a span {
	visibility: hidden;
}

/* Hide from IEMac \*/
#nav li, #nav li a {
	overflow: hidden;
}
#nav li a span {
	visibility: visible;
	margin-left: -100em;
}
/* end Hide IEMac */

#nav li#location,
#nav li#location a {
	background: url(/images/nav/nav-location.jpg);
	background-repeat: no-repeat;
}
#nav li#location,
#nav li#location a:hover {
	background-position: 0 -24px;
}
#nav li#location a {
	background-position: 0 0;
}

#nav li#do,
#nav li#do a {
	background: url(/images/nav/nav-do.jpg);
	background-repeat: no-repeat;
}
#nav li#do,
#nav li#do a:hover {
	background-position: 0 -24px;
}
#nav li#do a {
	background-position: 0 0;
}

#nav li#cal,
#nav li#cal a {
	background: url(/images/nav/nav-partnership.jpg);
	background-repeat: no-repeat;
}
#nav li#cal,
#nav li#cal a:hover {
	background-position: 0 -24px;
}
#nav li#cal a {
	background-position: 0 0;
}

#nav li#stay,
#nav li#stay a {
	background: url(/images/nav/nav-stay.jpg);
	background-repeat: no-repeat;
}
#nav li#stay,
#nav li#stay a:hover {
	background-position: 0 -24px;
}
#nav li#stay a {
	background-position: 0 0;
}

#nav li#interest,
#nav li#interest a {
	background: url(/images/nav/nav-interest.jpg);
	background-repeat: no-repeat;
}
#nav li#interest,
#nav li#interest a:hover {
	background-position: 0 -24px;
}
#nav li#interest a {
	background-position: 0 0;
}

#nav li#dining,
#nav li#dining a {
	background: url(/images/nav/nav-dining.jpg);
	background-repeat: no-repeat;
}
#nav li#dining,
#nav li#dining a:hover {
	background-position: 0 -24px;
}
#nav li#dining a {
	background-position: 0 0;
}

#nav li#beach,
#nav li#beach a {
	background: url(/images/nav/nav-beach.jpg);
	background-repeat: no-repeat;
}
#nav li#beach,
#nav li#beach a:hover {
	background-position: 0 -24px;
}
#nav li#beach a {
	background-position: 0 0;
}

#nav li#heritage,
#nav li#heritage a {
	background: url(/images/nav/nav-heritage.jpg);
	background-repeat: no-repeat;
}
#nav li#heritage,
#nav li#heritage a:hover {
	background-position: 0 -24px;
}
#nav li#heritage a {
	background-position: 0 0;
}

#nav li#maps,
#nav li#maps a {
	background: url(/images/nav/nav-maps.jpg);
	background-repeat: no-repeat;
}
#nav li#maps,
#nav li#maps a:hover {
	background-position: 0 -24px;
}
#nav li#maps a {
	background-position: 0 0;
}

#nav li#brochure,
#nav li#brochure a {
	background: url(/images/nav/nav-brochure.jpg);
	background-repeat: no-repeat;
}
#nav li#brochure,
#nav li#brochure a:hover {
	background-position: 0 -24px;
}
#nav li#brochure a {
	background-position: 0 0;
}

#nav li#movie,
#nav li#movie a {
	background: url(/images/nav/nav-movie.jpg);
	background-repeat: no-repeat;
}
#nav li#movie,
#nav li#movie a:hover {
	background-position: 0 -24px;
}
#nav li#movie a {
	background-position: 0 0;
}

#nav li#home,
#nav li#home a {
	background: url(/images/nav/nav-home.jpg);
	background-repeat: no-repeat;
}
#nav li#home,
#nav li#home a:hover {
	background-position: 0 -24px;
}
#nav li#home a {
	background-position: 0 0;
}
#nav li#contact,
#nav li#contact a {
	background: url(/images/nav/nav-background.jpg);
	background-repeat: no-repeat;
	color: white;
	font: italic 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#nav li#contact,
#nav li#contact a:hover {
	background-position: 0 -24px;
}
#nav li#contact a {
	background-position: 0 0;
	padding-left: 23px;
	padding-top: 5px;
}

#nav li.this a {
 visibility: hidden;
}

/* Nav area images */
.navimage {
	float: left; clear: left;
	width: 240px; padding: 0; margin: 0.5em 0 1em;
	text-align: center; color: #669;
}
.navimage span {
	margin: 0 auto;
}