/*-------------------- ESSENTIAL STYLES ---------------------------------------------------------------------*/

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:		9999;
}
.sf-menu {
	line-height:	0.75em;
	font-size:		0.8em;
	height:			0.75em;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			16em;  /*left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			45px; /* match top ul list item height */
	z-index:		9999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			16em; /* match ul width */
	top:			0;
}

/*------------------- DEMO SKIN ---------------------------------------------------------------------------*/
.sf-menu {
	float:			left;
	width:			635px; 
	margin:			85px 0 0 147px;
}

.sf-menu li a {
	background:		none;
	text-indent:	-9999px;
}


/* -----------------  BRAND Top Level Image Backgrounds ----------------------------------------------------------*/

.sf-menu li#nav_resort {
	width:			158px;
	height: 		45px;
	background:		url(../images/nav/nav_sprite.gif) no-repeat 3px -45px;
	padding:		0px;
}
.sf-menu li#nav_resort:hover,
.sf-menu li#nav_resort:active {
	background-position:	3px 0;
}

.sf-menu li#nav_ul {
	width: 			147px;
	height: 		45px;
	background: 	url(../images/nav/nav_sprite.gif) no-repeat -155px -45px;
	padding: 		0px;
}
.sf-menu li#nav_ul:hover,
.sf-menu li#nav_ul:active {
	background-position:	-155px 0;
}
.sf-menu li#nav_ul a {
	height: 		45px;
}

.sf-menu li#nav_wed {
	width:			210px;
	height: 		45px;
	background: 	url(../images/nav/nav_sprite.gif) no-repeat -301px -45px;
	padding:		0px;
}
.sf-menu li#nav_wed:hover,
.sf-menu li#nav_wed:active {
	background-position:	-301px 0;
}

.sf-menu li#nav_special {
	width:			120px;
	height: 		45px;
	background:		url(../images/nav/nav_sprite.gif) no-repeat -510px -45px;
	padding:		0px;
}
.sf-menu li#nav_special:hover,
.sf-menu li#nav_special:active {
	background-position:	-510px 0;
}
.sf-menu li#nav_special a {
	height: 		45px;
}


/* ------------------------ Special Line Items ---------------------------------------------- */
.sf-menu li li a:hover {
	color:			#FFF;
}

.sf-menu li li.last a {
	border-bottom: 	0px;
}

.sf-menu li li.jade a:hover {
	background: 	#008D7F;
}

.sf-menu li li.sapphire a:hover {
	background: 	#005288;
}

.sf-menu li li.larimar a:hover {
	background: 	#2fb7c5;
}

.sf-menu li li.amber a:hover {
	background: 	#e0b50e;
}

/* ----------------------------------------------------------------------------------------------------- */


.sf-menu li li a {
	background:		none;
	text-indent:	0px;
}
.sf-menu a {
	text-decoration:none;
	background:		url(../images/nav/black_bg.png) repeat;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;
}
.sf-menu li {
	background:		#FFFFFF;
	color:			#FFFFFF;
}
.sf-menu li li {
	background:		url(../images/nav/black_bg.png) repeat;
}
.sf-menu li li a {
	padding:		12px 12px 12px 15px;
	border-bottom:	1px solid #CFDEFF;
}
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background: 	#1498A2;
	outline:		0;
	text-decoration:none;
}
.sf-menu li:hover, .sf-menu li.sfHover {
	background:		url(../images/nav/blue_bg.png) repeat;
}