body{behavior:url("/_style/csshover.htc");}
#nav{margin:0; padding:0; list-style:none; display:block; width:100%; height:55px; margin-bottom:10px}
ul#nav li{float:left; margin:0; padding:0}

ul#nav li a{display:block; height:55px}


#nav li:hover ul{visibility:visible}
#nav li a{text-indent:-9000px}

#nav li:hover {background-position:right top;}


li#n1{width:76px; background-image:url(/images/nav/home.gif)}
li#n2{width:95px; background-image:url(/images/nav/about_us.gif)}
li#n3{width:141px; background-image:url(/images/nav/what_we_offer.gif)}
li#n4{width:113px; background-image:url(/images/nav/the_resort.gif)}
li#n5{width:115px; background-image:url(/images/nav/the_chalet.gif)}
li#n6{width:101px; background-image:url(/images/nav/bookings.gif)}
li#n7{width:63px; background-image:url(/images/nav/links.gif)}
li#n8{width:119px; background-image:url(/images/nav/contact_us.gif)}

ul#nav li ul{
	border-top:1px solid white;	 
	position:absolute; 
	visibility:hidden; 
	margin:0; 
	padding:0;
	list-style:none; 
	background:#ffd400
}

ul#nav li ul li{padding:0 0 7px 0; float:none; border-bottom:1px solid white}
ul#nav li ul li a{font-size:13px; color: white; text-decoration:none; padding:1px 5px 3px 5px; height:1em; background-image:none; text-indent:0;white-space:nowrap;}
ul#nav li ul li>a{width:auto}
ul#nav li ul li:hover{background:#f15a22}
ul#nav li ul li:hover a{color:white}


#s1 li#n1,
#s2 li#n2,
#s3 li#n3,
#s4 li#n4,
#s5 li#n5,
#s6 li#n6,
#s7 li#n7,
#s8 li#n8{background-position:right top;}