/* navigation */

#nav, #subnav {
	float:left;
	width:120px;
	text-align:left;
	margin-right:32px;
	padding-top:40px;
}

#subnav {
	width:200px;
}

#nav ul, #subnav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:9pt;
}

#subnav ul {
	border-right:1px solid #ccc;
}

#nav ul li, #subnav ul li {
	margin:0;
	padding:0px;
	list-style-image:none;
}

#nav ul li a {
	display:block;
	width:116px;
	height:22px;
}

#subnav ul li a {
	display:block;
	width:175px;
	height:22px;
}

#nav ul li a#nav_home { 
	background:url("../images/nav/nav-home-off.gif") transparent no-repeat top left;
}
#nav ul li a#nav_accommodation { 
	background:url("../images/nav/nav-accommodation-off.gif") transparent no-repeat top left;
}
#nav ul li a#nav_services {
	background:url("../images/nav/nav-services-off.gif") transparent no-repeat top left;
}
#nav ul li a#nav_rates {
	background:url("../images/nav/nav-rates-off.gif") transparent no-repeat top left;
}
#nav ul li a#nav_about {
	background:url("../images/nav/nav-about-off.gif") transparent no-repeat top left;
}
#nav ul li a#nav_gettinghere {
	background:url("../images/nav/nav-gettinghere-off.gif") transparent no-repeat top left;
}
#nav ul li a#nav_thingstodo {
	background:url("../images/nav/nav-thingstodo-off.gif") transparent no-repeat top left;
}
#nav ul li a#nav_contact {
	background:url("../images/nav/nav-contact-off.gif") transparent no-repeat top left;
}

#nav ul li a#nav_home:hover { 
	background:url("../images/nav/nav-home-on.gif") transparent no-repeat top left;
}
#nav ul li a#nav_accommodation:hover { 
	background:url("../images/nav/nav-accommodation-on.gif") transparent no-repeat top left;
}
#nav ul li a#nav_services:hover {
	background:url("../images/nav/nav-services-on.gif") transparent no-repeat top left;
}
#nav ul li a#nav_rates:hover {
	background:url("../images/nav/nav-rates-on.gif") transparent no-repeat top left;
}
#nav ul li a#nav_about:hover {
	background:url("../images/nav/nav-about-on.gif") transparent no-repeat top left;
}
#nav ul li a#nav_gettinghere:hover {
	background:url("../images/nav/nav-gettinghere-on.gif") transparent no-repeat top left;
}
#nav ul li a#nav_thingstodo:hover {
	background:url("../images/nav/nav-thingstodo-on.gif") transparent no-repeat top left;
}
#nav ul li a#nav_contact:hover {
	background:url("../images/nav/nav-contact-on.gif") transparent no-repeat top left;
}

#nav ul li a#nav_home_active { 
	background:url("../images/nav/nav-home-active.gif") transparent no-repeat top left;
}
#nav ul li a#nav_accommodation_active { 
	background:url("../images/nav/nav-accommodation-active.gif") transparent no-repeat top left;
}
#nav ul li a#nav_services_active {
	background:url("../images/nav/nav-services-active.gif") transparent no-repeat top left;
}
#nav ul li a#nav_rates_active {
	background:url("../images/nav/nav-rates-active.gif") transparent no-repeat top left;
}
#nav ul li a#nav_about_active {
	background:url("../images/nav/nav-about-active.gif") transparent no-repeat top left;
}
#nav ul li a#nav_gettinghere_active {
	background:url("../images/nav/nav-gettinghere-active.gif") transparent no-repeat top left;
}
#nav ul li a#nav_thingstodo_active {
	background:url("../images/nav/nav-thingstodo-active.gif") transparent no-repeat top left;
}
#nav ul li a#nav_contact_active {
	background:url("../images/nav/nav-contact-active.gif") transparent no-repeat top left;
}

ul li a#acc_index { 
	background:url("../images/nav/acc_lounge_off.gif") transparent no-repeat top left;
}
ul li a#acc_kitchen { 
	background:url("../images/nav/acc_kitchen_off.gif") transparent no-repeat top left;
}
ul li a#acc_master {
	background:url("../images/nav/acc_master_off.gif") transparent no-repeat top left;
}
ul li a#acc_bed2 {
	background:url("../images/nav/acc_bed2_off.gif") transparent no-repeat top left;
}
ul li a#acc_bed3 {
	background:url("../images/nav/acc_bed3_off.gif") transparent no-repeat top left;
}
ul li a#acc_bed4 {
	background:url("../images/nav/acc_bed4_off.gif") transparent no-repeat top left;
}
ul li a#acc_outdoor {
	background:url("../images/nav/acc_outdoor_off.gif") transparent no-repeat top left;
}

ul li a#acc_index:hover { 
	background:url("../images/nav/acc_lounge_on.gif") transparent no-repeat top left;
}
ul li a#acc_kitchen:hover { 
	background:url("../images/nav/acc_kitchen_on.gif") transparent no-repeat top left;
}
ul li a#acc_master:hover {
	background:url("../images/nav/acc_master_on.gif") transparent no-repeat top left;
}
ul li a#acc_bed2:hover {
	background:url("../images/nav/acc_bed2_on.gif") transparent no-repeat top left;
}
ul li a#acc_bed3:hover {
	background:url("../images/nav/acc_bed3_on.gif") transparent no-repeat top left;
}
ul li a#acc_bed4:hover {
	background:url("../images/nav/acc_bed4_on.gif") transparent no-repeat top left;
}
ul li a#acc_outdoor:hover {
	background:url("../images/nav/acc_outdoor_on.gif") transparent no-repeat top left;
}

ul li a#acc_index_active { 
	background:url("../images/nav/acc_lounge_active.gif") transparent no-repeat top left;
}
ul li a#acc_kitchen_active { 
	background:url("../images/nav/acc_kitchen_active.gif") transparent no-repeat top left;
}
ul li a#acc_master_active {
	background:url("../images/nav/acc_master_active.gif") transparent no-repeat top left;
}
ul li a#acc_bed2_active {
	background:url("../images/nav/acc_bed2_active.gif") transparent no-repeat top left;
}
ul li a#acc_bed3_active {
	background:url("../images/nav/acc_bed3_active.gif") transparent no-repeat top left;
}
ul li a#acc_bed4_active {
	background:url("../images/nav/acc_bed4_active.gif") transparent no-repeat top left;
}
ul li a#acc_outdoor_active {
	background:url("../images/nav/acc_outdoor_active.gif") transparent no-repeat top left;
}