/* CSS Document */

a:link {
	color:  #a36a03;
	text-decoration: none;
	}
a:visited {
	text-decoration: none;
	color: #a36a03;
	}
a:hover {
	text-decoration: none;
	color: #ffbf00;
	}
a:active {
	text-decoration: blink;
	color: #a36a03;
	}

body {
	background-color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#626262;
	line-height:140%;
	margin-top:30px;		
	}

h1 {
	font:Verdana; 
	font-size:14px; 		 
	margin:0 0 0 0
	}

#flash_intro {
	width:600px;
	height:380px;
	margin-top:110px;
	}
	

.wrapper {
 width: 900px;
 margin: 0 auto;
 padding: 0 auto;  
 }
 
#container {
	height:525px; 
	width:900px; 
	margin: 0 auto;
 	padding: 0 auto; 
 	position:relative;
 	display: block;
 	float:left;
 	background-image:url(images/bg.jpg);
 	background-repeat:no-repeat; 
	}

.left_column {
 height:430px; 
 width:540px;
 bottom:20px;
 left:10px;       
 position: absolute;
 display: block; /* IE Hack */
 float:left; 
 }

.right_column {
 height:430px; 
 width:335px;
 bottom:20px;
 right:10px; 
 display: block; /* IE Hack */
 position: absolute; 
 float:right; 
 }

.left_column_index {
 height:465px; 
 width:540px;
 bottom:20px;
 left:10px;       
 position: absolute;
 display: block; /* IE Hack */
 float:left; 
 }

.right_column_index {
 height:455px; 
 width:335px;
 bottom:20px;
 right:10px; 
 display: block; /* IE Hack */
 position: absolute; 
 float:right; 
 }

.book_column {
 height:440px; 
 width:880px;
 bottom:20px;
 right:10px; 
 display: block; /* IE Hack */
 position: absolute; 
 float:right; 
 }

.gallery_column {
 height:440px; 
 width:880px;
 bottom:20px;
 right:10px; 
 display: block; /* IE Hack */
 position: absolute; 
 float:right;
 overflow:auto; 
 }

.menu {
 width:880px;
 height:25px;
 display:inline;
 top:40px;
 left:10px;
 float:left;
 position: absolute;
 }
 
.text {
 width:300px;
 height:320px;
 bottom:10px;
 right:0px;
 padding-right:10px;
 display:inline;
 float:right;
 position: absolute;
 text-align:justify;
 }

.text_index {
 width:310px;
 height:200px;
 bottom:10px;
 right:0px; 
 display:inline;
 float:right;
 position: absolute;
 text-align:justify;
 }
 
.text_book {
 width:860px;
 height:320px;
 bottom:10px;
 right:0px;
 padding-right:10px;
 padding-left:10px;
 display:inline;
 float:right;
 position: absolute;
 text-align:justify;
 overflow:auto;
 }


.photo {
	width:540px;
	height:430px;
	display:inline;		
	float:left;
	position: absolute;
	right: 0px;			
 }

.package {
	width:490px;
	height:320px;
	display:inline;	
	bottom:9px;
	float:left;
	position: absolute;
	right: 0px;
	overflow:auto;			
 }
 
.logo {
 width:300px;
 height:75px;
 top:5px;
 right:0px;
 padding-right:10px;
 display:inline;
 float:right;
 position: absolute;
 text-align:center; 
 }

.logo_index {
 width:300px;
 height:75px;
 top:150px;
 right:0px;
 padding-right:10px;
 display:inline;
 float:right;
 position: absolute;
 text-align:center; 
 }
 
.logo_book {
 width:822px;
 height:75px;
 top:0px;
 left:0px;
 padding-right:10px;
 display: block;
 float:left;
 position: absolute;
 text-align:right;
 }

.logo_gallery {
 width:250px;
 height:105px;
 top:15px;
 right:48px;
 padding-right:10px;
 display: block;
 float:left;
 position: absolute;
 text-align:right;
 }

.title_book {
 left:10px;
 bottom:0px;
 position:absolute;
 height:20px;
 width:auto;
 float:left;
 display:block;
 } 


 
.reservation {
	height:275px;
	width:760px;
	top:110px;
	left:20px;
	display:block;
	float:left;
	position:absolute;
	text-align:justify;
	font-size:9px;
	overflow:auto;
	}
	
.photo-gallery {
	height:275px;
	width:760px;
	top:110px;
	left:20px;	
	display:block;
	float:left;
	position:absolute;
	text-align:justify;
	font-size:9px;
	overflow:auto;
	}

#footer {
	height:20px; 
	width:880px;
	padding-top:5px;
	padding-right:20px; 		
	font-family:"Trebuchet MS";
	font-size:10px; 
	color:#666666;
	text-align:right; 
	position: relative;
	display: inline;
	float:left;
	}



#category1 {height:18px; width:175px; top:25px; left:0px; position:absolute; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#rate1 {height:18px; width:100px; top:25px; left:185px; position:absolute; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#category2 {height:18px; width:175px; top:45px; left:0px; position:absolute; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#rate2 {height:18px; width:100px; top:45px; left:185px; position:absolute; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#category3 {height:18px; width:175px; top:65px; left:0px; position:absolute; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#rate3 {height:18px; width:100px; top:65px; left:185px; position:absolute; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#category4 {height:18px; width:175px; top:85px; left:0px; position:absolute; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#rate4 {height:18px; width:100px; top:85px; left:185px; position:absolute; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}


.highlight {
scrollbar-face-color: #3e3023;
scrollbar-shadow-color: #36291f;
scrollbar-highlight-color: #af8f72;
scrollbar-3dlight-color: #3e3023;
scrollbar-darkshadow-color: #c2ad96;
scrollbar-track-color: #886b4d;
scrollbar-arrow-color: #e2d8cd;
}	

a.gallery, a.gallery:visited { display: block; text-decoration:none; width:70px; height:70px; font-size:11px; float:left; margin:0px; position:relative; cursor: auto;}


a.slidegallery1 { text-decoration:none;}
a.slidegallery2 { text-decoration:none}
a.slidegallery3 {text-decoration:none;}
a.slidegallery4 {text-decoration:none;}
a.slidegallery5 {text-decoration:none;}
a.slidegallery6 {text-decoration:none;}
a.slidegallery7 {text-decoration:none;}
a.slidegallery8 {text-decoration:none;}
a.slidegallery9 {text-decoration:none;}
a.slidegallery10 {text-decoration:none;}
a.slidegallery11 {text-decoration:none;}
a.slidegallery12 {text-decoration:none;}
a.slidegallery13 {text-decoration:none;}
a.slidegallery14 {text-decoration:none;}
a.slidegallery15 {text-decoration:none;}
a.slidegallery16 {text-decoration:none;}
a.slidegallery17 {text-decoration:none;}
a.slidegallery18 {text-decoration:none;}
a.slidegallery19 {text-decoration:none;}
a.slidegallery20 {text-decoration:none;}
a.slidegallery21 {text-decoration:none;}
a.slidegallery22 {text-decoration:none;}
a.slidegallery23 {text-decoration:none;}
a.slidegallery24 {text-decoration:none;}
a.slidegallery25 {text-decoration:none;}
a.slidegallery26 {text-decoration:none;}
a.slidegallery27 {text-decoration:none;}

a.gallery span {visibility:hidden; position:absolute; display: block; width:540px; height:430px; cursor:default; border:0px;}

a.slidegallery1 span {left:-570px; top:-140px;}
a.slidegallery2 span {left:-670px; top:-140px;}
a.slidegallery3 span {left:-770px; top:-140px;}
a.slidegallery4 span {left:-570px; top:-242px;}
a.slidegallery5 span {left:-670px; top:-242px;}
a.slidegallery6 span {left:-770px; top:-242px;}
a.slidegallery7 span {left:-570px; top:-344px;}
a.slidegallery8 span {left:-670px; top:-344px;}
a.slidegallery9 span {left:-770px; top:-344px;}
a.slidegallery10 span {left:-570px; top:-10px;}
a.slidegallery11 span {left:-670px; top:-10px;}
a.slidegallery12 span {left:-770px; top:-10px;}
a.slidegallery13 span {left:-570px; top:-112px;}
a.slidegallery14 span {left:-670px; top:-112px;}
a.slidegallery15 span {left:-770px; top:-112px;}
a.slidegallery16 span {left:-570px; top:-214px;}
a.slidegallery17 span {left:-670px; top:-214px;}
a.slidegallery18 span {left:-770px; top:-214px;}
a.slidegallery19 span {left:-570px; top:-316px;}
a.slidegallery20 span {left:-670px; top:-316px;}
a.slidegallery21 span {left:-770px; top:-316px;}
a.slidegallery22 span {left:-570px; top:-10px;}
a.slidegallery23 span {left:-670px; top:-10px;}
a.slidegallery24 span {left:-770px; top:-10px;}
a.slidegallery25 span {left:-570px; top:-112px;}
a.slidegallery26 span {left:-670px; top:-112px;}
a.slidegallery27 span {left:-770px; top:-112px;}


a.gallery:hover {white-space:normal; border:0px; z-index:100;}

a.gallery:hover span {visibility:visible; border:0px; z-index:100;}

a.gallery:hover span img {margin:10px; border:0px; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {z-index:10; border:0px;}

a.gallery:active span, a.gallery:focus span {visibility:visible; border:0px; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {position: absolute; border:0px; margin:10px; z-index:10;}