@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:#6a6767; line-height:1.3em; 
background:url(../images/background.png) center top;}

#wrapper{width:100%;}

#page{width:899px; margin:0 auto 0 auto; background:url(../images/page-bg.png) repeat-y;}

#header{width:899px; background:url(../images/top-bg.jpg) no-repeat top; padding-top:38px;}

#header_bg{width:865px; margin:0 auto 0 auto; height:355px; background:url(../images/header-bg.jpg) no-repeat;}

	#logo{width:865px; background:url(../images/top-logo-bg.jpg) no-repeat; height:107px; margin:0 auto 0 auto; text-align:center;}
	

/************* Navigation ***************/
	
	#nav{width:251px; background:url(../images/bg_nav.jpg) no-repeat; height:329px; margin:0 0 0 27px; float:left;}
	
		#nav ul{width:251px; padding-top:26px;}
		#nav ul li{text-indent:-999999px; width:251px; height:36px; position:relative; display:block;}
		
		#nav ul li a#nav_home{background:url(../images/nav/home.jpg) no-repeat; width:251px; display:block; height:36px; position:relative;}
		#nav ul li a#nav_suites{background:url(../images/nav/suites.jpg) no-repeat; width:251px; display:block; height:36px; position:relative;}
		#nav ul li a#nav_executive{background:url(../images/nav/executive_venues.jpg) no-repeat; width:251px; display:block; height:36px; position:relative;}
		#nav ul li a#nav_areas{background:url(../images/nav/public_areas.jpg) no-repeat; width:251px; display:block; height:36px; position:relative;}
		#nav ul li a#nav_request{background:url(../images/nav/request_quotation.jpg) no-repeat; width:251px; display:block; height:36px; position:relative;}
		#nav ul li a#nav_weddings{background:url(../images/nav/weddings.jpg) no-repeat; width:251px; display:block; height:36px; position:relative;}
		#nav ul li a#nav_gallery{background:url(../images/nav/online_gallery.jpg) no-repeat; width:251px; display:block; height:36px; position:relative;}
		#nav ul li a#nav_contact{background:url(../images/nav/contact.jpg) no-repeat; width:251px; display:block; height:36px; position:relative;}

		#nav ul li a#nav_home:hover, 
		#nav ul li a#nav_suites:hover, 
		#nav ul li a#nav_executive:hover, 
		#nav ul li a#nav_areas:hover,
		#nav ul li a#nav_request:hover,
		#nav ul li a#nav_weddings:hover,
		#nav ul li a#nav_gallery:hover,
		#nav ul li a#nav_contact:hover{background-position:0px -36px;}
		
		body#page_home #nav ul li a#nav_home, 
		body#page_suites #nav ul li a#nav_suites, 
		body#page_executive #nav ul li a#nav_executive, 
		body#page_areas #nav ul li a#nav_areas,
		body#page_request #nav ul li a#nav_request,
		body#page_weddings #nav ul li a#nav_weddings,
		body#page_gallery #nav ul li a#nav_gallery,
		body#page_contact #nav ul li a#nav_contact{background-position:0px -36px;}
		
		
/************* Flash ***************/
		
	.flash{width:529px; height:358px; float:right; margin:0 10px 0 0;}



/************* Content ***************/

.left_side{width:580px; float:left; margin:0 0 0 17px;}

	.section{width:580px; margin:24px 0 0 0;}
	
		.section img.thumb{float:left; margin:0 20px 0 0;}

		.section .span{width:580px; height:2px; background:url(../images/hr.gif) no-repeat center; margin:40px 0 10px 0; float:left;}


.right_side{width:251px; float:right; margin:0 17px 0 0; padding:5px 0 0 0;}

	#right_box{width:245px; background:#f1efe6; border:#e1ddcf solid 1px; padding:0px 0px 50px 0px;}

	#fade{width:220px; margin:10px 0 0 10px; height:70px; padding:1px; text-align:left;}

	.line_break{width:245px; height:6px; background:url(../images/column-line-break.png) no-repeat center; margin:20px 0 20px 0;}
	
	#request_form{width:216px; margin:0 0 0 10px;}
		
		#request_form img{margin:10px 0 0 0;}
		#request_form p{font-size:10px;}
		#request_form .text{background-color:#d0caaf; width:210px; border:1px solid #979797; padding:2px 2px 2px 2px; font-family:times; font-style:italic;	font-size:12px; color:#414141;}
		#request_form .select{background-color:#d0caaf; border:1px solid #979797; color:#414141;}
		#request_form .button{width:192px; height:44px; border:none; background:url(../images/send-request.gif) no-repeat; cursor:pointer;}
		
		#thankyou{width:700px; margin:20px auto 0 auto; padding:10px; background:#f1efe6; border:#e1ddcf solid 1px;}
		
		
/************* Suites ***************/

p.info{text-align:right; margin:20px 0 0 0;}


.suite_left{float:left; width:158px;}
.suite_right{float:right; width:400px;}

	.suite_right ul li{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#6a6767; line-height:1.3em; background:url(../images/li.png) no-repeat 0px 3px;
	padding:0 0 0 20px;}
	
	
	
	
	
	
/************* Executive Venues ***************/

.content{width:865px; margin:20px auto 0 auto;}

	.content .span{width:865px; height:2px; background:url(../images/executive_venues/line-break.gif) no-repeat center; margin:20px 0 20px 0; float:left;}

	.content_left{width:600px; float:left;}
	.content_right{width:200px; float:right;}


.content_secion{width:865px; float:left;}



/************* Public Areas ***************/

.left_area{width:420px; float:left; margin:10px 0 0 10px; height:338px;}
.right_area{width:420px; float:right; margin:10px 10px 0 0; height:338px;}




/************* Request a Quotation ***************/

.quote_left{width:320px; float:left; border-right:#e1ddcf dashed 1px;}
.quote_right{width:440px; float:right;}

#form{width:800px; margin:20px auto 0 auto; background:#f1efe6; border:#e1ddcf solid 1px; padding:15px;}

		#form .text{background-color:#d0caaf; width:210px; border:1px solid #979797; padding:2px 2px 2px 2px; font-family:times; font-style:italic;	font-size:12px; color:#414141;}
		#form .select{background-color:#d0caaf; border:1px solid #979797; color:#414141;}
		#form .button{width:192px; height:44px; border:none; background:url(../images/send-request.gif) no-repeat; cursor:pointer;}
		#form .textarea{width:436px; height:100px; background-color:#d0caaf; border:1px solid #979797; padding:2px 2px 2px 2px; font-family:times; font-style:italic;	
		font-size:12px; color:#414141;}



/************* Online Gallery ***************/

body#page_gallery .content_section img{margin:0 0 0 10px;}



/************* Contact Us ***************/

#contact_left{width:400px; float:left;}
#contact_right{width:449px; float:right;}

.contact_details{width:350px; background:#f1efe6; border:#e1ddcf solid 1px; padding:10px; margin:10px 0 20px 10px;}

#contact_right img{margin:35px 0 0 0;}




/************* Footer ***************/

#footer{width:899px; background:url(../images/footer-bg.png) no-repeat bottom; padding:0 0 18px 0; float:left;}
#footer_links{width:891px; float:left; background-color:#fcfcfa; border-top:#f2f1eb solid 1px; margin:20px 0 0 4px; text-align:center; padding:10px 0 5px 0;}
#footer_links p{text-align:center;}

#copyright{width:891px; background-color:#725434; float:left; margin:0px 0 0 4px; padding-top:10px;}

	#copyright p{color:#FFFFFF; text-align:center; margin:0 0 0 0;}

#ns{width:899px; margin:10px auto 10px auto; text-align:center;}


/************* Lightbox ***************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



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

p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#6a6767; line-height:1.3em; margin:5px 0 10px 0; text-align:justify;}

a{color:#6a6767; text-decoration:underline;}
a:hover{text-decoration:none;}



span.quote{font-style:italic;}
p.author{font-weight:bold; margin:10px 0 0 0;}


strong{font-weight:bold;}



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

.LV_validation_message{
    font-weight:bold;
}

.LV_valid {
	display:none;
}
	
.LV_invalid {
	display:none;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
	background:#006600 url(../images/correct.png) no-repeat right center;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
	background:#006600 url(../images/incorrect.png) no-repeat right center;
}



/************* 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;}