/*-------------------- 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:		99;
}
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:			665px; 
	margin:			85px 0 0 120px;
}

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



/* -----------------  JADE Top Level Image Backgrounds ----------------------------------------------------------*/

.sf-menu li#jade_whatsinc {
	width:			140px;
	height: 		45px;
	background:		url(../images/nav/nav_sprite_jade.gif) no-repeat 3px -45px;
	padding:		0px;
}
.sf-menu li#jade_whatsinc:hover,
.sf-menu li#jade_whatsinc:active {
	background-position:	3px 0;
	cursor:pointer;
}

.sf-menu li#jade_romance {
	width: 			84px;
	height: 		45px;
	background: 	url(../images/nav/nav_sprite_jade.gif) no-repeat -138px -45px;
	padding: 		0px;
}
.sf-menu li#jade_romance:hover,
.sf-menu li#jade_romance:active {
	background-position:	-138px 0;
	cursor:pointer;
}

.sf-menu li#jade_spa {
	width:			50px;
	height: 		45px;
	background: 	url(../images/nav/nav_sprite_jade.gif) no-repeat -222px -45px;
	padding:		0px;
}
.sf-menu li#jade_spa:hover,
.sf-menu li#jade_spa:active {
	background-position:	-222px 0;
	cursor:pointer;
}

.sf-menu li#jade_spa a { /* allows li without subnav to be clickable */
	height: 		45px;
}

.sf-menu li#jade_mtg {
	width:			150px;
	height: 		45px;
	background:		url(../images/nav/nav_sprite_jade.gif) no-repeat -272px -45px;
	padding:		0px;
}
.sf-menu li#jade_mtg:hover,
.sf-menu li#jade_mtg:active {
	background-position:	-272px 0;
	cursor:pointer;
}

.sf-menu li#jade_resorts {
	width:			125px;
	height: 		45px;
	background:		url(../images/nav/nav_sprite_jade.gif) no-repeat -426px -45px;
	padding:		0px;
}
.sf-menu li#jade_resorts:hover,
.sf-menu li#jade_resorts:active {
	background-position:	-426px 0;
	cursor:pointer;
}

.sf-menu li#jade_special {
	width:			110px;
	height: 		45px;
	background:		url(../images/nav/nav_sprite_jade.gif) no-repeat -555px -45px;
	padding:		0px;
}
.sf-menu li#jade_special:hover,
.sf-menu li#jade_special:active {
	background-position:	-555px 0;
	cursor:pointer;
}

.sf-menu li#jade_special a { /* allows li without subnav to be clickable */
	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: 	#008D7F;
	outline:		0;
	text-decoration:none;
}
.sf-menu li:hover, .sf-menu li.sfHover {
	background:		url(../images/nav/blue_bg.png) repeat;
}


/* ---------------------- Resort SubNav ------------------------------- */

.subNav{
background-color:#FFFFFF;
border-bottom:1px solid #BBBBBB;
overflow: hidden;
}

.subNav ul{
margin: 0;
padding: 0;
font-family:'Century Gothic';
font-size:0.72em;
list-style-type: none;
}

.subNav li{
display: inline;
margin: 0;
}

.subNav li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 11px 7px 7px 7px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
border-bottom:2px solid #FFF;
color: #122228;
background: #FFF; /*background of tabs (default state)*/
}

.subNav li a:visited{
color: #122228;
}

.subNav li a:hover, .mattblacktabs li.selected a{
color: #122228;
border-bottom:2px solid #008D7F;
text-decoration: none;
}