/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #562306;
color: #345A31;
font-family: Arial, Helvetica, sans-serif;
}

#wrap{
	margin: auto;
	width: 940px;
}

	#head{
		height: 53px;
		position: relative;
		padding: 112px 0 0 286px;
		background: #fff url(img/head.jpg) top right no-repeat;	
	}
	
		#logo{
			position: absolute;
			top: 0;
			left: 0;
			height: 165px;
			width: 286px;
			background: url(img/logo.gif) top left;
		}
		
		#nav{
			height: 53px;
			z-index: 100;
			padding-right: 3px;
			background: url(img/nav-border.gif) top right no-repeat;
		}
		
			#the-nav{
				margin-left: -2px;
				height: 30px;
				background: url(img/nav-bg.gif) top left;
			}
			
			#the-nav li{
				float: left;
				height: 30px;
				padding-left: 2px;
				position: relative;
				background: url(img/nav-break.gif) top left no-repeat;
			}
			
			#the-nav li a{
				float: left;
				padding: 7px 5px 0 5px;
				font-size: 1.0em;
				font-weight: bold;
				color: #426835;
				height: 23px;	
				text-decoration: none;	
			}
			
			
			
			#nav li a:hover, #nav li:hover>a{
				background: #BABA7D;
			}
			
			#the-nav li ul{
				position: absolute;
				display: none;	
				top: 30px;
				left: 1px;
				width: 175px;
				background: #BABA7D;
				text-align: left;
				border: 1px solid #727209;
				border-top: 0;
			}
			
			#the-nav li:hover ul{
				display: block;
			}
			
			#the-nav li li{
				float: none;
				padding: 0;
				background: none;
				width: 175px;	
				border-bottom: 1px solid #fff;
			}
			
			#the-nav li li a{
				float: none;
				display: block;
			}
			
			#the-nav ul li a:hover, #the-nav li:hover ul li a:hover{
				background: #C7C795;
			}
	
	
	#page{
		border-right: 2px solid #496C42;
		border-left: 2px solid #496C42;
		background: #E5DECB url(img/pbg.gif) top left repeat-x;
		background-position: 0 -15px;
		overflow: hidden;
		padding-bottom: 20px;
	}
	
		#content{
			float: left;
			width: 920px;	
			padding-right: 11px;
			text-align: left;
		}
		
			#content h1{
				font-weight: bold;
				height: 28px;
				font-size: 1.6em;
				text-align: center;
			}
			
			#flash{
				padding-top: 22px;
				text-align: center;
				height: 354px;
				background: url(img/flash.jpg) top center no-repeat;
			}
			
				#flash img{
					display: block;
					margin: auto;
				}
			
			.entry-top{
				height: 11px;
				width: 684px;
				margin: 0 auto 0 auto;
				background: url(img/content-top.gif) top left;
			}
			
			.entry-bottom{
				height: 11px;
				width: 684px;
				margin: 0 auto 0 auto;
				background: url(img/content-bottom.gif) bottom left no-repeat;
			}
			
			.entry{
				width: 644px;
				padding: 0 20px 25px 20px;
				font-size: 1.2em;
				color: #111;
				margin: 0 auto 0 auto;
				background: url(img/content-bg.gif) top left;
			}
			
				.entry h2{
					text-align: center;
					color: #781122;
					font-size: .9em;
					font-weight: bold;
				}
				
				.entry p.page-links{
					font-size: 1.4em;
					padding-bottom: 0;
					text-align: center;
				}
				
				.entry a{
					color: #781122;
					text-decoration: underline;
				}
				
				.entry a:hover, .entry a:active, .entry a.active{
					color: #000;
				}
				
				.entry h3{
					font-size: 1.4em;
					color: #FB9F32;
					text-transform: uppercase;
					font-style: italic;
					text-align: center;
					padding-bottom: 11px;
				}
				
				.entry p{
					line-height: 1.5em;
					padding-bottom: 1em;
				}
		
		
		#sidebar{
			float: left;
			padding-left: 12px;	
			width: 195px;
			padding-top: 18px;
		}
		
			#sidebar h3{
				padding: 15px 0 0 0;
				height: 20px;
				font-size: 14px;
				font-weight: bold;
				color: #8F412A;
				background: url(img/h3bg.gif) top left;
			}
		
			.widget{
				padding: 0 21px 18px 21px;
				background: url(img/widget-bottom.gif) bottom left no-repeat;
			}
			
				.widget p{
					overflow: hidden;
					line-height: 1.5em;
					padding-bottom: 5px;	
				}
				
				.widget label{
					display: block;
					font-family: Terminal, serif;
					text-align: left;	
					color: #000;
				}
				
				.widget .text{
					float: left;
					width: 114px;
					padding: 2px 4px 2px 4px;
				}
				
				.widget p a img{
					float: right;
					margin-right: px;
				}
				
				.widget .submit{
					float: left;
					font-size: 1.0em;
				}
				
				.widget .input{
					float: left;
					font-size: 1.2em;
					color: #781351;
					background: #EBE6D2;
					border: 1px solid #50240C
				}				
				
				.widget p a{
					color: #000;
					text-decoration: underline;
				}
			
				.cabins{
					overflow: hidden;
				}
				
				.cabins li{
					margin-bottom: 1em;
					border: 1px solid #111110;
				}
				
					.cabins h4{
						text-align: center;
						color: #fff;
						font-size: 1.2em;
						font-weight: bold;
						background: #4D753C;
						padding: 2px 3px 2px 3px;
					}
					
					.cabins h4 a{
						float: right;
						height: 15px;
						width: 15px;
						text-indent: -9999px;
						background: url(img/tick.gif) top left no-repeat;
					}
					
					.cabins img{
						display: block;
						color: #820000;
					}
					
					.cabins a.cabin-name{
						display: block;
						padding: 2px 0 2px 0;
						background: #FFFFDF;
						color: #820000;
						text-decoration: underline;
						font-weight: bold;
					}
	#footer{
		padding: 30px 15px 0 15px;
		height: 81px;
		color: #fff;
		text-align: left;
		background: url(img/foot.gif) top left no-repeat;
	}
	
		#footer a{
			color: #fff;
		}
		
		#footer .float-right{
			font-size: 1.2em;
		}
		
		.copy{
	clear: both;
	padding-top: 4px;
		}

#nav ul#the-nav li:hover ul, #nav ul#the-nav li.sfhover ul{
                display: block;

            }

/* Form Cleanup */
.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
}

.cimg {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.shadowtable{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:8px;
	border:solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
	background-color:#EBE6D2
}

/* Main Style Sheet for jQuery UI date picker */
#ui-datepicker-div, .ui-datepicker-inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
	width: 185px;
}
#ui-datepicker-div {
	display: none;
	border: 1px solid #777;
	z-index: 100; /*must have*/
}
.ui-datepicker-inline {
	float: left;
	display: block;
	border: 0;
}
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
.ui-datepicker-disabled {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
}
button.ui-datepicker-trigger {
	width: 25px;
}
img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}
.ui-datepicker-prompt {
	float: left;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .ui-datepicker-prompt {
	width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.ui-datepicker-control {
	background: #562306;
	padding: 2px 0px;
}
.ui-datepicker-links {
	background: #000;
	padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
	font-weight: bold;
	font-size: 80%;
}
.ui-datepicker-links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
	float: right;
	text-align: right;
}
.ui-datepicker-current {
	float: left;
	width: 30%;
	text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	width: 34%;
	text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
	float: left;
	text-align: left;
}
.ui-datepicker-header {
	padding: 1px 0 3px;
	background: #333;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.ui-datepicker-header select {
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.ui-datepicker {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.ui-datepicker a {
	display: block;
	width: 100%;
}
.ui-datepicker-title-row {
	background: #777;
}
.ui-datepicker-days-row {
	background: #eee;
	color: #666;
}
.ui-datepicker-week-col {
	background: #777;
	color: #fff;
}
.ui-datepicker-days-cell {
	color: #000;
	border: 1px solid #ddd;
}
.ui-datepicker-days-cell a{
	display: block;
}
.ui-datepicker-week-end-cell {
	background: #ddd;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #777;
}
.ui-datepicker-days-cell-over {
	background: #fff;
	border: 1px solid #777;
}
.ui-datepicker-unselectable {
	color: #888;
}
.ui-datepicker-today {
	background: #fcc !important;
}
.ui-datepicker-current-day {
	background: #999 !important;
}
.ui-datepicker-status {
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a {
	padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.ui-datepicker-title-row a {
	color: #eee !important;
}
.ui-datepicker-control a:hover {
	background: #fdd !important;
	color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.ui-datepicker-multi .ui-datepicker {
	border: 1px solid #777;
}
.ui-datepicker-one-month {
	float: left;
	width: 185px;
}
.ui-datepicker-new-row {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
.pd_rental_unit {
	font-size:24px;
}
.pd_rental_unit_details {
	font-size:18px;
}
.p1-main {
   position: relative;
   }

.p1-thumb {
   position: absolute;
   left: 0;
   width: 100px;
   }

.p1-details {
   position: absolute;
   right: 0;
   width: 500px;
   text-align: right; /* depends on element width */
} 
.floatleft { float: left; margin: 0px 5px 5px 0px; }
.floatright { float: right; margin: 0px 0px 5px 5px; }

#clear{
clear: both;
}

label
{
width: 8em;
float: left;
text-align: right;
margin-right: 0.5em;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
display: block
}

input
{
color: #781351;
background: #EBE6D2;
border: 1px solid #50240C
}

select
{
color: #781351;
background: #EBE6D2;
border: 1px solid #50240C
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
} 

.scroll {
	width: 550px;
	height: 75px;
	overflow: scroll;
}

.maintable {
	border-collapse: collapse;
	border: 3px solid #8AA23D;
}
.tcsnav {
	border-collapse: collapse;
	border: 2px solid #8AA23D;
	background-color: #CCE484;
}
.tcsnavsearch {
	border-collapse: collapse;
	border: 2px solid #8AA23D;
	background-color: #f4e316;
}
.greentable {
	border: 2px solid #8AA23D;
	background-color: #CCE484;
}
.arial9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.arial10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.spacedorange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: 6pt;
	font-variant: small-caps;
	font-style: italic;
	font-weight: 700;
	color: #EE9023;
}
.greenbox {
	border-collapse: collapse;
	border: 2px solid #8AA23D;
	background-color: #CCE484;
}
.redbold18px {
	color: #800000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
}
.redbold12px {
	color: #800000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.whitebold15px {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
}

.14black {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}
.navlistfont {
	color: #800000;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}
.hugefont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
}

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(/img/left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(/img/right.png);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:228px;
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/img/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
}
/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 525px;	
	height:100px;	
	
	
	/* custom decorations */
	padding:10px 0;	
	border:1px outset #ccc;
	background-color:#efefef;				
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:10px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:110px;
	padding:25px 0px;
	font-size:30px;
	font-family: 'bitstream vera sans';
	border:1px outset #ccc;
	background-color: #ddd;
	margin-right: 20px;	
	-moz-border-radius:5px;
}

/* active item */
div.scrollable div.items div.active {
	border:1px inset #ccc;		
	background-color:#fff;
}

/* Fadein Images */

.pics {  
    height:  664px;  
    width:   331px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  664px; 
    height: 331
px; 
    top:  0; 
    left: 0 
}