/*
 * 
 *  
 *  GENERAL STRUCTURE FOR MAIN TAB MENU (JQUERY SUPERFISH)
 * 
 * 
 * */
#main-navigation ul.shortcuts {
	padding-left: 0px;
	list-style: none;
	width: 755px;
	zoom: 1;
}
#main-navigation ul:after
{
	content: '.';
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}

#main-navigation li.level1 a {
	display: block;
}

#main-navigation > ul > li.level1 > a {
	height: 40px;
}

/* OVERLAY */
#fuzz{ position:absolute; top:0; left:0; width:100%; z-index:10; background: black /* url(../images/transparent.png) repeat 0 0*/; display:none; text-align:left; }  

/*** ESSENTIAL STYLES ***/
#main-navigation .shortcuts, .shortcuts * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#main-navigation .shortcuts {
	line-height:	1.0;
}
#main-navigation .shortcuts ul {
	position:		absolute;
	top:			-999em;
	width:			210px; /* left offset of submenus need to match (see below) */
	margin: 7px 0px 0px 4px;
}
#main-navigation .shortcuts ul li {
	width:			100%;
	text-transform: uppercase;
}
#main-navigation .shortcuts li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#main-navigation .shortcuts li {
	float:			left;
	position:		relative;
}
#main-navigation .shortcuts a {
	display:		block;
	position:		relative;
}
#main-navigation .shortcuts li:hover ul,
#main-navigation .shortcuts li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
#main-navigation ul.shortcuts li:hover li ul,
#main-navigation ul.shortcuts li.sfHover li ul {
	top:			-999em;
}
#main-navigation ul.shortcuts li li:hover ul,
#main-navigation ul.shortcuts li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
#main-navigation ul.shortcuts li li:hover li ul,
#main-navigation ul.shortcuts li li.sfHover li ul {
	top:			-999em;
}
#main-navigation ul.shortcuts li li li:hover ul,
#main-navigation ul.shortcuts li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
	width:			210px; /* left offset of submenus need to match (see below) */
	margin: 8px 0px 0px 4px;
}

/*** DEMO SKIN ***/
#main-navigation .shortcuts {
	margin-bottom:1em;
	margin-left:auto;
	margin-right:auto;
	width:560px;
}

#main-navigation ul.menuLevel2 {
	padding-top: 11px !important;
}

#main-navigation .shortcuts li ul li a {
	border-left:	1px solid #fff;
	border-top:		1px solid #ddd;
	padding: 		6px 15px;
	text-decoration:none;
}
#main-navigation .shortcuts a, .shortcuts a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
#main-navigation li.lindenderryHome,
#main-navigation li.lindenwarrahHome,
#main-navigation li.hillHome,
#main-navigation li.mansionHome {
	height: 40px;
	width: 170px;
	margin-right: 3px;
	display: block;
	float: right; _display: inline;
}

#main-navigation li.mansionHome{
	width:220px;
}

#main-navigation li.lindenderryHome:hover,
#main-navigation li.lindenwarrahHome:hover,
#main-navigation li.hillHome:hover,
#main-navigation li.mansionHome:hover {
	background-position: 0px -40px;
}

#main-navigation li.shortcut1,
#main-navigation li.shortcut2,
#main-navigation li.shortcut3,
#main-navigation li.shortcut4 {
	text-indent: -9999px;
}

#main-navigation li.shortcut1 ul,
#main-navigation li.shortcut2 ul,
#main-navigation li.shortcut3 ul,
#main-navigation li.shortcut4 ul {
	text-indent: 0px;
}

#main-navigation li.shortcut1 {
	margin-right: 15px;
}

/* TAB BACKROUNDS */
#main-navigation li.lindenderryHome {
	background: transparent url(../images/sprite_tab_lindenderry.png) no-repeat top left;
	_background: transparent url(../images/sprite_tab_lindenderry.gif) no-repeat top left;
}
body.area_lindenderry #main-navigation li.lindenderryHome {
	background-position: 0px -40px !important;
}

#main-navigation li.lindenwarrahHome { 
	background: transparent url(../images/sprite_tab_lindenwarrah.png) no-repeat top left;
	_background: transparent url(../images/sprite_tab_lindenwarrah.gif) no-repeat top left;
}
body.area_lindenwarrah #main-navigation li.lindenwarrahHome {
	background-position: 0px -40px !important;
}

#main-navigation li.hillHome { 
	background: transparent url(../images/sprite_tab_lancemore_hill.png) no-repeat top left;
	_background: transparent url(../images/sprite_tab_lancemore_hill.gif) no-repeat top left;
}
body.area_hill #main-navigation li.hillHome {
	background-position: 0px -40px !important;
}

#main-navigation li.mansionHome { 
	background: transparent url(../images/sprite_tab_mansion.png) no-repeat top left;
	_background: transparent url(../images/sprite_tab_mansion.gif) no-repeat top left;
}
body.area_mansion #main-navigation li.mansionHome {
	background-position: 0px -40px !important;
}

#main-navigation .shortcuts li li {
	background:		#fff;
}
#main-navigation .shortcuts li li li {
	background:		#9AAEDB;
}
#main-navigation .shortcuts li:hover, .shortcuts li.sfHover,
#main-navigation .shortcuts a:focus, .shortcuts a:hover, .shortcuts a:active {
	outline:		0;
}

/*** arrows **/
#main-navigation .shortcuts a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
#main-navigation .sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#main-navigation .shortcuts ul .sf-sub-indicator { background-position:  -10px 0; }
#main-navigation .shortcuts ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#main-navigation .shortcuts ul a:focus > .sf-sub-indicator,
#main-navigation .shortcuts ul a:hover > .sf-sub-indicator,
#main-navigation .shortcuts ul a:active > .sf-sub-indicator,
#main-navigation .shortcuts ul li:hover > a > .sf-sub-indicator,
#main-navigation .shortcuts ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background: url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*
 * 
 *  
 *  GENERAL MAIN VISUAL NAVIGATION (RIGHT SIDE)
 * 
 * 
 * */

#main-visual-navigation {
	z-index: 2;
	height: 315px;
	position: absolute;
	right: 10px;
	top: 123px;
	width: 210px;
	display: block;
}

/* ------------ layout ------------ */

div#main-visual-navigation ul {
	list-style: none;
	padding: 0px;
	text-align: left;
	width: 210px;
}

div#main-visual-navigation ul li {
	position: relative; _zoom: 1;
	margin-bottom: 1px;
}
* html div#main-visual-navigation ul li.has-submenu {
	margin-bottom: -0.25em; /* why doesn't hiltonprague exhibit this "extra height when ul submenu is visible" bug? */
}

div#main-visual-navigation ul li a {
	zoom: 1; /* IE6 and IE7 require hasLayout to trigger hover over non-textual content area regions; unfortunately in IE6 it triggers the "extra height when ul submenu is visible" bug; to make this extra height permanent, put a div around the submenu for IE6, but not for IE7 which goes bonkers with it */
	display: block;
	line-height: 29px;
	background-color:#000;
	font-family: "Times New Roman", Times, serif;
	color: white;
	text-transform: uppercase;
	padding-left: 10px;
}

div#main-visual-navigation ul li a:hover {
	text-decoration: none;
}

/* MAIN VISUAL NAV COLORS */

/* Group */
.area_group div#main-visual-navigation ul li a {background-color:#373737;}
.xarea_group div#main-visual-navigation ul li a:hover {background-color:#525252;}
.area_group div#main-visual-navigation ul li.active a {background-color:#525252;}
.area_group div#main-visual-navigation ul li ul.menuLevel2 li a {background-color:#525252;}

/* Lindenderry */
.area_lindenderry div#main-visual-navigation ul li.item1 a,
.area_lindenderry div#main-visual-navigation ul li.item2 a,
.area_lindenderry div#main-visual-navigation ul li.item3 a,
.area_lindenderry div#main-visual-navigation ul li.item4 a,
.area_lindenderry div#main-visual-navigation ul li.item5 a,
.area_lindenderry div#main-visual-navigation ul li.item6 a {background-color:#304370;}
.area_lindenderry div#main-visual-navigation ul li a {background-color:#3D558D;}
.area_lindenderry div#main-visual-navigation ul li a:hover {background-color:#4865a8;}
.area_lindenderry div#main-visual-navigation ul li.active a {background-color:#4865a8;}
.area_lindenderry div#main-visual-navigation ul li ul.menuLevel2 li a {background-color:#4865a8;}

/* Lancemore Hill */
.area_hill div#main-visual-navigation ul li.item1 a,
.area_hill div#main-visual-navigation ul li.item2 a,
.area_hill div#main-visual-navigation ul li.item3 a,
.area_hill div#main-visual-navigation ul li.item4 a,
.area_hill div#main-visual-navigation ul li.item5 a,
.area_hill div#main-visual-navigation ul li.item6 a {background-color:#014041;}
.area_hill div#main-visual-navigation ul li a {background-color:#01585a;}
.area_hill div#main-visual-navigation ul li a:hover {background-color:#016b6f;}
.area_hill div#main-visual-navigation ul li.active a {background-color:#016b6f;}
.area_hill div#main-visual-navigation ul li ul.menuLevel2 li a {background-color:#016b6f;}

/* Lindenwarrah */
.area_lindenwarrah div#main-visual-navigation ul li.item1 a,
.area_lindenwarrah div#main-visual-navigation ul li.item2 a,
.area_lindenwarrah div#main-visual-navigation ul li.item3 a,
.area_lindenwarrah div#main-visual-navigation ul li.item4 a,
.area_lindenwarrah div#main-visual-navigation ul li.item5 a,
.area_lindenwarrah div#main-visual-navigation ul li.item6 a {background-color:#670E10;}
.area_lindenwarrah div#main-visual-navigation ul li a {background-color:#841114;}
.area_lindenwarrah div#main-visual-navigation ul li a:hover {background-color:#b7191d;}
.area_lindenwarrah div#main-visual-navigation ul li.active a {background-color:#b7191d}
.area_lindenwarrah div#main-visual-navigation ul li ul.menuLevel2 li a {background-color:#b7191d;}

/* Mansion */
.area_mansion div#main-visual-navigation ul li.item1 a,
.area_mansion div#main-visual-navigation ul li.item2 a,
.area_mansion div#main-visual-navigation ul li.item3 a,
.area_mansion div#main-visual-navigation ul li.item4 a,
.area_mansion div#main-visual-navigation ul li.item5 a,
.area_mansion div#main-visual-navigation ul li.item6 a {background-color:#7A634E;}
.area_mansion div#main-visual-navigation ul li a {background-color:#836C58;}
.area_mansion div#main-visual-navigation ul li a:hover {background-color:#836C58;}
.area_mansion div#main-visual-navigation ul li.active a {background-color:#836C58}
.area_mansion div#main-visual-navigation ul li ul.menuLevel2 li a {background-color:#836C58;}

div#main-visual-navigation ul ul {
	position:absolute;
	right:210px;
	text-align:left;
	top:0;
	visibility:hidden;
	white-space:nowrap;
}
div#main-visual-navigation ul li.active ul {
	display: block; /* make visible to the more sensible screen readers */
}

/* START popup menu effects */
body {
	_behavior: url(/csshover.htc);
}
div#main-visual-navigation ul li a:hover + ul,
div#main-visual-navigation ul.shortcuts li ul:hover {
	visibility: visible;
}

div#main-visual-navigation ul.shortcuts li.jshover ul,
div#main-visual-navigation ul.shortcuts li ul.jshover {
	display: block; visibility: visible;
}
* html div#main-visual-navigation ul.shortcuts li:hover ul,
* html div#main-visual-navigation ul.shortcuts li ul:hover { /* IE<=6 needs csshover.htc to match against this selector group */
	display: block; visibility: visible;
}
* html div#main-visual-navigation ul ul {
	background: transparent url(../images/blank.gif) repeat;
}
*:first-child+html div#main-visual-navigation ul ul {
	background: transparent url(../images/blank.gif) repeat;
}
* html div#main-visual-navigation ul.shortcuts li.active-nojs ul {
	display: block; visibility: visible; background: orange;
}
/* END popup menu effects */

div#main-visual-navigation ul li ul li {
	position: static;
	margin-left: 0;
	margin-right: 0;
}

div#main-visual-navigation ul li ul li a {
	line-height: 29px;
	width: 200px;
}