body, html {
	margin: 0;
/*	background: #7a8034;	*/
	background: #808040;
	font-family: "Helvetica Neue", "Helvetica", "Arial";
	color: #fff;
	/*
	background: #575c2a url(/images/orangeglow.jpg) no-repeat; 
	background-position: top center;
	*/
}

.hidden { display: none; }

h1, h2, h3, h4, h5, h6 { color: #fff; font-weight: bolder; letter-spacing: -1px; }

p { color: #fff; }

/* HEADER MAGIC ---------------------------------------------------*/

#background_image{
	margin: 0 auto;
}

.wrapper {
/*	margin-top: -20px;	*/
}

#logo {
	border: #626D48 1px solid;
	border-width: 0 1px 1px 1px;
	padding: 0 6px 1px 6px;
	background: #16180a;
}

#mask{
	width: 100%;
	height: 450px;
	overflow: hidden;
	background-color: transparent;
	text-align: center;
}

#compact_mask{
	width: 100%;
	height: 140px;
	overflow: hidden;
	background-color: transparent;
}

#homepage_header {
	position: absolute;
	top: 0;
	width: 100%;
	background: url(/images/header_bg.png) repeat;
	left: 0;
	overflow: visible;
	height: 140px;
	border-bottom: #A8B56B 1px solid;
}

.compact_layout #homepage_header { height: 140px; }		/* was 200 */

#header {
	background: #7B8039;
}

#homepage_header img,#header img { padding-bottom: 10px; }
#homepage_header img,#header img { float: left; clear: none; }
#homepage_header a,#header a { position: relative; }

#homepage-gallery {
	position: relative;
	overflow: hidden;
	top: 10px;
	margin-bottom: 20px;
	left: -134px;
}

#homepage-gallery a .homepage_thumbnail {
	border: #626D48 1px solid;
	margin: 10px 10px 0 0;
	padding: 4px;
	background: #343926;
}

sup { 
	font-size: 0.6em; 
}


#welcome_text{
	position: relative;
	display: block;
	padding: 15px;
/*	background: url(/images/header_bg.png) repeat;	*/
	color: #fff;
	font-size: 18px;
/*	top: -300px;	*/
	width: 900px;
/*	margin-bottom: -90px;	*/
	border: #808040 1px solid;
	height: 60px;
	text-align:center;
}
.slideshowImg {
	height: 240px; 
	width: 950px;
}
.backgroundText {
	position: relative;
	display: block;
	width: 950px;
/*	height: 60px;	*/
	padding: 30px 15px 40px 0px;
	color: #fff;
	font-size: 18px;
}
.slideshowText {
	background: transparent;
	font-size: 18px;
/*	border: #808040 1px solid; */
	text-align: center;
}
.slideshowText span {
	margin: auto;
}
.backgroundQuotes {
	position: relative;
	background: url(/images/background_quotes.jpg);
	float: right;
	width: 310px;
	height: 162px;
	margin-top: -162px;
/*	margin-top: -240px;	*/
	z-index: 100000;
	overflow: hidden;
}
.slideshowQuotes {
	background-color: transparent;
	font-size: 18px;
	margin: 30px;
	height: 100px;
	text-align: center;
}
.openingText {
	font-size: 18px;
}

#random_hotel_text {
	position: relative;
	display: block;
	padding: 15px;
/*	background: url(/images/header_bg.png) repeat;	*/
	color: #fff;
	font-size: 18px;
	width: 900px;
	border: #808040 1px solid;
/*	height: 60px;	*/
	text-align:center;
}

#welcome_museum, #welcome_vondelpark {
	text-align: center;
	position: relative;
	display: block;
	padding: 15px;
/*	background: url(/images/header_bg.png) repeat;	*/
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -1px;
	top: -280px;
	margin-bottom: -90px;
	border: #808040 1px solid;
	height: 220px;
	width: 420px;
}
#welcome_vondelpark {
	left: 498px;
	top: -442px;
}

.container_moveup{
	margin-top: -300px;
}

#picture_description a { color: #6B0E07; }

#fotos {
	position:relative;
	text-align:center;
/*	top:-290px;	
	padding-bottom:80px; */
}
#fotos_hotels {
	position:relative;
	text-align:center;
	height: 240px;
}

/* MENU ---------------------------------------------------------- */
#compactor {
	width: 770px;
	float: left;
	margin-top: 40px;
	padding-left: 10px;
}

#menu {
	margin: 21px 0 0 2px;
	font-size: 1.3em;
	font-weight: lighter;
}
#div_menu_0 {
	background-color: transparent;
	border-bottom: #808040 1px solid;
	height: 22px;
}
#div_menu_1 {
	background-color: #A8B56B;
	border-bottom: #808040 1px solid;
	height: 22px;
	position:relative;
	top: -22px;
}
#menu_hotels, #menu_hotels_1, #menu_hotels_2 {
	margin: 0 0 10px 0;
}
#menu_0 { display: none; }
#menu_1 { display: block; }
#menu_0 ul, #menu_1 ul {
	margin: 0 0 0 203px;
	font-size: 1.2em;
	font-weight: lighter;
}
#menu li, #menu_hotels_0 li, #menu_hotels_1 li, #menu_hotels_2 li {
	list-style: none;
	display: inline;
	padding: 3px 10px;
}
.menuChosen {
	background-color: #A8B56B;
}
.menuHover {
	background-color: #c5d08f;
}
#menu li a, #menu_hotels_0 li a, #menu_hotels_1 li a, #menu_hotels_2 li a {
	text-decoration: none;
	color: #fff;
}

#menu li a:hover { color: #4D341E; }
#menu li a:hover, #menu_hotels_0 li a:hover, #menu_hotels_1 li a:hover, #menu_hotels_2 li a:hover { color: #4D341E; }

#compactor h1 { letter-spacing: -3px; font-weight: bolder; margin: 0 0 -13px 0; top: -20px; position: relative; color: #000000; }

/* Page leader ---------------------------------------------------------- */
/* Text replacement stuff */
#homepage_lead { background: url(/images/page_leads/homepage.png) no-repeat; background-position: top center; }
#cityGuides_lead { background: url(/images/page_leads/city_guides.png) no-repeat; background-position: top center; }
#contact_lead { background:	url(/images/page_leads/contact.png) no-repeat; background-position: top center; }
#error_lead { background: url(/images/page_leads/error.png) no-repeat; background-position: top center; }
#room_lead { background: url(/images/page_leads/room.png) no-repeat; background-position: top center; margin-bottom: 0;}
#about_lead { background:	url(/images/page_leads/about.png) no-repeat; background-position: top center; }

.page_leader {
	width: 950px;
	height: 257px;
	position: relative;
	display: block;
	margin: 0 auto;
	overflow: visible;
	display: block;
}
.page_leader h2,
.page_leader p{
	display: none;
}
.page_leader_cityGuides, .page_leader_about, .page_leader_contact, .page_leader_room {
	width: 950px;
	height: 220px;
	position: relative;
	margin: 0 auto;
	padding-top: 60px;
	overflow: visible;
	text-align: left;
}
.page_leader_cityGuides_p, .page_leader_about_p, .page_leader_contact_p, .page_leader_room_p {
	font-size: 18px; 
	width: 730px;
}

/* CONTENT ---------------------------------------------------------- */

#content { margin-top: 0px; }

#page_content { 
	width: 100%; 
	color: #fff; 
	padding: 15px 0 20px 0; 
	position: relative; 
	border: #A8B56B 0px solid;
/*	border-width: 1px 0 0 0;	*/
}

#page_content_default .container {
/*	height: 180px;	*/
}
#page_content .container {

}

#page_content a { color: #ffffff; text-decoration:underline; }
#page_content a:hover { color: #4D341E; text-decoration:underline; }


.page_leader { 
	display: block; 
	margin: 10px auto; 
	background: #fff;
}

/* Mainly test pages */

#text_lead { margin:20px 0 10px; letter-spacing: -3px; font-weight: bolder; }

.section { 
	border-top: #A8B56B 1px solid; 
	overflow: hidden; 
	width: 100%; 
	display: block; 
	padding-top: 10px;
}

.meta { margin-bottom: 10px; }

.meta p {
	margin: 0;	
}

.heavy_text { font-size: 1.2em; margin-bottom: 20px; }
.heavy_text ul { border: #626D48 1px solid; margin: 0 0 10px 0; padding: 5px; }
.heavy_text ul li { margin: 0 0 0 20px; padding: 0; }
.heavy_text p {margin: 0 0 10px 0;}

.heavy_text h3 { border-bottom: #A8B56B 1px solid; margin-bottom: 10px; padding-bottom: 5px; }
.heavy_text .sub_heading { font-size: 1.2em; }

.page_blurb { 
	font-size: 1.3em; 
	padding: 5px;
	border: #626D48 1px solid;
	background: #24262A;
	color: #fff;
}

.page_blurb p { margin-bottom: 10px; }

/* Booking Engine ----------------------------------------- */ 
/* I'm not changing the fricking name.... */
.grey_box{ border: #343926 1px solid; padding: 5px 5px 5px 5px; overflow: hidden;  }

#booking_engine {
	/*
	-moz-user-select: none;
  	-khtml-user-select: none;
   	user-select: none;
*/
/*	margin-top: -20px;	*/
}

#booking_engine h1 { color: #fff; }

#room_tabs {float: left; width: 295px; color: #555; margin: 0 0 0 5px; overflow: hidden; }

#room_tabs ul { list-style: none; margin: 0; overflow: hidden; border: #AAA 1px solid; border-width: 0 0 1px 0; }

#room_tabs li { cursor: pointer; margin: 0 0 0 0; padding: 0px 15px 3px 0px; float: left; font-size: 1.5em; }
#room_tabs li:hover { color: #fff;}
#room_tabs ul li.active { color: #fff; border: #A24008 1px solid; border-width: 0 0 0 0; }

#room_tabs div, #address_info { 
	position: relative;
	background: none;
	margin: 0px 0 0 0;
	color: #fff;
	font-size: 15px;
	padding-top: 5px;
}

#room_tabs { width: 290px; height: 420px; }

#room_tabs hr, #address_info hr { margin: 0 0 6px 0; }

.adult_numbers,
.child_numbers,
.room_type{
	border: #A8B56B 1px solid;
	color: #808040;
	cursor: pointer;
	font-size: 1.966em;
	padding: 4px 14px;
	margin: 0 0 0 0;
	background: #A8B56B;
}


.room_type { font-size: 13px; padding: 7px; margin: 1px 0 0 0; }

.button { 
	text-decoration: none;
	padding: 5px 30px 5px 10px;
	float: left;
	font-size: 0.8em;	
	cursor: pointer;	
	background: url(/images/button_right.gif) no-repeat;
	background-position: right center;
	border: #678965 1px solid;
	/*
-moz-user-select: true;
  	-khtml-user-select: true;
   	user-select: true;
*/
}

.button:hover {
	border-color: #0EA403;
}

.selected_number, .selected_room_type {
	border: #343926 1px solid;
	background: #808040;
	color:#A8B56B;
}

#booking_button { 
	float: left; 
	font-size: 1.3em; 
	width: 265px; 
	margin-top: 10px; 
	border: #A8B56B 1px solid;
	color: #fff;
}
.btnHotRev {
	text-decoration: none;
	padding: 5px 30px 5px 10px;
	cursor: pointer;
	background: url(/images/button_right.gif) no-repeat;
	background-position: right center;
	/*
-moz-user-select: true;
  	-khtml-user-select: true;
   	user-select: true;
*/
    border:1px solid #A8B56B;
    color:#FFFFFF;
    float:left;
    font-size:1.2em;
    margin-top:5px;
    padding-right: 20px;
    width:285px;
    outline: 0;
}
.btnHotRevCod {
	text-decoration: none;
	padding: 5px 30px 5px 10px;
	cursor: pointer;	
	background: url(/images/button_right.gif) no-repeat;
	background-position: right center;
	/*
-moz-user-select: true;
  	-khtml-user-select: true;
   	user-select: true;
*/
	border:1px solid #A8B56B;
	color:#FFFFFF;
	float:right; 
	font-size:1.2em; 
	margin-top: 0px;
	padding-right: 20px; 
	width:115px;
    outline: 0;
}
.btnHotRev:hover, btnHotRevCod:hover {
	cursor: pointer;
    outline: 0;
}
input::-moz-focus-inner { border: 0; }


/* Hide form elements */
#number_of_children,
#number_of_adults { display: none; }

/* concierge & Events */

.concierge_page { margin-top: 50px; }

#weather-bar { 
	position: relative;
	text-align: center;
	overflow: hidden;
	top: -50px;
	margin-bottom: 0px;
	border: #A8B56B 1px solid;
	background: #555727;
	padding-bottom: 20px;
	padding-top: 20px;
}

#weather-bar .wrapper{
	width: 96%;
	margin: -5px auto;
	overflow: hidden;
}

#weather-bar .weather{
	float: left;
	margin-right: 2px;
	background: #fff;
	width: 180px;
	height: 60px;
	text-align: left;
	color: #181717;
}

.weather .day { font-size: 15px; color: #721A0B; font-weight: bold; margin: 10px 0 0 0; }
.weather .condition { color: #7B7E3D; margin: 0; font-size: 9px; }
.weather .weather-icon { float: left; margin: 5px; }

#whats_on h3,
#useful-info h3
{ margin: 0; font-size: 25px; letter-spacing: -1px; font-weight: bolder; }

#whats_on p, 
#useful-info p
{ margin: 0; font-size: 18px; }

#whats_on a, 
#useful-info a { 
	text-decoration: none; 
	color: #fff;
}

#whats_on a:hover,
#useful-info a:hover { 	
	text-decoration: none; 
	background: #678987;
}

#whats_on .event:hover, 
#useful-info .info-type:hover { background: #A8B56B;}

#useful-info .odd,
#whats_on .odd {  }

#useful-info .even,
#whats_on .even { background: #85883D; }

#events-short-list,
#info-types {
	border: #A8B56B 1px solid; 
	padding: 5px; 
	overflow: hidden;
}


.info-type,
.event { 
	font-size: 19px; 
	overflow: hidden; 
	padding: 5px;
}

.event { width: 566px; }
.info-type { width: 326px;}

.info-type img,
.event img { float: left; vertical-align: middle; }

.info-type p { float: left; padding: 15px 0 0 10px; width: 180px; height: 20px; }
.event p { float: left; padding: 20px 0 0 10px; width: 440px; height: 50px; }

.info-type,
.event p a { text-decoration: none; }

.event p span { float: right; }

.event {  margin-bottom: 6px; }

/* Events Page */
.event-title { padding-top: 15px; font-size: 30px; margin: 0;}
.event-image { width: 250px; border: #A8B56B 10px solid; top: -70px; position: relative; }
.event-description { font-size: 15px; }
.event-meta { margin: 0 0 10px 0; }
.event-link { color: #14191F; padding: 10px; background: #727338; margin-top: 20px; text-decoration: none; border: #A8B56B 3px solid; display:block; }

/* Contact Page */
.contact_detail { font-size: 18px; }
.contact_detail p,
.contact_detail address {padding: 10px; font-style: normal; }
address { font-style: normal; }
.contact_detail .box { background: transparent;border: #A24008 1px solid; }

/* Bars & Restuarants */
.restaurant_image{ border: #A8B56B 1px solid; }

/* footer */
#footer {
	margin-top: 15px;
	clear: both;
	/*
color: #fff;
	overflow: hidden;
	border: #000 1px dotted;
*/
}

#foot_credit { 
	display: block; 
	clear: both;
	padding-top: 20px;
}


#footer h3 { color: #A8B56B; border-bottom: #A8B56B 1px solid; }
#footer p { margin: 0; }
#footer a { color: #fff; text-decoration:none; }

#footer div { height: 120px; }

/* Room Tour --------------------------------------------------------------------- */

#room_tour, #bathroom_tour { 
	display: block;
	height: 402px;	
	background: #000; 
	margin: 0px 0 0 0;
}

#room_view { 
	display: block;
	height: 402px;	
	background: url("/images/room_view.jpg") no-repeat; 
}
#room_view_vondelpark {
	display: block;
	height: 402px;
	background: url("/images/vondelpark_room207.jpg") no-repeat;
}
#bathroom_view {
	display: block;
	height: 402px;	
	background: url("/images/bathroom_view.jpg") no-repeat; 
}
#bathroom_view_vondelpark {
	display: block;
	height: 402px;	
	background: url("/images/vondelpark_bathroom.jpg") no-repeat; 
}

#room_info_pane, #bathroom_info_pane {
	padding: 10px 10px 10px 10px;
}

.detail, .bathroom_detail { display: none; }
#instructions, #bathroom_instructions { padding-top: 0px; }

.hotspot {
	position: relative;
	float: left;
	border: #fff 1px solid;
	padding: 10px;
	width: 20px;
	height: 20px;
	list-style: none;
	cursor: pointer;
}
.hotspot:hover { background: #fff; }

.hotspot2 {
	position: relative;
	float: left;
	border: #fff 1px solid;
	padding: 10px;
	width: 20px;
	height: 20px;
	list-style: none;
	cursor: pointer;
}
.hotspot2:hover { background: #fff; }

#beds { top: 250px; left: 50px; }
#carpet { top: 340px; left: 240px; }
#desk { top: 280px; left: 400px; }
#lights { top: 100px; left: -65px; }
#television { top: 150px; left: 390px; }

#bathroom_shower { top: 120px; left: 150px; }
#bathroom_shelf { top: 280px; left: 280px; }
#bathroom_mirror { top: 60px; left: 270px; }
#bathroom_towel { top: 190px; left: 480px; }
/*	#bathroom_lights { top: 100px; left: -65px; }	*/


.hotspot span { display: none; }
.hotspot2 span { display: none; }

/* ODDs & SODs --------------------------------------------------------------------- */
a:active, a:focus{ outline: none; }



#vondelpark {
	position: relative;
	top: -360px;
	left: 800px;
	margin-bottom: -150px;
	display: block;
}


.quote { padding-top: 50px; }

blockquote {
	margin: 0;
	padding: 0;
}

.rowbox{
	border: #A8B56B 1px solid;
	padding: 5px;
}

.quiet { color: #A8B56B; }

/* 1px fix */
#map_button .grey_box { padding-bottom: 6px; }

blockquote { color: #fff; }

hr { border-color: #A8B56B; background-color: #A8B56B; color: #A8B56B; }

.named_link,
.named_link:hover { color: #fff; }

a { text-decoration: none; }

#map_canvas {
	height: 400px;
	margin-top: 20px;
}
#map_hotels {
	width: 950px;
	height: 250px;
	margin: 10px 0 20px 0;
	border: 1px solid #343926;
	float: right;
}
#frontmap_hotels {
	width: 100%;
	height: 250px;
	margin-top: 5px;
}
#frontmap_placeholder {
	margin-top: 10px;
}

#frontmap_address {
	float: right;
	margin: 10px 0 0 0;
	height: 260px;
}
#frontmap_address_greybox { height: 255px; }
#frontmap_address h3 { color: #A8B56B; font-size: 1.2em; border-bottom: #A8B56B 1px solid; margin-bottom: 0.5em; }

#gMapsInfoWindow1, #gMapsInfoWindow2 {
	color: #555727;
}
#gMapsInfoWindowHeader1, #gMapsInfoWindowHeader2 {
	font-weight: bolder;
}
#whois {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 20px;
	font-size: 15px;
}

#whois li {
	margin-bottom: 10px;
}

.corporate_option {
	padding: 0;
	text-align: right;
	margin: 5px auto 7px auto;
}

.corporate_option p { margin: 0; padding: 0; }

.corporate_option span { padding: 3px; border: #A8B56B 1px solid; color: #A8B56B; cursor: pointer; }

.corporate_option span.selected_option { border-color: #fff; color: #fff; }

#code {
	position: absolute;
	width: 314px;
	height: 249px;
	top: 18px;
	left: 812px;
	background: #A8B56B;
	z-index: 700;
	text-align: center;

}

#code form { margin-top: 80px; }
#code form input { font-size: 18px; margin-top: 10px; }
#code form p { font-size: 15px; }


#homepage_middle { margin-top: 10px; }

