/* CSS for the basic styles and html elements that are the same on all pages */



/* Base Styles ***************************************************************/
body {
	
	font-size:11px;
	font-family:arial, sans-serif;
	color: #3F4040;
	}
	


ul {
     margin:5px 10px 5px 14px;
     padding:6px 2px 6px 12px;
   }

   
img {
	border:0px;
	behavior: url("/png_behavior.htc"); 
}

form {
	margin:0px;
	padding:0px;
	
}	

input {
	border:1px solid #ccc;
	color:#777;
	padding-left:2px;
	
}

a:hover {
	color:#666666;
}

a {
	color:#666666;
	text-decoration:none;
	font-size:9px;
}


.spacer {
	margin:0px;	font-size:9px;
}


.numberSelect {
	font-size:9px;
	font-family:arial, sans-serif;
}



h1, h2, h3, h4, h5, h6, p  {
	margin:8px;
	padding:2px;
}

h1 {
	line-height:1.3em;
	font-size:28px;
}

h2 {
	line-height:1.3em;
	font-size:22px;
}

h3 {
	line-height:1.3em;
	font-size:18px;
}

h4 {
	line-height:1.3em;
	font-size:15px;
}

h5 {
	line-height:1.3em;
	font-size:13px;
}

h6 {	
	line-height:1.3em;
	font-size:11px;
}


/* Container ******************************************************************/

#container {
	width:942px;
	margin:10px auto 10px auto;
	background-color:#fff;
	position:relative;
}


/* Header and Top Menus *******************************************************/



#header {
	position:relative;
	height:104px;
	width:942px;
	z-index:20;
}

#logo {
	position:absolute;
	top:0px;
	left:270px;
}

#relais-logo {
	position:relative;
	top: -26px;
	padding-left: 15px;
/*	margin-top: -26px; IE hates margins
	margin-left: 15px; */
}

.topMenu {
	margin:0px;
	padding:0px;
}

.topMenu li {
	margin:0px;
	padding:0px;
}


.topMenu a {
	color:#336BBE;
	height:12px;
	padding:3px 1px 5px 3px;
	width:110px;
	display:block;
	background-color:#fff;
}


.topMenu a:hover {
	background-color:#eee;
	color:#336BBE;
}


.hotelInfo {
	color:#5383B8;
	font-size:9px;
	margin:2px 0px;
	padding:0px;
	background-color:#fff;
	}

.hotelInfo li {
	margin-left:5px;
	}

	
a.menuTitle:hover {
    color:#3B6B83;
	background-color:transparent;
	}
	
	
a.menuTitle {
	font-size:12px;
	height:12px;
	padding:3px 0px 7px 4px;
	display:block;
	margin:0px;
	width:150px;
	font-weight:bold;
	background-color:transparent;
}


#menuRoyal {
	position:absolute;
	top:24px;
	left:10px;
	z-index:2;
	}
	
#menuImperial {
	position:absolute;
	top:24px;
	left:140px;
	z-index:2;
	}
	
#menuAmbassador {
	position:absolute;
	top:24px;
	left:490px;
	z-index:2;
	}
	
	
#menuK {
	position:absolute;
	top:24px;
	left:640px;
	z-index:2;
	}
	
		
.topMenu ul {
	position:absolute;
	top:20px;
	left:0px;
	list-style:none;
	margin:0px;
	padding:0px;
	-moz-opacity:.9;
    opacity:.9;
	filter:alpha(opacity=90);
	visibility:hidden;
	}	

	
	
.topMenu li:hover ul, .topMenu li.over ul {  /* The menu magic */
	visibility:visible;
	}
	
	

	

/* Small link box in upper right corenr with BOOK NOW, SPECIAL OFFERS etc ***********/

#quickLinks {
	height:16px;
	width:720px;
	position:absolute;
	top:0px;
	left:233px;
  color: #006600; 
	text-align:center;
	padding:8px 0px;
	z-index:5;
	}
#quickLinks a{
	color:#527EB9; font-size:10px; font-family:arial;
	}

#quickLinks a:hover {
	color: #333333; font-size:10px; text-decoration:underline;font-family:arial;
}


/* Left Menu ************************************************************************/

#leftMenuBack {
	position:absolute;
	top:310px;
	left:0px;
	width:570px;
	
}	


#leftMenu {
	text-align:left;
	list-style:none;
	position:absolute;
	left:0px;
	margin:0px;
	padding:0px;
	z-index:130;
	top:420px;
}


#leftMenu a {
	font-size:10px;
	height:12px;
	margin:0px;
	width:475px;
}


#leftMenu li {
	margin:0px;
	padding:0px;
	width:475px;
	position: relative;
	
}

#leftMenu ul li {
	width:475px;
	z-index:130;
}
	
#leftMenu ul a {
	width:475px;
	z-index:230;
	}
	
#leftMenu ul {
	position:absolute;
	left:5px; 
	width:475px;
	top:0px;
	visibility:hidden;
	background-color:rgb(61, 129, 165);
	opacity:.9;
	filter:alpha(opacity=90);
	-moz-opacity:.9;
	z-index:130;
	list-style:none;
	margin:0px;
	padding:0px;
	}
	
	
 
		
#leftMenu li:hover ul, #leftMenu  li.over ul { visibility: visible; z-index:10;} /* The magic */

/* Footer ***************************************************************************/