/* Stylesheet "Maes" :: v1 (24-06-2010) */
/* 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) 2010 "Maes Bed and Breakfast" 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.jpg) no-repeat top center #000;
				color:            #000;
				font-family:      Georgia,serif;
				font-size:        12px;
				line-height:      18px;     
			}     
			
			body#default {
				background:       url(../images/bg0.jpg) no-repeat top center #000;
			}

			body#accommodations {
				background:       url(../images/bg8.jpg) no-repeat top center #000;
			}

			body#availability-reservations {
				background:       url(../images/bg9.jpg) no-repeat top center #000;
			}     

			body#comments {
				background:       url(../images/bg3.jpg) no-repeat top center #000;
			}     

			body#contact {
				background:       url(../images/bg7.jpg) no-repeat top center #000;
			}     
			
			
			         
			#box {
 		 		background:       url(../images/squares.png) repeat-y top center;
				margin:           0 auto;        
				height:           100%;
				min-width:        980px;
				position:         absolute;  
				width:            100%;
			}           
			
			#supersize {
				left:             0; 
				position:         fixed; 
				top:              0; 
				width:            100%;
			}
			
			
			#availability-reservations #box {
				min-height:       1040px;
			}

			#container {
/* 				background:       url(../images/bg_container.png) repeat-x top left;      
*/				
				padding:          134px 0 0 0;
 				margin:           0 auto;      
				overflow:         hidden;
   			position:         relative;     
			}
			
			#header {
		 		background:       url(../images/bg_navigation.png) repeat top center;
 				height:           50px;  
 			}    
			
			#header .inner {
 				position:         relative;
 				margin:           0 auto;
				width:            980px;
			}
			
			#navigation {
	 	 		background:       url(../images/bg_main.png) repeat top center;
		 		position:         relative;     
			}         
						
			#extra {    
				color:            #fff;
			  border-top:       0;    
				line-height:      50px;
			  position:         absolute;
			  right:            20px;
			  text-align:       center;
			  top:              -130px;
			}
			           
			
			#main {                  
				background:       url(../images/bg_main.png) repeat top center;
	 			min-height:       400px;    
	 		}                                                    
			
			#main .inner {               
				clear:            both;
 				margin:           0 auto; 
				padding:          0 0 30px 0;
				width:            980px;
			}
			
			#content {                
				overflow:         hidden;  
				padding:          5px 0 0 0;
			}                   
			
			#comments #content, #links #content {
				width:            600px;
			}
			
			#text {
			  float:            left;
			  padding:          0 0 2em 0;
			  width:            355px;
			}
			                    
			#column1, #column2, .map, form, #calendar {     
				float:            left;
				margin:           0 25px 0 0;
				width:            480px;
			}  
			                  
			#column2 {
			  float:right;  
			  margin:0 2px 0 0;
			  width:          430px;
			}      
			
			
              
/*			#gallery {
				float: right;
			} */
			.item #gallery {  
			  clear:left;
			  float:left;    
			  margin:10px 0 ;
			  overflow:hidden;
			}

			#calendar, iframe {
				background:       #fff; 
				border:           2px solid #C22C05;
				padding:          10px;
				width:            500px;
			}  
			
			#special_offer {
				background:       #fff; 
				border:           1px solid #C22C05;   
				margin:           0 0 1em 0; 
				padding:          8px 8px 0 8px;
			}
			
			#sidebar {
				float:            right;
 				margin:           0 0 -3px 0;
				width:            280px;
				z-index:          30;
			}
			            
			#content.accommodations div.item {
				clear:            both;         
				overflow:         hidden;
				margin:           0 0 20px 0;
			}                                   
			
			#footer {               
				clear:            both;
 				background:       url(../images/bg_footer.png) repeat-x top left; 
     		height:           25px;       
				margin:           0 0 15px 0;
			}

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







/*** Content Styles ***/

		/* General Content Styles */

			a:link, a:visited, a:active {
				color:            #c22c05;
				text-decoration:  none;
			}
			
			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  {                   
				background:       url(../images/logo.png) no-repeat top left;      
				line-height:      50px;
				height:           50px;  
				text-indent:      -10000px;
				width:            673px;
			}                          
			
			#header h1 a {      
				display:          block;             
			}    
			
			
			#header h1 span {
				display:          block;
				font-size:        20px;
				padding:          0 0.5em 0 0;
			}  
			            
			h2#page_title {             
				display:          none;
			}    
			
			#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;
				line-height:      25px;
 				margin:           0 auto;
				width:            980px;
			} 
			
			#footer p.copyright {
				text-align:       right;
			}
			
		/************************/
	
		/* Link Styles */               
		
			#content a:link, #content a:visited {
				color:            #c22c05;      
				font-style:       italic;
				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:            #fff;
				font-weight:      bold;
			}
			
			#extra a:hover {
			}      
			
			#video_code {        
				width:80px;  
				height:80px;
				margin:0 auto;
				position:absolute;
				right:100px;         
				top:1px;
				z-index:2;
				
			}
			#video_code a {         
				background:       url(../images/bg_a_video.png) no-repeat center 4px;      
				display:          block;
				height:           25px;
				color:            #000;     
				padding:          54px 0 0 0;
				font-family:      Verdana,Arial,sans-serif;     
				font-size:        11px;
				font-weight:      bold;
				position:         absolute;
				top:              0;
				width:            80px;    
				text-align:       center;
			}

			#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 {
				padding:          0 0 15px 0;
 				margin:           0 auto;
				width:            980px;
     	}

			#navigation li {         
			}

			#navigation li a:link, #navigation li a:visited {  
				color:            #000000;
				display:          block; 
				float:            left;
				font-family:      Verdana,Arial,sans-serif;     
				font-size:        11px;
				font-weight:      bold;
				line-height:      25px;
				margin:           1px 15px 0 0; 
				padding:          0 5px 20px 5px;
				text-decoration:  none; 
			}   
			
			#navigation li a:hover, #navigation li a:active {
				text-decoration:  underline; 
			}
			
			#navigation li.current a {
				background:       #fed58f;
				-moz-border-radius-bottomleft:      7px;
				-moz-border-radius-bottomright:     7px;
				-webkit-border-bottom-left-radius:  7px;
				-webkit-border-bottom-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;
				display:          block;  
				height:           80px;
				float:            left; 
				margin:           0 0 18px 18px; 
				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 0 8px 8px;
				padding:        2px;
			}
			
			#column2 a img {  
				margin:         0 0 0 0;
			}     
			
			#supersize img{
				height:         100%;
				width:          100%;
			}          
			
		
		/************************/







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

			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:#000;
			font-weight:bold;
			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 0;}
		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;
		}               
		
		
		#gallery {     
			float:right;    
			overflow:hidden;
		}