@charset "UTF-8";
/* CSS Document */

html{height:100.01%;}

body{text-align:center; font-family:Arial, Arial, Helvetica, sans-serif; font-size: 62.5%; color:#000000; line-height:1.3em; 
background:#f5f3e9;}

#wrapper{width:100%; background:url(../images/header.jpg) no-repeat top;}

#page{width:931px; margin:0 auto 0 auto; padding-bottom:20px;}

#header{width:931px; background:url(../images/header.jpg) no-repeat center top;}
	#header img{float:left;}

	#reservations{width:318px; height:110px; background:url(../images/phone-number.jpg) no-repeat; float:right; margin-top:10px;}
		#reservations h1{display:none;}
		#reservations span{text-indent:-999999px; overflow:hidden;background:url(../images/star-grading.gif) no-repeat; width:85px; height:15px; float:left; margin:95px 0 0 115px;}
	#nav{width:655px; float:right; height:38px; margin:30px 0 0 0;}
	
		#nav li{display:inline; float:left; margin:0 6px 0 0;}
		#nav li a{height:38px; display:block; text-indent: -999999px; position:relative;}
		
		#nav li a#nav_home{background:url(../images/nav_home.jpg) no-repeat top; width:109px;}
		#nav li a#nav_attractions{background:url(../images/nav_attractions.jpg) no-repeat top; width:134px;}
		#nav li a#nav_rooms{background:url(../images/nav_rooms.jpg) no-repeat top; width:123px;}
		#nav li a#nav_whats_special{background:url(../images/nav_whats_special.jpg) no-repeat top; width:155px;}
		#nav li a#nav_find_us{background:url(../images/nav_find_us.jpg) no-repeat top; width:104px;}

		#nav li a#nav_home:hover,
		#nav li a#nav_attractions:hover,
		#nav li a#nav_rooms:hover,
		#nav li a#nav_whats_special:hover,
		#nav li a#nav_find_us:hover{background-position:0px -38px;}
		
		body#page_home #nav li a#nav_home,
		body#page_attractions #nav li a#nav_attractions,
		body#page_rooms #nav li a#nav_rooms,
		body#page_whats_special #nav li a#nav_whats_special,
		body#page_find_us #nav li a#nav_find_us{background-position:0px -38px;}



.box_top{background:url(../images/box_top.png) repeat-x top #fdfdfc; display:inline-block; position:relative; float:left; margin-top:20px;}
.box_left{background:url(../images/box_left.png) no-repeat top left; display:inline-block; position:relative; float:left;}
.box_right{background:url(../images/box_right.png) no-repeat top right; display:inline-block; position:relative; float:left;}
.box_bottom{background:url(../images/box_bottom.png) repeat-x bottom; display:inline-block; position:relative; float:left;}
.box_bottom_left{background:url(../images/box_bottom_left.png) no-repeat bottom left; display:inline-block; position:relative; float:left;}
.box_bottom_right{
	background:url(../images/box_bottom_right.png) no-repeat bottom right;
	display:inline-block;
	position:relative;
	float:left;
}


#two_column_left{width:679px; float:left;}
#two_column_right{width:221px; float:right;}

	.home_left{width:679px;}
	.home_right{width:221px; float:left; padding-bottom:6px;}
	
	#welcome{background:url(../images/bg_welcome.jpg) no-repeat bottom left; height:292px;}
		
		#welcome_text{width:276px; float:right; margin:26px 36px 0 0;}
			#welcome_text p{color:#3f5c6b; margin:10px 0 0 0;}
			#welcome_text a{float:right; margin:16px 0 0 0;}
			#welcome_text h1{margin:0; padding:0 0 6px 0;}


	#javascript{height:174px; background:url(../images/bg_javascript.jpg) no-repeat top; width:667px; margin:0 0 0 6px;}
	
	#enquiry{padding:5px 0 0 20px;}
	
	#enquiry p{margin:10px 0 10px 0;}
	
		#enquiry table{width:639px; margin:10px 0 39px 0;}
		
		@media screen and (-webkit-min-device-pixel-ratio:0){
		#enquiry table{width:639px; margin:10px 0 31px 0;}
		}	 
	
		#enquiry table td{vertical-align:top; padding-bottom:5px; color:#666667; font-size:12px; line-height:1.3em;}
		
			.textbox{background-color:#f3f5f6; border:#bac0c5 solid 1px; padding:5px 0 5px 5px; width:270px;
			font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4b6674;}
			.textarea{background-color:#f3f5f6; border:#bac0c5 solid 1px; padding:5px 0 5px 5px; width:345px; height:79px;
			font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4b6674; margin:0;}
			.checkbox{background-color:#f3f5f6; border:#bac0c5 solid 1px;}
			#submit{border:none; background:url(../images/submit.png) no-repeat; width:94px; height:38px; cursor:pointer;}
			#enquiry table td#message{width:340px; vertical-align:top;}
			#enquiry table td#button{text-align:right;}
			
			@media screen and (-webkit-min-device-pixel-ratio:0){
			.textarea{margin:2px 0 0 0; height:84px;}
			}	 
		

	#rating{background:url(../images/come_stay_with_us.jpg) no-repeat top #657a8f; width:211px; margin:6px 0 0 5px; text-align:center; float:left;
	padding-top:200px;}
		#rating a{color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}
		#rating p{text-align:center; margin:15px 0 9px 0;}

		@media screen and (-webkit-min-device-pixel-ratio:0){
		#rating p{margin:15px 0 8px 0;}
		}	 


	#details h1{padding-left:0; text-align:center;}
	
		.section{background:url(../images/bg_details_section.png) no-repeat bottom center; padding-bottom:10px;}
		
			.section table{font-size:12px; color:#716c6c; margin:10px auto 0 auto; width:170px;}
			.section table td{padding:0 0 5px 0; line-height:1.3em;}
			.section table td.left{font-weight:bold; padding-right:5px; font-family:Georgia, "Times New Roman", Times, serif; width:20px;}
	
	#special h1{text-align:center; padding-left:0;}
	
		#special p{font-size:11px; text-align:center; margin:10px 10px 20px 10px;}
		#special p#special_big{font-size:16px; font-weight:bold;}



#footer{width:100%; background:url(../images/bg_footer.jpg) repeat-x top left;}

	#footer_page{width:931px; margin:0 auto 0 auto;}


	.footer_column{width:202px; float:left; padding-top:30px; padding-bottom:30px; margin:4px 0 0 13px; background:url(../images/footer_seperator.jpg) no-repeat top right;}
		
		.footer_column h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#efede2; border-bottom:#efede2 dotted 1px; padding-bottom:8px;
		margin-right:35px;}
		.footer_column li{font-size:12px; font-family:Arial, Helvetica, sans-serif; border-bottom:#efede2 dotted 1px; padding:8px 0 8px 0; margin-right:35px;
		list-style:circle inside; color:#efede2;}
		.footer_column li a{color:#efede2; text-decoration:none; padding:8px 0 8px 0;}
		.footer_column p{color:#efede2; margin:10px 35px 20px 0;}
		.footer_column a{color:#efede2;}

	#footer_logo{margin:50px 0 0 80px; width:165px; height:165px; float:left;}
	
	#copyright{width:931px; float:left; text-align:center; padding-bottom:20px;}
	
		#copyright p{color:#efede2; text-align:center;}
			#copyright a{color:#efede2;}
			
			#ns{float:right; margin:-30px 20px 0 0; width:30px; height:30px;}
	
#bottom{width:100%; float:left; background:url(../images/bg_bottom.gif) repeat-x top #FFFFFF;}

	#bottom_page{width:931px; margin:0 auto 0 auto;}
	
		#bottom_page img{margin:1px 0 0 55px;}


/************* Attractions ***************/	

	#one_column{width:931px; margin:0 auto 0 auto;}
	
		.attraction{width:931px; padding-bottom:50px;}
		
		.tab{width:583px; margin:0 0 0 15px; padding:1px; float:left; display:inline;}
		
			.tab table{font-family:Arial, Helvetica, sans-serif; color:#4b3a30; font-size:12px; width:583px;}
			.tab table tr td{padding:15px 0 15px 20px; border-right:#979797 dotted 1px;}
			.tab table tr td.last{border:none;}
			
			
			.tab ul li{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#716c6c; background:url(../images/rooms/list_item_green.jpg) no-repeat left 3px;
	padding:0 0 0 15px;}
	
			.tab p{margin:10px 0 0 0;}
			
			


			.tab table tr { background-color: #fff; }
			.tab table tr.alternate { background-color: #f6f6f6; }
			
			
			.gallery{width:286px; height:271px; background:url(../images/attractions/bg_image.jpg) no-repeat; float:right; margin:0 15px 0 0; display:inline;
			padding:16px 0 0 16px;}
			.gallery img{border:#CCCCCC solid 1px; padding:1px; margin:0 1px 10px 0;}
			.attraction dl dd{font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#4b3a30; text-transform:uppercase; text-align:center;
			padding:10px 0 0 0;}
			




/************* Rooms ***************/


.rooms{width:931px; padding-bottom:20px;}

	#rooms_gallery{width:322px; height:335px; background:url(../images/rooms/bg_gallery.jpg) no-repeat top left #fcfbf7; float:left; margin:10px 0 0 6px; display:inline;}
	
	#right_info{width:594px; float:left;}
	
	#right_info h1{padding-left:0px; margin-left:0px;}
	#right_info dl{width:594px; display:block; float:left; margin:5px 0 0px 0; padding-bottom:10px;}
	#right_info dl dd{float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#716c6c; padding:0px 50px 0px 20px;}
	#right_info dl dd.season{width:100px;}
	#right_info dl dd.season2{width:150px;}
	
	.rooms p{margin:15px 20px 0 0;}
	.rooms ul li{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#716c6c; background:url(../images/rooms/list_item_green.jpg) no-repeat left 3px;
	padding:0 0 0 15px;}
	.rooms ul{margin:20px 0 0 20px;}
	
	#bottom_rooms{width:910px; float:left; margin:0 0 0 10px; display:inline;}
		
		#bottom_rooms dl{margin:0 0 0 20px;}
		#bottom_rooms dl dd{float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#716c6c; padding:10px 20px 10px 20px;
		background:url(../images/rooms/list_item_orange.jpg) no-repeat 10px left;}
		
		#bottom_rooms p.quote{background-color:#f4f4f4; float:left; padding:25px; text-align:left; margin:20px 0 20px 30px; display:inline; width:800px;}
		#bottom_rooms p.quote span#open{font-size:50px; position:relative; position:absolute; margin:-5px 0 0 -20px;}
		#bottom_rooms p.quote span#close{font-size:50px; position:relative; position:absolute; margin:-3px 0 0 5px;}
		#bottom_rooms p.quote em{position:absolute; color:#d18739; font-weight:bold; margin:20px 0 0 0;}



.form{width:931px; padding:0 0 20px 0;}

	.form p{margin:20px 0 0 20px; width:891px; float:left; display:inline;}
	
	.form p.form_left{width:400px; float:left; height:30px; display:inline;}
	.form p.form_left2{width:230px; float:left; display:inline; height:30px;}
	
	
			.form p .textbox{background-color:#f3f5f6; border:#bac0c5 solid 1px; padding:5px 0 5px 5px; width:383px;
			font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4b6674;}
			.form p .textbox2{background-color:#f3f5f6; border:#bac0c5 solid 1px; padding:5px 0 5px 5px; width:120px;
			font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4b6674; float:left;}
			.form p .textarea{background-color:#f3f5f6; border:#bac0c5 solid 1px; padding:5px 0 5px 5px; width:886px; height:79px;
			font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4b6674; margin:0;}
			
			label.dates{width:68px; display:inline-block; float:left; margin:7px 0 0 0;}

	
/* begin gallery styling */
#jgal { list-style: none; width: 300px; margin:290px 0 0 20px;}
#jgal li { opacity: .5; float: left; display: inline-block; width: 36px; height: 50px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd;
margin:0 15px 10px 0; }
#jgal img{margin:0px 0 0 0;}
#jgal li img { position: absolute; top: 34px; left: 29px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }



/************* Whats Special ***************/

#promotions{background:url(../images/whats_special/bg_promotions.jpg) no-repeat center 8px; padding-top:140px; margin-bottom:8px;}

	#promotions p{padding:0 0 10px 50px; color:#4b3a30; font-weight:bold; font-size:16px;}
	#promotions p span{font-size:11px; color:#d18739;}
	

#facilities{padding:0 0 20px 0;}
	#facilities p{margin:10px 0 0 20px;}

	#facilities ul li{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#716c6c; width:300px; float:left;
	background:url(../images/whats_special/list_item.jpg) no-repeat top left; padding:0 0 0 25px; margin:0 0 10px 0;}
	#facilities ul li span{text-transform:uppercase; color:#5f8bad; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px;}
	#facilities ul{margin:20px 0 0 20px;}


#car_rental{padding:0 0 20px 0;}

	#car_rental ul li{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#716c6c; 
	background:url(../images/rooms/list_item_green.jpg) no-repeat left 3px; padding:0 0 0 15px;}
	#car_rental ul{margin:10px 0 0 20px;}
	
	#car_rental p{margin:10px 0 0 20px;}
	
	#car_rental table{font-family:Georgia, "Times New Roman", Times, serif; color:#4b3a30; font-size:12px; margin:20px 0 0 20px;}
	
	#car_rental table th#class{width:89px; text-align:center; padding:8px 0 8px 0; background-color:#e4eaee;}
	#car_rental table th#g{width:167px; text-align:center; padding:8px 0 8px 0; background-color:#e4eaee;}
	#car_rental table th#t{width:167px; text-align:center; padding:8px 0 8px 0; background-color:#e4eaee;}
	#car_rental table th#b{width:167px; text-align:center; padding:8px 0 8px 0; background-color:#e4eaee;}
	
	#car_rental table td{text-align:center; padding:8px 0 8px 0; line-height:1.3em; vertical-align:middle;}
	
	#car_rental tr { background-color: #f2f4f5; }
	#car_rental tr.alternate { background-color: #fff; }


#events{padding:0 0 20px 0;}

	#events table{font-family:Georgia, "Times New Roman", Times, serif; color:#4b3a30; font-size:12px; margin:20px 0 0 20px;}
	
	#events table tr td#event_image{width:142px;}
	#events table tr td#event_desc{width:330px;}
	#events table tr td#event_date{width:170px;}
	
	#events table tr td{vertical-align:middle; text-align:center; padding:10px 0 10px 0;}
	
	#events table tr td img{border:#adadad solid 1px; padding:1px;}
	
	#events table tr{border-bottom:#d1d1d1 solid 1px;}
	
#artworks{padding:0 0 20px 0;}
	
	#artworks h1{text-align:center; padding:0 0 6px 0;}
	#artworks p{margin:20px 20px 0 20px}
	
	#artworks img{float:left; margin:20px 0 0 20px; display:inline;}
	#artworks img#view{float:right; margin:10px 20px 0 0; display:inline;}
	
#logos{padding:20px 0 20px 0; text-align:center;}

	#logos img{margin:10px 0 0 0;}
	#logos p{text-align:center;}


/************* Find Us ***************/

#directions{padding:0 0 20px 0;}

#directions ul li{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#716c6c; 
	background:url(../images/rooms/list_item_green.jpg) no-repeat left 3px; padding:0 0 0 15px;}
	#directions ul{margin:10px 0 0 20px;}
	
	#directions p{margin:10px 0 0 20px;}

#map img{margin:10px 0 10px 9px;}



.enquiry{padding:0 0 20px 0; width:679px; overflow:hidden;}

	.enquiry p{margin:20px 0 0 20px; width:891px; float:left; display:inline;}
	
	.enquiry p.form_left{width:310px; float:left; height:30px; display:inline;}
	.enquiry p.form_left2{width:300px; float:left; display:inline; height:30px;}
	
	
			.enquiry p .textbox{background-color:#f3f5f6; border:#bac0c5 solid 1px; padding:5px 0 5px 5px; width:300px;
			font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4b6674;}
			.enquiry p .textbox2{background-color:#f3f5f6; border:#bac0c5 solid 1px; padding:5px 0 5px 5px; width:120px;
			font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4b6674; float:left;}
			.enquiry p .textarea{background-color:#f3f5f6; border:#bac0c5 solid 1px; padding:5px 0 5px 5px; width:630px; height:79px;
			font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4b6674; margin:0;}
			
			.enquiry p label.dates{width:138px; display:inline-block; float:left; margin:7px 0 0 0;}


#services{padding:0 0 20px 0;}

	#services ul li{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#716c6c; 
	background:url(../images/rooms/list_item_green.jpg) no-repeat left 3px; padding:0 0 0 15px;}
	#services ul{margin:20px 0 0 20px;}
	
	#services h1{text-align:center; padding:0 0 6px 0;}

#credit_cards{padding:0 0 20px 0; text-align:center;}

	#credit_cards p{margin:20px 0 0 20px;}
	
	
p#thanks{margin:20px 0 0 0; text-align:center;}



.terms{width:931px; padding-bottom:20px; height:500px;}

	.terms p{margin:20px 20px 0 20px;}




/************* Text Styles ***************/	

p{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#716c6c;}


a{color:#716c6c;}
a:hover{text-decoration:none;}

h1{font-family:Georgia, "Times New Roman", Times, serif; color:#d18739; font-size:21px; border-bottom:#90a1a9 dotted 1px; padding-bottom:6px; padding-left:14px;
margin:18px 6px 0 6px; text-transform:uppercase;}


strong{font-weight:bold;}

a:active, a:focus {
outline: 0
}



/************* Image Carousel ***************/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 658px; /*Width of Carousel Viewer itself*/
height: 143px; /*Height should enough to fit largest content's height*/
float:right;
margin:10px 0 0 0;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 0 0 80px; /*margin around each panel*/
width: 658px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/************* Form Validation ***************/

.LV_validation_message{
    font-weight:bold;
}

.LV_valid {
    color:#4c973d;
	display:none;
}
	
.LV_invalid {
    color:#c45034;
	font-size:11px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
	background:url(../images/correct.png) no-repeat right center #f3f5f6;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
	background:url(../images/incorrect.png) no-repeat right center #f3f5f6;
}





/************* Accessibility ***************/	

/* clearing */ 
.clear{clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
* html>body .clearfix{display: inline-block; width:100%;}
* html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

/* accessibility */ 
.accessibility { position: absolute; top: -999em; left: -999em;}