@charset "UTF-8";

body {
	background: url(../images/body_bgtile.jpg) top repeat-x #645b54;
	margin: 0px;
	padding: 0px;
}
body, td {
	color: #645b54;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	text-align: left;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, table { padding: 0; margin: 0; }

ul, ol { list-style-type: none; }

a span { display: none; }

.clear { font-size: 0px; height: 0px; clear: both; }

p { line-height: 1.3em; margin-bottom: 1em; }

p a { color: #9e1e00; text-decoration: underline; }
p a:hover { color: #222; }


/* TOP HEADER ================================================================= */
#header {
	width: 960px;
	margin: 0px auto;
}
#header h2 { display: none; float: right; }
#header #logo {
	float: left;
	width: 555px;
	height: 68px;
	background: url(../images/logo.png) top left no-repeat;
	margin-top: 30px;
}
#header #logo span { display: none; }
#header #logo a {
	display: block;
	text-decoration: none;
	width: 555px;
	height: 68px;
}

/* LANGUAGE SELECTOR ================================================================= */
#current_language, #other_languages li {
	background-position: 2px 2px;
	background-repeat: no-repeat;
	height: 18px;
	color: #ccc;
	font-size: 11px;
	padding-left: 26px;
	width: 100px;
	cursor: pointer;
}
#language {
	float: right;
	padding-top: 60px;
}
#other_languages { 
	display: none;
	position:absolute; 
	z-index:999; 
	overflow-y:hidden;
}
#other_languages li {
	background-color: #333;
	margin-bottom: 1px;
}
#other_languages li a {
	color: #ccc;
	text-decoration: none;
}
#other_languages li a:hover { text-decoration: underline; color: #fff; }

#header .en { background-image: url(../images/lang_flag_en.png); }
#header .de { background-image: url(../images/lang_flag_de.png); }
#header .ita { background-image: url(../images/lang_flag_ita.png); }
#header .es { background-image: url(../images/lang_flag_es.png); }
#header .pt { background-image: url(../images/lang_flag_pt.png); }

/* MAIN NAV =================================================================== */
#nav {
	width: 960px;
	height: 60px;
	clear: both;
	background: url(../images/nav.jpg) top left no-repeat;
	margin: 0px auto;
	-moz-box-shadow: 0 0 1em black;
	-webkit-box-shadow: 0 0 1em black;
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='black', Positive='true');
}
#nav span { display: none; }
#nav li { float: left; margin-right: 2px; }
#nav li, #nav a { height: 60px; background-image: url(../images/nav.jpg); background-repeat: no-repeat; }
#nav a { text-decoration: none; display: block; }
/* home */
#nav1, #nav1 a { width: 108px; }
#nav1, #nav1 a.active { background-position: 0px -120px; }
#nav1 a { background-position: 0px 0px; }
#nav1 a:hover { background-position: 0px -60px; }
/* the suites */
#nav2, #nav2 a { width: 94px; }
#nav2, #nav2 a.active { background-position: -110px -120px; }
#nav2 a { background-position: -110px 0px; }
#nav2 a:hover { background-position: -110px -60px; }
/* book a room */
#nav3, #nav3 a { width: 112px; }
#nav3, #nav3 a.active { background-position: -206px -120px; }
#nav3 a { background-position: -206px 0px; }
#nav3 a:hover { background-position: -206px -60px; }
/* media gallery */
#nav4, #nav4 a { width: 113px; }
#nav4, #nav4 a.active { background-position: -320px -120px; }
#nav4 a { background-position: -320px 0px; }
#nav4 a:hover { background-position: -320px -60px; }
/* luxury services */
#nav5, #nav5 a { width: 122px; }
#nav5, #nav5 a.active { background-position: -435px -120px; }
#nav5 a { background-position: -435px 0px; }
#nav5 a:hover { background-position: -435px -60px; }
/* location */
#nav6, #nav6 a { width: 86px; }
#nav6, #nav6 a.active { background-position: -559px -120px; }
#nav6 a { background-position: -559px 0px; }
#nav6 a:hover { background-position: -559px -60px; }
/* contact */
#nav7, #nav7 a { width: 80px; }
#nav7, #nav7 a.active { background-position: -647px -120px; }
#nav7 a { background-position: -647px 0px; }
#nav7 a:hover { background-position: -647px -60px; }


/* CONTENT WRAPPER =================================================================== */
#content {
	width: 944px;
	padding: 8px;
	margin: 0px auto;
	min-height: 300px;
	background-color: #f4f2f0;
	-moz-box-shadow: 0 0 1em black;
	-webkit-box-shadow: 0 0 1em black;
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='black', Positive='true');
}


/* FOOTER ============================================================================ */
#footer {
	width: 960px;
	padding: 14px 0px;
	margin: 0px auto;
}
p.footer_links { color: #f4f2f0; float: left; }
p.footer_links a { color: #c3bfbb; text-decoration: none; margin: 0 4px; }
p.footer_links a:hover { text-decoration: underline; color: #fff; }
p.copyright { color: #c3bfbb; float: right; margin-right: 4px; }

p.facebook { clear: both; padding-top: 10px; }
p.facebook a { display: block; height: 24px; padding: 3px 0 0 28px; color: #c3bfbb; text-decoration: none; background: url(../images/facebook_icon.png) top left no-repeat; }
p.facebook a:hover { text-decoration: underline; color: #fff; }