#Menu {
	margin:0 8px 0 0;
	padding:0;
	width:674px;
	float:right;
}
#Menu ul {
	margin:6px 0;
	padding:0;
	height:20px;
	list-style-type:none;
	float:right;
}
#Menu ul li {
	padding:0 2px 0 0;
	margin:0 2px 0 0;
	float:left;
	border:none;
	line-height:100%;
	font-size:0em;
	display: inline;
	width:auto;
	border-right:1px solid #8a4dc1;
}
#Menu ul li a {
	display:block;
	padding:0;
	margin:0;
	font-size:0;
	line-height:100%;
	text-indent:-9999px;
	height:20px;
	background-repeat:no-repeat;
	background-image:url(../images/menu/menu.png);
}





/* specific buttons */
#Menu ul li.Item01 a {
	background-position: 0 0;
	width:43px;
}
#Menu ul li.Item02 a {
	background-position: -48px 0;
	width:100px;
}
#Menu ul li.Item03 a {
	width:108px;
	background-position: -153px 0;
}
#Menu ul li.Item04 a {
	width:104px;
	background-position: -266px 0;
}
#Menu ul li.Item05 a {
	width:77px;
	background-position: -375px 0;
}
#Menu ul li.Item06 a {
	width:111px;
	background-position: -457px 0;
}
#Menu ul li.Item07 a {
	width:99px;
	background-position: -573px 0;
}





#Menu ul li.Item01 a:hover, body#home #Menu li.Item01 a, body#home #Menu li.Item01 a:hover {
	background-position: 0 -24px;
}
#Menu ul li.Item02 a:hover, body#about #Menu li.Item02 a, body#about #Menu li.Item02 a:hover {
	background-position: -48px -24px;
}
#Menu ul li.Item03 a:hover, body#booking #Menu li.Item03 a, body#booking #Menu li.Item03 a:hover {
	background-position: -153px -24px;
}
#Menu ul li.Item04 a:hover, body#sights #Menu li.Item04 a, body#sights #Menu li.Item04 a:hover {
	background-position: -266px -24px;
}
#Menu ul li.Item05 a:hover, body#who #Menu li.Item05 a, body#who #Menu li.Item05 a:hover {
	background-position: -375px -24px;
}
#Menu ul li.Item06 a:hover, body#behind #Menu li.Item06 a, body#behind #Menu li.Item06 a:hover {
	background-position: -457px -24px;
}
#Menu ul li.Item07 a:hover, body#news #Menu li.Item07 a, body#news #Menu li.Item07 a:hover {
	background-position: -573px -24px;
}




/* highlight a main top-level menu section by using the IDs on the BODY tag */
body#home #Menu li.Item01 a, body#home #Menu li.Item01 a:hover,
body#About #Menu li.Item02 a, body#About #Menu li.Item02 a:hover,
body#tour #Menu li.Item03 a, body#tour #Menu li.Item03 a:hover,
body#sights #Menu li.Item04 a, body#sights #Menu li.Item04 a:hover,
body#who #Menu li.Item05 a, body#who #Menu li.Item05 a:hover,
body#behind #Menu li.Item06 a, body#behind #Menu li.Item06 a:hover,
body#news #Menu li.Item07 a, body#news #Menu li.Item07 a:hover {
	text-decoration:none;
	cursor:default;
}






#SubMenu {
	margin:0;
	padding:0;
	width:674px;
	float:right;
	height:35px;
	background:url(../images/backgrounds/submenu.jpg) bottom right no-repeat;
}
#SubMenu ul {
	margin:7px 5px 0 0;
	padding:0;
	height:23px;
	list-style-type:none;
	text-align:center;
	float:right;
}
#SubMenu ul li {
	padding:5px 4px 1px 4px;
	margin:0 3px;
	float:left;
	height:17px;
	border:none;
	line-height:100%;
	font-size:1.2em;
	display: inline;
	width:auto;
}
#SubMenu ul li a {
	color:#e6e6e6;
	text-decoration:none;
	width:auto;
}

#SubMenu ul li a:hover {
	color:#fff;
	text-decoration:none;
}





/* pre-selected sub menu items -> to add more, just add more! */
.S1 #SubMenu ul li.ItemS1,
.S2 #SubMenu ul li.ItemS2,
.S3 #SubMenu ul li.ItemS3,
.S4 #SubMenu ul li.ItemS4,
.S5 #SubMenu ul li.ItemS5,
.S6 #SubMenu ul li.ItemS6,
.S7 #SubMenu ul li.ItemS7,
.S8 #SubMenu ul li.ItemS8,
.S9 #SubMenu ul li.ItemS9 {
	background:url(../images/menu/sub_cap.gif) top right no-repeat;
	padding:0 5px 0 0;
	height:23px;
}
.S1 #SubMenu ul li.ItemS1 a,
.S2 #SubMenu ul li.ItemS2 a,
.S3 #SubMenu ul li.ItemS3 a,
.S4 #SubMenu ul li.ItemS4 a,
.S5 #SubMenu ul li.ItemS5 a,
.S6 #SubMenu ul li.ItemS6 a,
.S7 #SubMenu ul li.ItemS7 a,
.S8 #SubMenu ul li.ItemS8 a,
.S9 #SubMenu ul li.ItemS9 a {
	background:url(../images/menu/sub_bg.gif) top left no-repeat;
	color:#000;
	cursor:default;
	height:17px;
	padding:5px 0 1px 5px;
	display:block;
}