body{
	background-color:#000;
	background-image:url(../images/header_mini.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	color:#fff;
	text-align:center;
	font-size:small;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:40px;
}

#wrap{
	width:727px;
	margin:auto;

}

#main_photo{
	margin-bottom:10px;
}

#content{
	width:550px;
	float:left;
}

#images{
	width:120px;
	float:right;
}

#images img{
	margin:10px 0;
}

#footer{
	clear:both;
	margin-top:30px;
}

#translation_links{
	margin:5px 0;
	_margin:-10px 0 0 0;
	*margin:-12px 0 0 0;
}

/*navigation*/
#primary_navigation{
	margin:10px 0;
	border-top:1px solid #4a4a4a;
	padding-top:5px;
}

#primary_navigation ul{
	list-style-type:none;
	text-align:center;
}

	#primary_navigation ul li{
		font-size:120%;
		display:inline;
		margin-right:20px;
	}
	
		
/***photo gallery***/
#photo_gallery{
		font-size:87%;
}

#choose_album{
	width:600px;
	height:256px;
	background-image:url(../images/photo_album_btn.jpg);
	background-repeat:no-repeat;
	margin:auto;
}


a#boutique_hotel{
	display:block;
	position:absolute;
	margin:20px 0 0 18px;
	*margin:20px 0 0 -282px;
	_margin:20px 0 0 -282px;
	width:261px;
	height:160px;
}



a#spa_hotel{
	display:block;
	position:absolute;
	margin:20px 0 0 314px;
	width:262px;
	height:160px;
	*margin:20px 0 0 14px;
	_margin:20px 0 0 14px;


}

a#spa_hotel:hover,a#boutique_hotel:hover{
	border:1px solid #fff;
}

a#link_boutique_hotel{
	font-size:20px;
	font-variant:small-caps;
	margin:190px 0 0 -270px;
	position:absolute;
}

a#link_spa_hotel{
	font-size:20px;
	font-variant:small-caps;
	margin:190px 0 0 55px;
	position:absolute;
}

#album{
	margin:20px 0;
	border:1px solid #4a4a4a;
	padding:5px;
}

#photo_gallery ul{
	list-style-type:none;
}

	#photo_gallery ul li{
		float:left;
		margin:5px;
		background-image:url(../images/bg_album.jpg);
		background-repeat:no-repeat;
		width:141px;
		/*height:141px;*/
		padding:0;
	
	}

		#photo_gallery ul li p.album_image{
			margin:7px;
			padding:0;
		
		}
		
		#photo_gallery ul li p.album_title{
			margin:8px;
			padding:0;
			text-align:center;
		}
		
#photo_gallery input{
	font-size:87%;
	display:inline;
}


#photo_gallery select{
	font-size:87%;
	display:inline;
}


.photo{
	float:left;
	margin:12px;
	background-color:#ebebeb;
	padding:3px;
	border:1px solid #fff;
}

/*Footer Links*/
#footer_links{
	margin:30px auto;
	width:600px
}

	#footer_links ul{
		width:160px;
		float:left;
		margin-right:10px;
	}
	
		#footer_links ul li{
			margin-bottom:5px;
			font-size:87%;
			font-family:Arial, Helvetica, sans-serif;
			background-image:url(../images/VM_temp_bullet.png);
			background-position:top left;
			background-repeat:no-repeat;
			list-style-type:none;
			padding-left:15px;
		}
	
			#footer_links ul li a:link, #footer_links ul li a:visited{
				color:#828282;
				text-decoration:none;
			}
			
			#footer_links ul li a:hover{
				color:#fff;
			}
			
#copyright{
	clear:both;
}		
/*lists*/

ul{
	width:90%;
	margin:auto;
	text-align:left;
	list-style-type:disc;
}

li{
	margin-bottom:10px;
}

/***tables***/

table{
	background-color:#2E2E2E;
	border:2px solid #6D6D6D;
	width:90%;
	margin:20px auto;
}

th{
	border:2px solid #000;
	padding:5px;
	text-align:center;
	background-color:#191919;
	vertical-align:middle;
}

td{
	border:2px solid #000;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

td.odd,th.odd{
	background-color:#585858;
}

/*forms*/

#reservation{
	width:80%;
	margin:20px auto;
}

form#reservation fieldset{
	border:1px solid #4a4a4a;
	padding:20px;
	margin-bottom:20px;
	text-align:left;
}

form#reservation label{
		clear:both;
		display:block;
		margin-bottom:5px;
		text-align:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:85%;
	}
	
	form#reservation input{
		margin-bottom:10px;
		border:1px solid #ccc;
		background-color:#F2F2F2;
		font-size:85%;
		display:block;
		width:80%;
	}
	
	form#reservation textarea{
		margin-bottom:10px;
		border:1px solid #ccc;
		background-color:#F2F2F2;
		font-size:85%;
		display:block;
		width:80%;
	}
	form#reservationinput.date-pick{
		width:80px;
	}

	form#reservation select{
		width:100%;
		margin-bottom:10px;
		border:1px solid #ccc;
		background-color:#F2F2F2;
		font-size:85%;
	}

form#reservation #saveBtn{
	width:auto;
	margin-top:10px;
}

form#reservation .widthAuto{
	width:auto;	
}

form#reservation .hidden{
	border:none;
	visibility:hidden;
}

/*---------------------------------------------------------typography---------------------------------------------------------*/



 h1{
	font-size:250%;
	font-variant:small-caps;
	font-weight:100;
	margin:15px 0;
}

 h2{
	font-size:200%;
	font-variant:small-caps;
	font-weight:100;
	margin:15px 0;
}

h3{
	font-size:150%;
	font-variant:small-caps;
	font-weight:100;
	margin:15px 0;
}

#translation_links a{
	margin-right:10px;
}
a{
	color:#EBEBEB;
	text-decoration:none;
}

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

a.active{
	text-decoration:underline;
}


p{
	font-size:88%;
	line-height:1.4;
	margin:15px 0;
	text-align:justify;
}

#footer p{
	text-align:center;
}

#address{
	text-align:center;
	font-size:10px;
}

#map p{
	color:#191919;
}

#map a{
	color:#191919;
}

p i{text-align:center;}

li{
	font-size:88%;
	line-height:1.2;
}

