/* 	
Title: 			Reset styles
Author: 		Johannes Ma
Updated: 		12 25 2008
Version:		1.2 (6-11-07)
Nods to yahoo ui library & eric meyer.
*/
   
html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table , caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;}

:focus {outline: 0;}

address, caption, cite, code, dfn, th, var { 
font-style:normal; 
font-weight:normal; } 

table class="stripeMe"  {
	border-collapse: collapse;
	border-spacing: 0;}

ol, ul {list-style: none;}

caption, th {text-align:left;}

h1, h2, h3, h4, h5, h6 { 
	font-size: 100%; 
	font-weight:normal; } 

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";}

/* Additional-----------------------------------------------------------------------*/
form label {cursor: pointer;}
fieldset {border: none;}
.clear {clear: both;}
.hide {display: none;}

abbr, acronymn {text-decoration: none; border:0;}

hr {margin: 10px 0;}

/*basic styles-----------------------------------------------------------------------*/
body {background: url(../_images/shared/body-background.gif) left top; color: #fff; font-family: sans-serif, Verdana, Arial, Helvetica;}

#container-top {
	width: 920px;
	height:120px;
	background: none; 
	margin: 0 auto 0;
	padding: 0 6px 0 6px;}

#container {
	position: relative;
	width: 920px;
	min-height:400px;
	background: url(../_images/shared/container-background.png) left top repeat-y; 
	margin: 0 auto;
	padding: 0 6px 6px 6px;
	color:#222;}
	
#container a {color: #aa651b; text-decoration: none;}
#container a:hover {text-decoration: underline;}
	
/*home styles ----------------------------------------------------------------------- */

#home-content {display: block; width: 100%; margin: 0; padding: 300px 0 0; }
	
#home-content h1#mark {
	display: block;
	width: 508px;
	height: 134px;
	margin: 0 0 0 360px;
	background: url(../_images/shared/mark-dar23-home.gif) top left no-repeat;
	text-indent: -4000px;
	overflow: hidden;
	text-align: left;}
	
ul#language-nav {
	display: block;
	width: 190px;
	height: auto;
	margin: 10px 0 0 695px;}
	
ul#language-nav li a {
	float: left;
	display: block;
	height: 25px;
	text-indent: -4000px;
	overflow: hidden;}
	
ul#language-nav li#n-eng a:link, ul#language-nav li#n-eng a:visited {width: 85px; background: #fff url(../_images/shared/nav-language.gif) left -1px no-repeat;}

ul#language-nav li#n-eng a:hover {width: 85px; background: #fff url(../_images/shared/nav-language.gif) left -23px no-repeat;}


ul#language-nav li#n-fr a:link, ul#language-nav li#n-fr a:visited {width: 90px; background: #fff url(../_images/shared/nav-language.gif) -77px -1px no-repeat;}

ul#language-nav li#n-fr a:hover {width: 90px; background: #fff url(../_images/shared/nav-language.gif) -77px -23px no-repeat;}

ul#language-nav li#n-esp a:link, ul#language-nav li#n-esp a:visited {width: 90px; background: #fff url(../_images/shared/nav-language.gif) -172px -1px no-repeat;}

ul#language-nav li#n-esp a:hover {width: 90px; background: #fff url(../_images/shared/nav-language.gif) -172px -23px no-repeat;}


/*nav styles-----------------------------------------------------------------------*/

#nav {display: block;
	width: 880px;
	height: 140px;
	position: absolute;
	top: -132px;
	left: 50%;
	margin: 0 0 0 -466px;
	background: url(../_images/shared/nav-background.png) left -30px no-repeat;
	padding: 0 26px;}
	
#nav h1#mark a {
	display: block;
	float: left;
	width: 297px;
	height: 78px;
	margin: 0;
	padding: 0;
	background: url(../_images/shared/mark-dar23-small.gif) bottom left no-repeat;
	text-indent: -4000px;
	overflow: hidden;
	text-align: left;}
	
#nav ul {float: right; margin: 60px 0 0;}
#nav li {float: left;}
#nav li a {padding: 1px 10px; border-right: 1px solid #666; color: #222; text-transform: uppercase; text-decoration: none; font-size: 12px;}
#nav li a:hover, #nav li a.on {color: #aa651b;}

/*welcome styles-----------------------------------------------------------------------*/
#welcome {
	display: block;
	width: 370px;
	height: 430px;
	min-height: 80%;
	background: url(../_images/photos/welcome-background.jpg) left top no-repeat;
	margin: 0 0 0 35px;
	padding: 70px 20px 80px 460px;}
	
#welcome h2 {color: #fff; font-size:40px; margin: 0 0 15px; letter-spacing: -2px;}
#welcome p {color: #fff; font-size:14px; text-transform: uppercase; margin: 0 0 10px;}


/*about styles-----------------------------------------------------------------------*/
#about {
	display: block;
	width: 480px;
	height: 460px;
	background: url(../_images/photos/about-background.jpg) left top no-repeat;
	margin: 0 0 0 35px;
	padding: 0 0 20px 380px;}
	
#about h2 {color: #222; font-size:40px; margin: 0 0 15px; letter-spacing: -2px;}
#about p {color: #222; font-size:14px; text-transform: uppercase; margin: 0 0 10px;}

/*deposit styles-----------------------------------------------------------------------*/
#deposit {
	display: block;
	width: 360px;
	height: 460px;
	background: url(../_images/photos/tangier/10.jpg) left top no-repeat;
	margin: 0 0 0 35px;
	padding: 0 0 20px 520px;}
	
#deposit h2 {color: #222; font-size:40px; margin: 0 0 15px; letter-spacing: -2px;}
#deposit p {color: #222; font-size:14px; text-transform: none; margin: 0 0 10px;}


/*room styles-----------------------------------------------------------------------*/
#rooms {
	display: block;
	width: 930px;
	height: 550px;
	background: none;
	margin: 0;
	padding: 0 0 20px;}
	
#rooms h2 {color: #222; font-size:40px; margin: 0 0 15px 20px; letter-spacing: -2px;}
#rooms h2.detail {text-align: right; margin: 0 60px 15px 0;}
#rooms ul {
	display: block;
	width: 98%;
	height: 270px;
	padding: 20px 0 70px 20px;}
	
#rooms li {
	display: block;
	float: left;
	margin: 0 20px 0 0;}
	
#rooms li#description {
	width: 220px;}
	
#rooms li a {
	display: block;
	width: 192px;
	height: 272px;
	float: left;
	margin: 0;
	text-indent: -4000px;
	overflow: hidden;}
	
#rooms li#n-normade a { background: url(../_images/shared/nav-room.jpg) left top no-repeat;}

#rooms li#n-ebene a { background: url(../_images/shared/nav-room.jpg) -212px top no-repeat;}

#rooms li#n-kashgar a { background: url(../_images/shared/nav-room.jpg) -414px top no-repeat;}

#rooms li#n-normade a:hover { background: url(../_images/shared/nav-room.jpg) left -274px no-repeat;}

#rooms li#n-ebene a:hover { background: url(../_images/shared/nav-room.jpg) -212px -274px no-repeat;}

#rooms li#n-kashgar a:hover { background: url(../_images/shared/nav-room.jpg) -414px -274px no-repeat;}

#rooms p {color: #222; font-size:13px; text-transform: none; margin: 0 0 10px;}
#rooms p.more {margin: 30px 0 10px 20px;}
#rooms p.description { display: block; width: 240px; float: right; text-transform: uppercase; margin: 0 40px 0 0;}

#photo-gallery {
	margin: 0 0 0 30px;
	display: block;
	width: 600px;
	height: 550px;
	float: left;
	text-align: right;}
	
#photo-gallery p {display: block; width: 600px; text-align: center;}
#photo-gallery p.pretty-hover {cursor: pointer;}

/*tariff styles-----------------------------------------------------------------------*/
#tariff {
	display: block;
	width: 380px;
	height: 660px;
	background: url(../_images/photos/tariff-background.jpg) left 65px no-repeat;
	margin: 0 0 0 35px;
	padding: 0 0 20px 480px;}
	
#tariff h2 {color: #222; font-size:40px; margin: 0 0 15px; letter-spacing: -2px;}

#tariff h4 {color: #222; font-size:12px; text-transform: uppercase;  font-weight: bold;  margin: 0 0 5px;}
#tariff p {color: #222; font-size:12px; text-transform: none; margin: 0 0 10px;}

/*tangier styles-----------------------------------------------------------------------*/
#tangier {
	display: block;
	width: 930px;
	height: 300px;
	background: none;
	margin: 0;
	padding: 0 0 20px;}
	
#tangier h2 {color: #222; font-size:40px; margin: 0 0 15px; letter-spacing: -2px;}

#tangier h4 {color: #222; font-size:12px; text-transform: uppercase;  font-weight: bold;  margin: 0 0 5px;}
#tangier p {color: #222; font-size:12px; text-transform: none; margin: 0 0 10px;}

#tangier #photo-gallery {
	margin: 10px 0 0 20px;
	display: block;
	width: 520px;
	height: 400px;
	float: left;
	text-align: right;}
	
#tangier #photo-gallery p {display: block; width: 520px; text-align: center;}

/*dining styles-----------------------------------------------------------------------*/
#dining {
	display: block;
	width: 870px;
	height: 460px;
	background: none;
	margin: 0;
	padding: 0 30px 20px 30px;}
	
#dining h2 {color: #222; font-size:40px; margin: 0 15px 15px 0; letter-spacing: -2px; float:right;}

#dining p {color: #222; font-size:13px; text-transform: none; margin: 0 0 10px; line-height: 1.5em;}

#dining img.left {float: left; margin: 0 30px 20px 0;}

/*contact styles-----------------------------------------------------------------------*/
#contact {
	display: block;
	width: 330px;
	height: 430px;
	background: url(../_images/photos/map.jpg) left 65px no-repeat;
	margin: 0 0 0 35px;
	padding: 0 0 20px 530px;}
	
#contact h2 {color: #222; font-size:40px; margin: 0 0 15px; letter-spacing: -2px;}

#contact h4 {color: #222; font-size:12px; text-transform: uppercase;  font-weight: bold;  margin: 0 0 5px;}
#contact p {color: #222; font-size:12px; text-transform: none; margin: 0 0 10px;}




/*footer styles-----------------------------------------------------------------------*/

#footer {
	position: relative;
	width: 885px;
	height:52px;
	background: url(../_images/shared/footer-background.png) left top no-repeat; 
	margin: 0 auto;
	padding: 70px 21px 0 26px;
	color:#222;}
	
#footer p.copyright { float: right; font-size: 10px;}
#footer p.languages { font-size: 10px; text-transform: uppercase;}

#footer a {color: #222; text-decoration: none;}
#footer a:hover {text-decoration: underline;}