/* ----------------------------------- */
/* ---------->>> RESET <<<------------ */
/* ----------------------------------- */

* {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 100%;
}
html, boby{ 
	min-width: 100%;
	min-height: 100%;
	font: normal 12px "Times New Roman";
}
ul, ol { list-style: none; }


/* ----------------------------------- */
/* ---------->>> GLOBAL <<<----------- */
/* ----------------------------------- */

body { background: #362217 url(../img/body_bg.jpg); }
h1 	 { font-size: 30px; }
h4 	 { font-size: 18px; }
h5 	 { font-size: 15px; }
h6 	 { font-size: 12px; }
a  	 { color: #261106; }

#wrapper {}
#header  {
	position: relative;
	height: 240px;
}
#top {
	position: absolute;
	top: 30px;
	left: -93px;	
	margin-left: 50%;
}
#navigation {
	width: 100%;
	position: absolute;
	top: 200px;
	height: 41px; 
	background: #493223;
	border-top: 1px solid #62452b;
	text-align: center;
}
#container { 
	position: relative;
	overflow: hidden;
	padding: 25px 0 60px;
}
#preview {
	overflow: hidden;
	width: 900px;
	margin: 0 auto;
	color: #261106;
}
#footer { 
	position: relative;
	height: 355px;
}
#bottom {
	position: absolute;
	top: 31px;
	left: -450px;
	width: 900px;
	margin-left: 50%;
}

/* #container */
#preview h4 			{ margin: 15px 0; }
#preview h5 			{ margin-bottom: 12px; }
#preview h6 			{ margin-bottom: 10px; }
#preview p  			{ margin-bottom: 20px; }
#preview strong 		{ font-weight: bold; }
#preview .no-margin-top { margin-top: 0; }

#preview .column ul.bird   li { list-style: url(../img/bird_bullet.gif) outside; }
#preview .column ul.square li { list-style: url(../img/square_bullet.gif) outside; }
#preview .column li 		  { 
	margin-left: 15px;
	margin-right: 0;
}
#preview .list 	  { width: 100%; }
#preview .list li { 
 	overflow: hidden;
	background: url(../img/dotted.gif) 0 10px repeat-x;
}
#preview .list span {
	display: inline;
	float: left;
	padding-right: 3px;
}
#preview .list a, #preview .list label {
	display: inline;
	float: right;
	padding-left: 5px;
}
#preview .list a:hover {
	font-weight: bold;
	text-decoration: none;
}

#preview table 					  { width: 900px; }
#preview .thead,  #preview .tfoot { height: 40px; }
#preview .column, #preview .info  { vertical-align: top; }
#preview #scroller {
	z-index: 1;
	overflow: hidden;
}
#scroller .left, #scroller .right {
	float: left;
	background-color: transparent;
	cursor: pointer;
}
#scroller .thumbs {
	display: inline;
	float: left; 
	overflow: hidden; 
	white-space: nowrap;
}

/* #footer */
#footer .opacity {
	height: 355px;
	background-color: #2f1b10;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#footer .darkside {
	z-index: 0;
	position: absolute;
	top: 0;
	width: 100%;
	height: 354px;
	background: url(../img/footer_bg.png) repeat-x;
	_background: none;
}
#bottom .hotelname { 
	display: block;
	width: 152px;
	margin: 0 auto 21px;
}
#bottom ul {
	overflow: hidden;
	width: 900px;
}
#bottom li {
	float: left;
	width: 286px;
	height: 120px;
	color: #987545;
}
#bottom li a 	   { color: #987545; }
#bottom li a:hover { color: #7d563b; }
#bottom li.middle {
	width: 328px;
	background: url(../img/middle_bg.png) center no-repeat;
	font-size: 12px;
}
#bottom .middle p { 
	margin: 25px 0 15px; 
	text-align: center;
}
#bottom .middle blockquote { 
	width: 135px;
	margin: 0 auto; 
}
#bottom li.right   { text-align: right; }
#bottom dl { margin-top: 16px; }
#bottom dd { margin: 8px 0; }
#bottom .group { 
	width: 370px;
	margin: 45px auto 0; 
}
#bottom li.left a { 
	display: inline;
	padding-left: 15px;
	background: url(../img/links_arrows.png) 0 0 no-repeat;
}
#bottom li.right a { 
	display: inline;
	padding-right: 15px;
	background: url(../img/links_arrows.png) 100% -15px no-repeat;
}
#footer .copyright {
	width: 900px;
	margin: 26px auto 0;
	text-align: center;
	color: #5a3e2b;
}
#footer .copyright a { color: #5a3e2b; }
#footer .copyright a:hover { 
	color: #987545;
	text-decoration: none;
}

/* ----------------------------------- */
/* ---------->>> LAYOUT <<<----------- */
/* ----------------------------------- */

#wrapper .layout { 
	z-index: 1;
	position: absolute;
	top: 0;
	overflow: hidden;
	width: 100%;
	font-size: 1px;
	line-height: 1px;
}

#header .layout .left, #header .layout .right {
	float: left; 
	width: 40%; 
	height: 200px;
}
#header .layout .right  { text-align: right; }
#header .layout .center {
	float: left; 
	width: 20%;
	height: 200px;
	*margin-right: -1px;
}

#container .layout .left, #footer .layout .left,
#container .layout .right, #footer .layout .right {
	float: left; 
	width: 25%; 
	height: 1px;
}
#container .layout .left, #footer .layout .left     { background: url(../img/layout_bg.png) left top repeat-x; }
#container .layout .right, #footer .layout .right   { background: url(../img/layout_bg.png) right top repeat-x; }
#container .layout .center, #footer .layout .center {
	float: left; 
	width: 50%;
	height: 1px; 
	border-top: 1px solid #bb9355;
}