/*** ESSENTIAL STYLES ***/
#navigation, #navigation * {
	margin:			0;
	padding:		0;
	list-style:		none;
}



ul#navigation{
	margin:0px 0 35px 0;
	list-style-type:none;
	width:950px;
	padding:0 0 0 10px;
	clear:both;
	height:45px;
	text-indent:-9999px;
	line-height:1.2em;
}

li#navigation  {
	height:35px;
	margin:0;
	padding:0;
}


#navigation ul {
	position:absolute;
	top:-999em;
	width:170px; /* left offset of submenus need to match (see below) */
	margin-left:0px;
	text-indent:0px;
	font-size:1em;
	font-weight:bold;
	z-index:4;
}



#navigation ul li {
	width:150px;
	background:#c5d330 url(images/navdiv.gif) repeat-x 0px -3px;
	padding:5px 5px 0px 5px;

}

#navigation ul li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
	background-color:#5d742b;

}

ul#navigation li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */

}

#navigation li {
	float:left;
	position:relative;
	
}
#navigation a {
	display:block;
	position:relative;
	color:#2c2c2c;
	text-decoration:none;

}

#navigation a:hover{
	color:#fff;
}

#navigation li:hover ul,
#navigation li.sfHover ul {
	left:0;
	top:43px; /* match top ul list item height */
	z-index:115;

}
ul#navigation li:hover li ul,
ul#navigation li.sfHover li ul {
	top:-999em;
}
ul#navigation li li:hover ul,
ul#navigation li li.sfHover ul {
	left:160px; /* match ul width */
	top:0;

}
ul#navigation li li:hover li ul,
ul#navigation li li.sfHover li ul {
	top:-999em;
}
ul#navigation li li li:hover ul,
ul#navigation li li li.sfHover ul {
	left:150px; /* match ul width */
	top:0;

}
/*** NAV SKIN STYLES ***/

ul#navigation li a{
	z-index:500;
	display:block;
	height:60px;
	background:url(images/navbar.png) no-repeat;
}

#navigation ul li a{
	background:none;
	height:10px;
	padding:5px 0 20px 0;

}

ul#navigation a#home{
	width:90px;
	background-position:0px 0px;
}

ul#navigation a#about{
	width:110px;
	background-position:-90px 0px;
}

ul#navigation a#prices{
	width:110px;
	background-position:-200px 0px;
}

ul#navigation a#facilities{
	width:109px;
	background-position:-310px 0px;
}

ul#navigation a#accommodation{
	width:180px;
	background-position:-420px 0px;
}

ul#navigation a#activities{
	width:140px;
	background-position:-600px 0px;
}

ul#navigation a#travel{
	width:89px;
	background-position:-741px 0px;
}

ul#navigation a#friends{
	width:120px;
	background-position:-829px 0px;
}


/***** NAV HOVER **************/

#home_page ul#navigation a#home, ul#navigation a#home:hover{
	background-position:0px -62px;
}


#about_page ul#navigation a#about, ul#navigation a#about:hover{
	background-position:-90px -62px;
}

#prices_page ul#navigation a#prices, ul#navigation a#prices:hover{
	background-position:-200px -62px;
}

#facilities_page ul#navigation a#facilities, ul#navigation a#facilities:hover{
	background-position:-310px -62px;
}

#accommodation_page ul#navigation a#accommodation, ul#navigation a#accommodation:hover{
	background-position:-420px -62px;
}

#activities_page ul#navigation a#activities, ul#navigation a#activities:hover{
	background-position:-600px -62px;
}

#travel_page ul#navigation a#travel, ul#navigation a#travel:hover{
	background-position:-741px -62px;
}

#friends ul#navigation a#friends, ul#navigation a#friends:hover{
	background-position:-829px -62px;
}



