/* Stylesheet "VondelView" :: v1 (12-05-2009) */
/* Coded by LessWorks :: http://www.lessworks.nl */
/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2009 "VondelView" and may not be used by anyone but us. */ 

/*
	Style Index
	---------------------
	
	- Site Structure Styles
		- General Styles
		- Main Layout Styles
		
	- Content Styles
		- General Content Styles
		- Heading Styles
		- Paragraph Styles
		- Link Styles

	- List Styles
		- General List Styles
		- Home Join List Styles
		- Intro List Styles
		- News List Styles
		- Footer List Styles

	- Image Styles
		- General Image Styles
		
	- Form Styles
		- Poll Form Styles

*/ 







/*** Site Structure Styles ***/

		/* General Styles */
		
			* {
				margin:           0;
				padding:          0;
			}
						
		/************************/
	
		/* Main Layout Styles */
			
			body {
				background:       url(../images/bg_body.png) repeat-x top left #cacaca;
				color:            #000;
				font-family:      Verdana,Arial,sans-serif;
				font-size:        12px;
				line-height:      18px;
			}
			
			#container {
	 			margin:           0 auto;
	 			width:            870px;
			}
			
			#header {
 				background:       url(../images/bg_payoff.jpg) no-repeat 20px 70px;      
 				height:           110px;  
			}    
			
			#header .inner {
				margin:           0 auto;
				position:         relative;
			}
			
			#navigation {
				background:       url(../images/bg_navigation.jpg) no-repeat top left #c5bbb8;      
				border:           5px solid #fff;
				border-width:     5px 0 5px 5px;
	 			float:            left;  
	  		height:       		588px;
   			position:         relative;
				width:            392px;
			}         
			
			body#location #navigation {
				background:       url(../images/bg_navigation_location.jpg) no-repeat top left #c5bbb8;      
			}

			body#accommodations #navigation {
				background:       url(../images/bg_navigation_accommodations.jpg) no-repeat top left #c5bbb8;      
			}

			body#availability-reservations #navigation {
				background:       url(../images/bg_navigation_availability.jpg) no-repeat top left #c5bbb8;      
			}

			body#links #navigation {
				background:       url(../images/bg_navigation_links.jpg) no-repeat top left #c5bbb8;      
			}

			body#contact #navigation {
				background:       url(../images/bg_navigation_contact.jpg) no-repeat top left #c5bbb8;      
			}

			body#comments #navigation {
				background:       url(../images/bg_navigation_comments.jpg) no-repeat top left #c5bbb8;      
			}

			body#grand_suite #navigation {
				background:       url(../images/bg_navigation_grand_suite.jpg) no-repeat top left #c5bbb8;      
			}
			
			#extra {
			  background:       #fff;
			  border-top:       0;
			  padding:          0.5em 0;
			  position:         absolute;
			  right:            0;
			  text-align:       center;
			  top:              0;
			}
			
			#main {                
				background:       #ededed;
				border:           5px solid #fff;
				float:            right;  
    		min-height:       588px;
				overflow:         hidden;  
				position:         relative;
				width:            463px;
			}
			
			#content {                
				overflow:         hidden;  
				padding:          20px;
			}
			
			#text {
			  float:            left;
			  padding:          0 0 2em 0;
			  width:            355px;
			}
			
			#sidebar {
				float:            right;
 				margin:           0 0 -3px 0;
				width:            280px;
				z-index:          30;
			}
			
			#footer {           
				clear:            both;
				margin:           0 auto;
				overflow:         hidden;
				padding:         	10px;
				width:            850px;
			}

		/************************/







/*** Content Styles ***/

		/* General Content Styles */

			a:link, a:visited, a:active {
				color:            #fff;
				text-decoration:  underline;
			}
			
			a:hover {
				color:            #d4d4d4;
				outline:          none;
				text-decoration:  underline;
			}
							
		/************************/
	
		/* Heading Styles */
			
			h1, h2, h3, h4, h5 {
			  font-size:        12px;
				font-weight:      bold;
				margin:           0 0 1em 0;
			}
			
			#header h1 a {                   
				background:       url(../images/logo.png) no-repeat top left;      
				height:           70px;  
				position:         absolute;
				right:            0;     
				text-indent:      -10000px;
				top:              40px;
				width:            320px;
			}    
			
			#header h1 span {
				display:          block;
				font-size:        20px;
				padding:          0 0.5em 0 0;
			}  
			            
			h2#page_title {
				background:       #d6dddf;
				border-bottom:    5px solid #fff;
				color:            #fff;       
				font-size:        14px;         
				padding:          40px 20px 10px 20px;
			}                                      
			
			#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
				font-size:        12px;
 				line-height:      18px;
 				margin:           0;
			} 
			
			#sidebar h4 {
				background:       #5e5e5e;   
				margin:           0;   
				padding:          0.5em;
			}    
			
			#sidebar img.first {
				margin:           0 0 1em 0;
			}
			
		/************************/
	
		/* Paragraph Styles */		
			
			#content p {
				margin:           0 0 1em 0;
			} 
			
			#footer p {          
				color:            #fff;
				float:            left;
				line-height:      15px;
			} 
			
			#footer p.copyright {
				float:            right;
			}
			
		/************************/
	
		/* Link Styles */               
		
			#content a:link, #content a:visited {
				color:            #573000;
				font-weight:      bold;
				text-decoration:  none;
			}

			#content a:hover, #content a:active {
				text-decoration:  underline;
			}
			
			#sidebar a:link, #sidebar a:visited, #sidebar .active li a {
        background:       #fdecd0;
			  display:          block;
				color:            #543b36;
				line-height:      22px;
				padding:          0 12px;
				text-decoration:  none;
				text-transform:   uppercase;
			}
			
			#sidebar .active a, #sidebar a:hover, #sidebar .active li.active a, #sidebar .active li a:hover {
				background:       #543b36;
				color:            #fdecd0;
			}      
			
			#extra a {
				color:            #888;
			}
			
			#extra a:hover {
				color:            #000;
			}      
			
			#footer a {
				color:            #fff;
				text-decoration:  none;
			}
			
			#footer a:hover {
				color:            #fff;
				text-decoration:  underline;
			}

		/************************/







/*** List Styles ***/

		/* General List Styles */

			ul, li {
				list-style:       none;
			}

		/************************/

		/* Home Join List Styles */

      #navigation ul {
				background:       url(../images/bg_navigation_ul.png) repeat-y top left;      
				padding:          110px 15px 15px 0;
				position:         absolute;        
				right:            0;
				top:              0px; 
				width:            187px;
     	}

			#navigation li {
				display:          block;
				float:            right;  
			}

			#navigation li a:link, #navigation li a:visited {  
				color:            #fff;
				display:          block;
				float:            right;    
				line-height:      25px;
				text-align:       right;
				text-decoration:  none; 
				width:            190px;
			}   
			
			#navigation li a:hover, #navigation li a:active, #navigation li.current a {
				text-decoration:  underline; 
			}
			
			#header li.current a {
				background:       #7e7e7e;
				color:            #fff;
				-moz-border-radius-topleft:      7px;
				-moz-border-radius-topright:     7px;
				-webkit-border-top-left-radius:  7px;
				-webkit-border-top-right-radius: 7px;
			}
      
      #content ul {
				margin:           0 0 1em 0;
      }
      
      #content li {
        list-style:       disc;
        margin:           0 0 0 1.5em;
      }

      #content ul#subnav {  
				background:       #fff;     
				left:             0;
				margin:           0 0 3em 0; 
				overflow:         hidden;
				padding:          0 0 0 22px; 
				position:         absolute;  
				width:            100%;
      }
      
      #content ul#subnav li {     
				display:          block;
				float:            left;  
				line-height:      22px;
        list-style:       none;
        margin:           0 0.1em 0 0;
      }

      #content ul#subnav li a:link, #content ul#subnav li a:visited {
        color:            #797979;
        margin:           0 1em 0 0; 
				text-decoration:  none;
      }  

      #content ul#subnav li.current a:link, #content ul#subnav li.current a:visited {
				text-decoration:  underline;
      }  

			#content ul#projects {
				margin:           0 0 0 0;
			}

			#content ul#projects.sections {
				margin:           5em 0 0 0;
			}
			         
			#content ul#projects li {
				background:       #7e7e7e;
				display:          block;      
				height:           80px;
	      list-style:       none;
  			margin:           1em 0 0 0; 
				padding:          0 0.5em 0 0;
				overflow:         hidden;
			}                       
			 
			#content ul#projects li img {
				float:            left;
				margin:           0 14px 0 0;
			}                             
			
			#content ul#projects li a {
				color:            #fff; 
				font-size:        12px; 
				text-decoration:  none;
			}  
			
			#content ul#projects li a:hover {
				color:            #fff; 
				font-size:        12px; 
				text-decoration:  underline;
			}  
			
			#content ul#projects li h3 {
				margin:           0;
				padding:          12px 0 0 0;  				
			}                           
			
			#content ul#projects li p {
				margin:           0;
			}
			
			#project {
				margin:           5em 0 0 0;
			}    
			
			#content ul#gallery li {   
				background:       #fff;
				border:           1px solid #fff;
				display:          block;  
				height:           80px;
				float:            left; 
				margin:           0 1em 1em 0; 
				width:            110px;
			}

		/************************/







/*** Image Styles ***/

		/* General Image Styles */
		
			img {
				border: 				none;
			}                         
			     
			#gallery {        
				margin:         20px 0 10px 0;
				overflow:       hidden;
				width:          441px;
			}
			#gallery a img , #column2 a img {     
				background:     #fff;
				border:         1px solid #d4d4d4;    
				margin:         0 8px 8px 0;
				padding:        2px;
			}
		
		/************************/







/*** Form Styles ***/

		/* General Form Styles */

			fieldset {
				border:           0;
				padding:          0;				
			}
		
			legend {
				display:          none;
			}
			
			form .group {
				background: #fefefe;
				border: 1px solid #dedede;
				margin: 1em 0 1em 0;
				overflow: hidden;
				padding: 1em 1em 0 1em;
			}
			
			form .row {
				clear: both;
			}
			
			form .column {
				float: left;
				width: 190px;
			}
			
			form .column.last {
				float: right;
			}

			label {
				display:block;
			}
			
			label.required {
/*        font-weight: bold;
*/			}
			
			label span.optional {
				color:#999;
				font-weight: normal;
				font-size: 0.9em;
			}

			label.radio {
				color:#444;
				float:left;
				font-weight:normal;
				margin: 0 2em 0 0;
			}

			input, textarea {
				border: 1px solid #ddd;  
				color:#000;
				font-family:Arial, Helvetica, sans-serif;
				font-size:1.1em;
				padding:0.3em;				
				margin: 0 0 1em 0;  
				width:320px;
			}
			
			form .column input{
				width: 180px;
			}
			
			form .form_conditions_checkbox {
			  border:       0;
        display:      block;
        float:        left; 
        margin:       0 5px 12px 0;
				width: 				auto;
			}
			
			form .form_conditions_label {
        display:      block;
        float:        left; 
			}

			textarea {
				height: 15em;
			}

			select {
				font-size:1.1em;
				margin: 0 0 1em 0;  
			}
			
			input:focus, textarea:focus {
				background:#FFF7C0;
				color:#222;
			}

			input.radio, input.funky_box {
				border:0;
				float:left;
				margin: 0.2em 0.2em 2em 0 ;
				width:auto;
			}
			
			form fieldset.buttons {
				margin: 0 0 3em 1em;
			}
				
			#container .fieldWithErrors input, #container .fieldWithErrors textarea {
				background:#FFFFCC;
				border:1px solid #F6BB52;
			}

			#container .formError {
				color:#FF0000;
				display: inline;
				margin: 0 0 0 0;  
			}
			
			#row_check_out_at .fieldWithErrors {
				display: inline;
			}
			
			input.image_button {
			  border:0;
				font-size:inherit;
				padding:0;				
				margin: 0;  
				width: auto;
			}
			

		/************************/

                                 

















		/**
		 * jQuery lightBox plugin
		 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
		 * and adapted to me for use like a plugin from jQuery.
		 * @name jquery-lightbox-0.5.css
		 * @author Leandro Vieira Pinho - http://leandrovieira.com
		 * @version 0.5
		 * @date April 11, 2008
		 * @category jQuery plugin
		 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
		 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
		 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
		 */
		#jquery-overlay {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 90;
			width: 100%;
			height: 500px;
		}
		#jquery-lightbox {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			z-index: 100;
			text-align: center;
			line-height: 0;
		}
		#jquery-lightbox a img { border: none; }
		#lightbox-container-image-box {
			position: relative;
			background-color: #fff;
			width: 250px;
			height: 250px;
			margin: 0 auto;
		}
		#lightbox-container-image { padding: 10px; }
		#lightbox-loading {
			position: absolute;
			top: 40%;
			left: 0%;
			height: 25%;
			width: 100%;
			text-align: center;
			line-height: 0;
		}
		#lightbox-nav {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			z-index: 10;
		}
		#lightbox-container-image-box > #lightbox-nav { left: 0; }
		#lightbox-nav a { outline: none;}
		#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
			width: 49%;
			height: 100%;
			zoom: 1;
			display: block;
		}
		#lightbox-nav-btnPrev { 
			left: 0; 
			float: left;
		}
		#lightbox-nav-btnNext { 
			right: 0; 
			float: right;
		}
		#lightbox-container-image-data-box {
			font: 10px Verdana, Helvetica, sans-serif;
			background-color: #fff;
			margin: 0 auto;
			line-height: 1.4em;
			overflow: auto;
			width: 100%;
			padding: 0 10px 0;
		}
		#lightbox-container-image-data {
			padding: 0 10px; 
			color: #666; 
		}
		#lightbox-container-image-data #lightbox-image-details { 
			width: 70%; 
			float: left; 
			text-align: left; 
		}	
		#lightbox-image-details-caption { font-weight: bold; }
		#lightbox-image-details-currentNumber {
			display: block; 
			clear: left; 
			padding-bottom: 1.0em;	
		}			
		#lightbox-secNav-btnClose {
			width: 66px; 
			float: right;
			padding-bottom: 0.7em;	
		}
                       







		/*****Accordion Styles*****/
		ul#accordion, ul#accordion li, ul#accordion ul { list-style: none; margin: 0; }
		ul#accordion { border-bottom: 2px solid #fff; }
		ul#accordion li { border-top: 2px solid #fff; }
		ul#accordion ul li { border: none; border-bottom: 2px solid #fff; color: #999; padding: 5px 10px; }
		ul#accordion ul li:last-child { border-bottom: none; }
		ul#accordion a.heading {  
			color:#999;
			display: block;  
			line-height:80px;
			padding: 0 0 0 80px;      
			margin:0 0 0 10px;
			text-decoration: none;  
		}
		ul#accordion a.heading:hover {color: #000; cursor:pointer; }
		ul#accordion li.ui-accordion-selected a.heading, ul#accordion li.current a.heading { color: #000; }
		ul#accordion li ul a { border-bottom: 1px solid #00B9D2; color: #025185; text-decoration: none; }
		ul#accordion li ul a:hover { border-bottom: none; }
		ul#accordion li ul .date { padding-right: 10px; }
		ul#accordion li ul .count { padding-left: 10px; }
                           
		ul#accordion ul li {border:none;padding:0;list-style:square;margin:0 0 0 25px;}
		ul#accordion ul  {float:left;margin:0 0 1em 0;}
		/*****Additional Custom Accordion Styles*****/
		ul#accordion li div { display: none; padding: 10px;}
		ul#accordion li.current div { display: block; }
                         
		ul#accordion p  {
			clear:both;
		}               
		
		ul#accordion p.characteristics {
			float:left;
		}

		ul#accordion p span {
			font-weight:bold;
		}                  
		
		
		
		
		
		
		
		
		
			#tabs div.ui-tabs-hide {
				display: none;  
			}                

			.tab_content {
				overflow:hidden;
			}
			.container {width: 100%	; margin: 10px auto;overflow:hidden;}
			#content ul.tabs {                 
				float:left;
				margin: 0 0 0 8px;
				padding: 0;
				overflow:hidden;
				list-style: none;
				height: 34px;
				z-index:2;
			}
			#content ul.tabs li {
				float: left;
				padding: 0;
				height: 41px;
				line-height: 31px;
				background: #fff;
				margin:0 0 0 0.5em;
				border: 1px solid #e6e6e6;  
	 			overflow: hidden;  
				padding:3px;
				position: relative;  
				z-index:2;
			}
			#content ul.tabs li a {
				text-decoration: none;
				color:#999999;
				display: block;
				font-weight:bold;
				padding: 0 10px;
				outline: none;
	 			z-index:2;
	 	}
			#content ul.tabs li a:hover {
	    	color:#000;
			}	                         

			html ul.tabs li.ui-tabs-selected  {
				background: #fff;   
				color:#808080;  

			}  

		  html #content ul.tabs li.ui-tabs-selected a, html #content ul.tabs li.ui-tabs-selected a:hover {   
				color:#000000;
			}

			.tab_container {
				border: 1px solid #e6e6e6;
				clear: both;
	   			margin:-10px 0 0 0;
				background: #fff;
	 			padding: 10px;
	 	}
			.tab_content {        
			}

	 		.tab_content .content {
					min-height:320px;
					padding: 15px;  
					width:400px; 
			}