/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			100%; /* MUST MATCH 1: left offset of submenus need to match (see below) */
	margin-top: 0;
    padding: 0;
	text-align: left;
}
.photo-video {
	  float: left;
    margin-left: -269px;
    margin-top: -49px;
}
.photo-video li a {
	  float: left;
		background-color: transparent !important;
}
.photo-video li a:hover {
	  float: left;
		background-color: transparent !important;
}
.sf-menu ul li {
	width:			100%;
	border-bottom:	1px dotted #fff;
}
.sf-menu ul li:last-child {
	border-bottom:	none;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}.sf-menu li:active {
	background-color:#ffffff;
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu li.sub {
	background: url("../images/menu-arrows.png") no-repeat scroll center 24px transparent;
	 padding: 0;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.active {
}
.active  a:hover {
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			-9px; /* match top ul list item height */
	z-index:		99;
	width: auto;
}
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:			100%; /* MUST MATCH 1:  match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}

/* Not Currently Used: This would be used for a second level of sub-nav 
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			-24px; *** match ul width ***
	top:			0;
}
*/

/*** DEMO SKIN ***/
.sf-menu {
	float: right;
}
.sf-menu a {
	text-decoration:none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";/* IE 8: This fixes a transparency issue in IE8 while the animation executes. */
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	 background: none repeat scroll 0 0 transparent;
    color: #515151;
    padding: 0 15px;
    height: 24px;
}

.sf-menu a:hover  { 
    color: #F26530;
}
.sf-menu li ul li a.sub-menu-list {
	background: url("../images/arrow-sub-menu.gif") no-repeat scroll center right rgba(0, 0, 0, 0);
	margin-right: 7px;
}
.sf-menu li ul li:hover .sub-menu-list {
	background: url("../images/arrow-sub-menu.gif") no-repeat scroll center right rgba(0, 0, 0, 0);
	margin-right: 7px;
}
ul.lang {
    float: left;
	margin-top: -16px;
	background-color: #faf1e0;
	width: 80px;
	font-family: Arial, Helvetica, sans-serif !important;
	margin-top: -12px;
}
.sf-menu .lang a {
	background-color: #faf1e0;
	text-transform: none !important;
}
.sf-menu .lang a:hover  {
	background-color: #faf1e0;
	width: 57px !important;
	color: #ff8600;
}
.sf-menu li ul li.drop-lang {
    background: none repeat scroll 0 0 #C3A269;
    opacity: 0.92;
    width: 75px;
	padding: 0px;
	margin: 0px;
}
.sf-menu li ul li.drop-lang a {
	font-size: 12px;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif !important;
	padding: 4px 10px;
}

.sf-menu li ul li.drop-lang a:hover {
    width: 75px;
}
.lang-first {
	background-color: #faf1e0;
	color: #666666;
	padding: 4px;
    width: 80px;
	cursor: pointer;
	font-size: 12px;
}
.lang-first span {
	background: url(../images/arrow-lang.gif) left center no-repeat;
}
/* Handles Main Nav Image Buttons */
.sf-menu li#Overview a img { 			width: 110px; height: 35px; }
.sf-menu li#Accommodations a img {		width: 179px; height: 35px; }
.sf-menu li#DiningAndNightlife a img {	width: 184px; height: 35px; }
.sf-menu li#Dining a img { 				width: 85px; height: 35px; }
.sf-menu li#SpaAndWellness a img { 		width: 159px; height: 35px; }
.sf-menu li#Spa a img { 				width: 60px; height: 35px; }
.sf-menu li#Fitness a img { 			width: 95px; height: 35px; }
.sf-menu li#Wellness a img { 			width: 113px; height: 34px; }
.sf-menu li#Activities a img { 			width: 113px; height: 35px; }
.sf-menu li#PlanAnEvent a img { 		width: 151px; height: 35px; }
.sf-menu li#Residences a img { 			width: 125px; height: 35px; }

.sf-menu li#Overview { 				background: transparent url() no-repeat;}
.sf-menu li#Accommodations { 		background: transparent url() no-repeat;}
.sf-menu li#DiningAndNightlife { 	background: transparent url() no-repeat;}
.sf-menu li#Dining { 				background: transparent url() no-repeat;}
.sf-menu li#SpaAndWellness { 		background: transparent url() no-repeat;}
.sf-menu li#Spa { 					background: transparent url() no-repeat;}
.sf-menu li#Fitness { 				background: transparent url() no-repeat;}
.sf-menu li#Wellness { 				background: transparent url() no-repeat;}
.sf-menu li#Activities { 			background: transparent url() no-repeat;}
.sf-menu li#PlanAnEvent { 			background: transparent url() no-repeat;}
.sf-menu li#Residences { 			background: transparent url() no-repeat;}

.sf-menu li#NorthAmerica { 			background: transparent url() no-repeat;}
.sf-menu li#CaribbeanMexico { 		background: transparent url() no-repeat;}
.sf-menu li#EuropeMiddleEast { 		background: transparent url() no-repeat;}
.sf-menu li#AsiaPacific { 			background: transparent url() no-repeat;}
/* END Handles Main Nav Image Buttons */

/* Handles Sub Nav Dropdowns */
.sf-menu li ul li {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=94)"; /* IE 8 */
	filter: alpha(opacity=94); /* IE 5-7 */
	-moz-opacity: 0.94; /* Netscape */
	-khtml-opacity: 0.92; /* Safari 1.x */
	opacity: 0.92; /* Good browsers */
    width: 247px;
}
.sf-menu li ul li a {
	display: block;
	padding: 7px 12px;
}
/*
margin-left = -((width of subnav menus - width of main item image) / 2)
*/
.sf-menu li#Overview ul {
	margin-left: -45px;
	width: 200px;
}
.sf-menu li#Accommodations ul {
	margin-left: -10px;
	width: 200px;
}
.sf-menu li#DiningAndNightlife ul {
	margin-left: -8px;
	width: 200px;	
}
.sf-menu li#Dining ul {
	margin-left: -58px;
	width: 200px;	
}
.sf-menu li#SpaAndWellness ul {
	margin-left: -20px;	
	width: 200px;
}
.sf-menu li#Spa ul {
	margin-left: -70px;	
	width: 200px;
}
.sf-menu li#Fitness ul {
	margin-left: -50px;	
	width: 200px;
}
.sf-menu li#Wellness ul {
	margin-left: -50px;	
	width: 200px;
}
.sf-menu li#Activities ul {
	margin-left: -43px;	
	width: 200px;
}
.sf-menu li#PlanAnEvent ul {
	margin-left: -25px;	
	width: 200px;
}
.sf-menu li#Residences ul {
	
}

.sf-menu li ul li:hover { background:#9F8014; outline:0;}
.sf-menu li ul li.sfHover {outline:0;}
.sf-menu li ul a:focus, .sf-menu li ul a:active, .sf-menu li ul a:hover {background:transparent; outline:0;}
.sf-menu li ul a:hover {color: #fff; color: #4b4b4b;}

.sf-menu li#Overview:hover, .sf-menu li#Overview.sfHover, .sf-menu a#Overview:focus, .sf-menu a#Overview:hover, .sf-menu a#Overview:active {
	background:transparent url(http://cdn.viceroyhotelgroup.com/images/Viceroy/TextImages/english/overview_ON.png) no-repeat; outline:0;
}
.sf-menu li#Accommodations:hover, .sf-menu li#Accommodations.sfHover, .sf-menu a#Accommodations:focus, .sf-menu a#Accommodations:hover, .sf-menu a#Accommodations:active {
	background:transparent url(http://cdn.viceroyhotelgroup.com/images/Viceroy/TextImages/english/accommodations_ON.png) no-repeat; outline:0;
}
.sf-menu li#DiningAndNightlife:hover, .sf-menu li#DiningAndNightlife.sfHover, .sf-menu a#DiningAndNightlife:focus, .sf-menu a#DiningAndNightlife:hover, .sf-menu a#DiningAndNightlife:active {
	background:transparent url(http://cdn.viceroyhotelgroup.com/images/Viceroy/TextImages/english/dining_and_nightlife_ON.png) no-repeat; outline:0;
}
.sf-menu li#Dining:hover, .sf-menu li#Dining.sfHover, .sf-menu a#Dining:focus, .sf-menu a#Dining:hover, .sf-menu a#Dining:active {
	background:transparent url(http://cdn.viceroyhotelgroup.com/images/Viceroy/TextImages/english/dining_ON.png) no-repeat; outline:0;
}
.sf-menu li#SpaAndWellness:hover, .sf-menu li#SpaAndWellness.sfHover, .sf-menu a#SpaAndWellness:focus, .sf-menu a#SpaAndWellness:hover, .sf-menu a#SpaAndWellness:active {
	background:transparent url(http://cdn.viceroyhotelgroup.com/images/Viceroy/TextImages/english/spa_and_wellness_ON.png) no-repeat; outline:0;
}
.sf-menu li#Spa:hover, .sf-menu li#Spa.sfHover, .sf-menu a#Spa:focus, .sf-menu a#Spa:hover, .sf-menu a#Spa:active {
	background:transparent url(http://cdn.viceroyhotelgroup.com/images/Viceroy/TextImages/english/spa_ON.png) no-repeat; outline:0;
}
.sf-menu li#Fitness:hover, .sf-menu li#Fitness.sfHover, .sf-menu a#Fitness:focus, .sf-menu a#Fitness:hover, .sf-menu a#Fitness:active {
	background:transparent url(http://cdn.viceroyhotelgroup.com/images/Viceroy/TextImages/english/fitness_ON.png) no-repeat; outline:0;
}
.sf-menu li#Wellness:hover, .sf-menu li#Wellness.sfHover, .sf-menu a#Wellness:focus, .sf-menu a#Wellness:hover, .sf-menu a#Wellness:active {
	background:transparent url(http://cdn.viceroyhotelgroup.com/images/Viceroy/TextImages/english/wellness_ON.png) no-repeat; outline:0;
}
.sf-menu li#Activities:hover, .sf-menu li#Activities.sfHover, .sf-menu a#Activities:focus, .sf-menu a#Activities:hover, .sf-menu a#Activities:active {
	background:transparent url(http://cdn.viceroyhotelgroup.com/images/Viceroy/TextImages/english/activities_ON.png) no-repeat; outline:0;
}
.sf-menu li#PlanAnEvent:hover, .sf-menu li#PlanAnEvent.sfHover, .sf-menu a#PlanAnEvent:focus, .sf-menu a#PlanAnEvent:hover, .sf-menu a#PlanAnEvent:active {
	background:transparent url(http://cdn.viceroyhotelgroup.com/images/Viceroy/TextImages/english/plan_an_event_ON.png) no-repeat; outline:0;
}
.sf-menu li#Residences:hover, .sf-menu li#Residences.sfHover, .sf-menu a#Residences:focus, .sf-menu a#Residences:hover, .sf-menu a#Residences:active {
	background:transparent url(http://cdn.viceroyhotelgroup.com/images/Viceroy/TextImages/english/residences_ON.png) no-repeat; outline:0;
}

.sf-menu li#NorthAmerica:hover, .sf-menu li#NorthAmerica.sfHover, .sf-menu a#NorthAmerica:focus, .sf-menu a#NorthAmerica:hover, .sf-menu a#NorthAmerica:active {
	background:transparent url(http://cdn.viceroyhotelgroup.com/images/Viceroy/nav/northamerica_ON.png) no-repeat; outline:0;
}
.sf-menu li#CaribbeanMexico:hover, .sf-menu li#CaribbeanMexico.sfHover, .sf-menu a#CaribbeanMexico:focus, .sf-menu a#CaribbeanMexico:hover, .sf-menu a#CaribbeanMexico:active {
	background:transparent url(http://cdn.viceroyhotelgroup.com/images/Viceroy/nav/caribbeanmexico_ON.png) no-repeat; outline:0;
}
.sf-menu li#EuropeMiddleEast:hover, .sf-menu li#EuropeMiddleEast.sfHover, .sf-menu a#EuropeMiddleEast:focus, .sf-menu a#EuropeMiddleEast:hover, .sf-menu a#EuropeMiddleEast:active {
	background:transparent url(http://cdn.viceroyhotelgroup.com/images/Viceroy/nav/europemiddleeast_ON.png) no-repeat; outline:0;
}
.sf-menu li#AsiaPacific:hover, .sf-menu li#AsiaPacific.sfHover, .sf-menu a#AsiaPacific:focus, .sf-menu a#AsiaPacific:hover, .sf-menu a#AsiaPacific:active {
	background:transparent url(http://cdn.viceroyhotelgroup.com/images/Viceroy/nav/asiapacific_ON.png) no-repeat; outline:0;
}



/* Not Currently Used
.sf-menu li li li {
	background:		blue;
}
*/
/* END Handles Sub Nav Dropdowns */