/* CSS Document */

/*  commin elements */

body {
	margin:0;
	padding:0;
	background-color:#d1d3d4;
	
}

body, div, span, a, h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}

a img, img { 
	border: 0;
}

a:focus { 
	outline:none;
}


a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


.text11, .text11 a, .text11 a:hover, .text11 a:visited, .text11 a:active {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
}

/* headlines and other text styles  */

h3 {
	font-size:16px;
	font-weight:normal;
	margin-bottom:10px;
}


/* div layout */


#container {
	width:754px;
	margin:10px auto 20px auto;
	position:relative;
	border:10px solid #fff;
}


#mainAreaHome {
	width:754px;
	position:relative;
	background-color: #5E6E8D;
	display:block;	
}

#mainAreaRooms {
	width:754px;
	position:relative;
	background-color: #425B6A/*a0bac5 or AEBFC2*/;	
}

#mainAreaConference{
	width:754px;
	position:relative;
	background-color: #645D5F;
	
}

#mainAreaBar{
	width:754px;
	position:relative;
	background-color: #425B6A;
	
}

#mainAreaLocation{
	width:754px;
	position:relative;
	background-color: #1A3B69/*532966 or 592865*/;
	
}

#mainAreaServices{
	width:754px;
	position:relative;
	background-color: #98998D;
	
}

#mainAreaLeisure{
	width:754px;
	position:relative;
	background-color: #1A3B69;
	
}

#mainAreaGallery{
	width:754px;
	position:relative;
	background-color: #61421a;
}
	
/* page header */



#mainPhoto {
	position:relative;
}

#mainPhoto #links {
	position:absolute;
	left: 575px;
	top: 49px;
	z-index: 1000;
}

#mainPhoto #flashImage {
z-index: 1;
outline: none;
}

#mainPhoto #links ul {
	margin:0;
	padding:0;
	list-style:none;
}

#mainPhoto #links ul li {
	float:left;
	display:block;
}

#mainPhoto #links ul li a {
	font-size:11px;
	text-decoration:none;
	display:block;
	padding:0 3px;
}

#mainPhoto #links ul li a:hover {
	text-decoration:underline;
}


.navigation {
	background-color:#C7CBCA;
}

.spacer {
	display:block;
	height:5px;
	clear:both;
	background-color: #fff;
}

/* main navigation */

.navigation ul#mainNav, ul#mainNav ul {	
	margin:0;
	padding:8px 0 0 0;
	list-style:none;
	display:block;
	
}

ul#mainNav li  {
	float:left;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5E6E8D;
	position:relative;
	height:20px;
}

ul#mainNav li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5E6E8D;
	text-decoration:none;
	display:block;
	padding:0 3px 0 3px;
}

.navigation ul#mainNav li a.selected, .navigation ul#mainNav li a:hover {
	color:#fff;
}	

ul#mainNav li ul {
	display:none;
	position:absolute;
	top:20px;
	left:-3px;
	width:160px;
	/*height:100px;*/
	padding-top:10px;
	padding-left:10px;
	background-color:#C7CBCA;
	color:#5E6E8D;
	border-top:1px solid #fff;
	z-index:1;
}

ul#mainNav li:hover, ul#mainNav li.over, ul#mainNav li:hover ul, ul#mainNav li.over ul {
	display:block;
}

ul#mainNav li ul li {
	float:none;
	text-align:left;
	display:block;
	height:15px;
}


/* navigation colors */



.gallery, .gallery ul#mainNav li ul {
	background-color:#d4c097;
}

.gallery ul#mainNav li a, .gallery ul#mainNav li, .gallery ul#mainNav li ul {
	color:#61421a;
}

.bar, .bar ul#mainNav li ul {
	background-color:#cdd6d6;
}

.bar ul#mainNav li a, .bar ul#mainNav li, .bar ul#mainNav li ul {
	color:#425B6A;
}

.conference, .conference ul#mainNav li ul {
	background-color:#babbb1;
}

.conference ul#mainNav li a, .conference ul#mainNav li, .conference ul#mainNav li ul {
	color:#645D5F;
}

.services, .services ul#mainNav li ul {
	background-color:#d4d5cf;
}

.services ul#mainNav li a, .services ul#mainNav li, .services ul#mainNav li ul {
	color:#98998D;
}

.guest, .guest ul#mainNav li ul {
	background-color:#cdd6d6/*b8bbab*/;
}

.leisure, .leisure ul#mainNav li ul {
	background-color:#d0d8e1;
}

.leisure ul#mainNav li a, .leisure ul#mainNav li, .leisure ul#mainNav li ul {
	color:#1A3B69;
}

.location, .location ul#mainNav li ul {
	background-color:#d0d8e1/*dcccc5*/;
}

.location ul#mainNav li a, .location ul#mainNav li, .location ul#mainNav li ul {
	color:#1A3B69/*592865*/;
}


/* Columns */

#leftCol {
	float:left;
	width:160px;
	margin-top:30px;
	padding-left:20px;
}


#content {
	float:left;
	width:340px;
	margin-top:30px;
	padding-right: 20px;
}

#rightCol {
	float:left;
	width:214px;
	margin-top:30px;
}

#reservation, #specialOffers, #exclusiveOffers {
	width:178px;
	padding-bottom:5px;
}

#reservationForm, #offersLink, #exclusiveOffersForm  {
	background-color:#c6c8ca;
	width:178px;
	margin-bottom:10px;
	
}

#offersLink {
	background-color:#80b9c3/*b8bbab/819d67*/;
}

#exclusiveOffersForm {
	background-color:#82a8b2;
}

#reservationForm .pad, #offersLink .pad, #exclusiveOffersForm .pad {
	padding:5px 0 5px 4px;
}

#reservationForm label {
	padding:5px 5px 0 2px;
	color:#000;
}


#reservationForm label, #reservationForm input, #reservationForm select, #exclusiveOffersForm input {
	margin:0 2px 0 0;
	font-size:9px;
}

#reservationForm input,  #exclusiveOffersForm input {
	border:none;
}

#exclusiveOffersForm input {
 	width:170px;
	margin-bottom: 5px
}

#reservationForm input, #reservationForm select {
	width:37px;
	margin:2px;
}

#reservationForm br,  #exclusiveOffersForm br {
	clear:both;
}



/* left Column */

#pageTitle {
	position:relative;
	top:0;
	right:0;
}

#address {
	padding-top:40px;
}

/* centre Column */

#footer {
	position:relative;
	padding:8px 0 20px 0;
	text-align:center;

}	



#footer ul {
	margin:0 auto;
	padding:0;
	list-style:none;
	width:300px;
	
}

#footer ul li {
	float:left;
	display:block;
	color:#FFFFFF;
	background-color:transparent;
	padding:0 4px 0 4px;
	font-size:9px;
}

#footer ul li a {
	display:block;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:transparent;
}

#footer ul li a:hover {
	color:#FFFF00;
	background-color:transparent;
}


/* gallery page */

.thumbnails {
	display:block;
	float:left;
	margin-right:19px;
	margin-bottom:12px;
}

input#RightSide1_ReservationSearch {
	width:auto; 
	display:inline;
}

#galleryControls {
	text-align: right;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
}

#galleryControls a, a:visited, a:active {
	text-decoration: none;
	color:#000000;
}

#galleryControls a:hover {
	text-decoration: underline;
	color:#000000;
}