/* CSS Document 

/***************************************************************************************/
/*  MAIN OUTER PANELS
/***************************************************************************************/

#outer {
	border-top: 				1px solid #c4d0d0;
	border-right: 				1px solid #557a7b;
	border-bottom:				1px solid #557a7b;
	border-left: 				1px solid #c4d0d0;
	margin:						20px auto 0px auto;
	width:						975px;
	z-index: 					1;
}

#container {
	background-color: 		white;
	width: 						975px;
}

/***************************************************************************************
/*  TOP BANNER 
/***************************************************************************************/

#masthead {
	height:						215px;
	position:					relative;
	width:						975px;
	z-index:						2;
}

/***************************************************************************************
/*  NAVIGATION SIDEBAR 
/***************************************************************************************/

#nav {
	float:						left;
	padding-top:				12px;
	position: 					relative;
	width:						190px;
}

#nav p {
	color:						#fe8001;
	font-size:					14px;
	font-weight:				bolder;
	line-height:				18px;	
	padding:						20px 0 2px 20px;			
}

#nav ul {
	margin:						2px 0 0 0;
	padding:						0 0 0 20px;
} 

#nav ul.sub {
	margin-left:				35px;
}

#nav ul ul {
	padding-top:				0px;
	padding-bottom:			0px;
}

#nav li {
	font-size:					13px;
	line-height:				15px;
	list-style: 				none;
	list-style-position: 	outside;
	padding:						3px 0 0 0;
	font-variant: 				small-caps;
}

#nav li li {
	font-size:					11px;
	padding:						1px 0 0 0;
	text-transform: capitalize;
	font-variant: normal;	
}

/***************************************************************************************
/*  MAIN CONTENT 
/***************************************************************************************/

#content, #contentW {
	float:						left;
	position: 					relative;
	width:						460px;
}

#contentW {
	width:						600px;
}

#content img { 
	border: 						1px solid #3e6c00;
}

#content div.box1 {
	float:						left;
	margin:						12px 0;
	text-align:					center;
	width:						230px;
}

#content div.box1 p {
	font-size:					10px;
	font-weight:				bold;
	padding:						0px;
}

#content p.comment-header {
	color: 						#000000;
	font-size: 					15px;
	margin:						18px 0 0 0;
	padding:						0px;
}

#content p.comment-submitter {
	color: 						#FF8100;
	font-size: 					11px;
	margin:						0px;
	padding:						0px;
}

/***************************************************************************************/
/*  LAST MINUTE BARGAIN PANELS
/***************************************************************************************/

.specials {
	background-color: 		#9e9e9e;
	border:						1px solid #fe8001;
	margin:						12px auto;
	text-align:					center;

}

.specials h1 {
	color:						black;
	font-size:					16px;
	font-weight:				normal;
	padding:						10px 0 0 0;
}

.specials p {
	color:						white;
	font-size:					12px;
	font-weight:				bolder;
	padding:						5px 0 12px 0;
}

/***************************************************************************************/
/*  PHOTO SIDEBAR
/***************************************************************************************/

#photobar {
	float:						right;
	padding-top:				72px;
	text-align: 				right;
	width:						315px;
}

#photobar p {
	padding:						0px 20px 25px 0;
	text-align: 				right;
}

#photobar img {
	border:						1px solid #fe8001;
	vertical-align:			top;
}

/***************************************************************************************/
/*  SINGLE MONTH CALENDAR BOX
/***************************************************************************************/

#calbox  {
	background-color:			#fff9f3;
	border:						1px solid #fe8001;
	margin:						0 20px 25px 43px;
	padding-bottom:			12px;
	text-align:					center;
	width:						250px;
}

#calbox table {
	border-collapse: 			separate;
	margin:						0px auto;	
}

#calbox table td {
	padding:						0px;
}

#calbox h1 {
	font-size:					11px;
	font-weight:				bold;
	padding:						6px 0 1px 0;
	text-align: 				center;
	text-transform: 			uppercase;
}

#calbox div.last {
	float: 						left;
	width:						124px;
}

#calbox div.next {
	float:						left;
	width:						124px;
}

#calbox div.last p, #calbox div.next p {
	font-size:					9px;
	padding:						0;
}

#calbox div.last p {
	padding-left:				38px;
	text-align:					left;
}

#calbox div.next p {
	padding-right:				38px;
	text-align:					right;
}

#calbox p.legend {
	clear: 						both;
	font-size:					10px;
	font-weight:				normal;
	line-height: 				12px;
	padding:						0 38px 9px 38px;
	text-align:					justify;
}

#calbox form {
	margin:						6px auto 0px auto;
	padding:						0px;
	width:						174px;
}

#calbox .calmonth {
	width:						78px;
}

#calbox .calyear {
	margin-left:				3px;
	width:						54px;
}

#calbox .calgo {
	margin-left:				3px;
	padding:						0;
	text-align: 				center;
	width:						28px;
}

#calbox select, #calbox input {
	font-size:					10px;
}

#calbox .fc-blue 				{ color:	#66ccff; }
#calbox .fc-orange 			{ color: #fe8001; }

/***************************************************************************************/
/*  TABLES
/***************************************************************************************/

#rates {
	background: 				#d3d3d3;
	margin-top:					12px;
	padding:						10px 50px 20px 50px;
	text-align:					center;
	width:						500px;
}

table.rates {
	background: 				#d3d3d3;
	margin-top:					12px;
	text-align:					center;
	width:						500px;
}	

table.rates th, table.rates td, table.rates p {
	color:						#464646;
	font-weight:				normal;
}

table.rates th {
	padding:						10px;
}

table.rates td p {
	padding-bottom:			12px;
}

table.rates td.top {
	padding:						15px 10px 0px 10px;
}

table.rates td.middle {
	padding:						10px 10px 0px 10px;
}

table.rates td.bottom {
	padding:						10px 10px 15px 10px;
}

th.bordL, td.bordL {
	border-left: 				1px solid #727272;
}

th.bordB {
	border-bottom: 			1px solid black;
}

td.bordB {
	border-bottom:				1px solid #727272;
}

/***************************************************************************************/
/*  CONTACT ENQUIRY FORM
/***************************************************************************************/

#contact {
	background: 				#d3d3d3;
	border:						0px none;
	margin:						18px 0 12px 0;
	padding:						18px 0 12px 0;
}

#contact p {
	padding:						3px 0 4px 0;
}

#contact label {
	clear:						left;
	color:						#464646;
	display: 					inline;
   float: 						left;
 	height:						20px;
   margin: 						0;
   padding: 					2px 0 0 25px;
   text-align: 				left;
   width: 						105px;
}

#contact input {
	border:						0px none;
	height:						20px;
	margin-top:					0px;
	width:						300px;
}

#contact input.name {
	color:						black;
	width:						146px;
}

#contact input.nameG {
	color:						#a9a9a9;
	width:						146px;
}

#contact textarea {
	margin-top:					0px;
	padding:						3px;
	width:						295px;
}

#contact input.submit {
	background-color: 		#4c4c4c;
	border:						0px none;
	color:						white;
	font-weight:				bold;
	height:						30px;
	margin:						12px 0 0 12px;
	width:						75px;	
}

#contact .trp, #enquiries .trp {
	visibility: 				hidden;
	width:						1px;
}

#contact p.submit {
	padding:						0 25px 0 0;
	text-align: 				right;
}

/***************************************************************************************/
/*  ENQUIRY FORM
/***************************************************************************************/

#enquiries {
	background-color: 		#d3d3d3;
	margin:						18px 0 12px 0;
	padding:						10px 50px 25px 50px;
}

#enquiries p {
	clear:						left;
	color: 						#464646;
	font-size: 					12px;
	line-height:				20px;
	padding:						0;
}

#enquiries p.accom {
	line-height:				15px;
	padding:						1px 0 1px 20px;
}

#enquiries p.marketing {
	font-style: 				italic;
	line-height: 				16px;
	padding-top:				9px;
	text-align:					justify;
}

#enquiries p.header {
	font-weight:				bold;
	padding-top:				20px;
}

#enquiries label {
   display: 					inline;
   float: 						left;
	height:						20px;
   margin: 						0 0 0 20px;
   padding: 					0 10px 0 0;
   text-align: 				left;
   width: 						200px;
}

#enquiries form .tbot {
	visibility: 				hidden;
	width:						1px;
}

#enquiries form input, 
#enquiries form textarea {
	background-color: 		white;
	font-family: 				Arial, Helvetica, sans-serif;
	vertical-align: 			middle;
}

#enquiries form input,
#enquiries form select {
	vertical-align: 			text-bottom;
}

#enquiries form textarea {
	height:						200px;
	padding:						5px;
	width:						500px;
}

#enquiries form input.clear {
	height:						25px;
	text-align: 				left;
}

#enquiries form input.plain {
	background-color: 		#d3d3d3;
	height:						15px;
	padding-left:				0px;
}

#enquiries fieldset {
	background-color: 		white;
	margin-left:				180px;
	padding:						2px;
}  

#enquiries select {
	background-color: 		white;
	height:						26px;			
}

#enquiries input.submit {
	background-color: 		#636363;
	border:						0px none;
	color:						white;
	font-weight:				bold;
	height:						30px;
	margin:						12px 0 0 12px;
}

#enquiries p.submit {
	padding:						18px 0 0 0;
	text-align: 				right;
}

#enquiries input.name {
	color:						black;
	width:						125px;
}

#enquiries input.nameG {
	color:						#a9a9a9;
	width:						125px;
}

#enquiries input.button {
	background-color: 		#d3d3d3;
	border:						0px none;
	height:						15px;
	vertical-align: 			middle;
}

#enquiries table {
	margin:						12px 20px 0 40px;
	width:						470px;
}

#enquiries table td {
	color:						#464646;
	font-size:					12px;
}

/***************************************************************************************/
/*  PAYMENT FORM
/***************************************************************************************/

#payment {
	background: 				#d3d3d3;
	border:						0px none;
	margin:						18px 0 12px 0;
	padding:						24px 60px 18px 60px;
	width:						480px;
}

#payment p {
	padding:						3px 0 4px 0;
}

#payment label {
	clear:						left;
	display: 					inline;
   float: 						left;
	height:						20px;
   margin: 						0;
   padding: 					2px 0 0 0;
   text-align: 				left;
   width: 						197px;
}

#payment input {
	border:						0px none;
	height:						20px;
	margin-top:					0px;
	width:						278px;
}

#payment input.button {
	height:						15px;
	width:						15px;
}

#payment input.submit {
	background-color: 		#4c4c4c;
	border:						0px none;
	color:						white;
	font-weight:				bold;
	height:						30px;
	margin:						12px 0 0 20px;
	width:						75px;	
}

#payment p.submit {
	padding:						12px 0 0 0;
	text-align: 				right;
}

/***************************************************************************************/
/*  THUMBNAIL DIVISION
/***************************************************************************************/
	
#thumbnails {
	border-top:					1px solid #fe8001;
	margin:						25px 0 0 190px;
	padding:						0 0 20px 0;
	width:						765px;
}

#thumbnails img {
	border:						0px none;
	margin:						30px 0 0 0;
	padding: 					0;
}

#thumbnails img.ml {
	margin-left:				30px;
	margin-left:				33px;
}

/* PHOTO GALLERY PAGE */

#thumbnails2 {
	float:						left;
	margin:						0px;
	padding:						0 0 20px 0;
	width:						785px;
}

#thumbnails2 h2 {
	padding:						0px;
}

#thumbnails2 .pt24 {
	padding:						24px 0 0 0;
}

#thumbnails2 img {
	border:						0px none;
	margin:						18px 0 0 0;
	padding: 					0;
}

#thumbnails2 img.ml {
	margin-left:				30px;
	margin-left:				33px;
}

/***************************************************************************************/
/*  BOTTOM PROMOTIONAL BANNERS
/***************************************************************************************/
	
#banners {
	height:						95px;
	margin-top:					30px;
	text-align: 				center;
	width: 						975px;
}

#banners p {
	color:						white;
	font-size:					11px;
	line-height: 				18px;
	padding:						0px;
}

#banners p.link {
	font-size:					9px;
	line-height:				11px;
	padding-top:				10px;
}

#banners a {
	text-transform: 			uppercase;
}

#banners div.retreats,
#banners div.timbuktu {
	background-color: 		#7d7d7d;
	margin:						0px;
	padding:						10px 0;
	width:						477px;		
}

#banners div.retreats {
	float:						left;
}

#banners div.timbuktu {
	float:						right;
}

#banners div.retreats img {
	margin-left:				10px;
}

#banners div.timbuktu img {
	margin-right:				10px;
}
	
/***************************************************************************************/
/*  PAGE FOOTER
/***************************************************************************************/
	
#footer {
	margin:						0px auto;
	text-align: 				center;
	width:						975px;
	z-index: 					1;
}

#footer li {
	border-right:				1px solid white;
	color:						white;
	display: 					inline;
	padding:						0 15px;
}

#footer li.end {
	border-right:				0px none;
}

/***************************************************************************************/
/*  AVAILABILITY CALENDAR PAGES
/***************************************************************************************/

#calendar {
	border:						0px none;
	float:						left;
	position:					relative;
	width:						600px;
}

#calendar .bgrnd {
	background: 				#d3d3d3;
	margin:						18px 0;
	padding:						20px 0 18px 0;
	width:						600px;
}

#calendar h2 {
	color:						#464646;
	font-size:					22px;
	font-weight:				normal;
	font-variant: 				small-caps;
	padding:						0 0 16px 0;
	text-align: 				center;
}

#calendar p.legend {
	font-size:					11px;
	font-weight:				bold;
	margin-top:					18px;
	text-align: 				left;
}

#calendar p, #calendar table, 
#calendar tr, #calendar td {
	padding: 					0;
}

#calendar ul {
	margin:						12px 0 18px 0;
	padding-left:				0px;
}

#calendar li {
	display: 					inline;
	font-size:					10px;
	font-weight:				bolder;
	font-weight:				bolder;
	list-style: 				none;
	padding:						0 29px 0 0;
	text-transform: 			uppercase;
}

#calendar li.end {
	padding-right:				0px;
}

#calendar table.cal {
	border:						0px none;
	margin-left:				20px;
	vertical-align: 			top;
	width:						580px;
}

#calendar table.mainTable {
	border: 						1px solid #636363;
}

#calendar table.cal TD.main {
	padding-bottom:			15px;
}

#calendar table.cal TD.mainB {
	padding-bottom:			0px;
}

#calendar table.cal TD p {
	color: 						black;
	font-weight: 				bold;
	padding: 					0;
	text-align: 				center;
}

#calendar img { 
	border: 						0px none;
	vertical-align: 			middle; 
}

#calendar .links{ 
	font-size: 					15px; 
	font-weight: 				bold; 
	margin: 						24px 0 24px 0; 
	text-align: 				center; 	
}

#calendar table.cal td.previous {
	font-size:					11px;
	font-weight:				normal;
	line-height:				13px;
	margin:						0;
	padding:						9px 0 0 0;
	text-align:					left;
}

#calendar table.cal td.next {
	font-size:					11px;
	font-weight:				normal;
	line-height: 				13px;
	margin:						0;
	padding:						9px 20px 0 0;
	text-align:					right;
}

#calendar table.cal a {
	color:						white;
}

#calendar table.cal a:hover {
	color:						#fe8001;
}

#calendar .ac {
	text-align: 				center;
}

/***************************************************************************************
/*  LIGHTBOX WITH SLIDESHOW
/***************************************************************************************/

#lightbox{
	position: 					absolute;
	top: 							20px;
	left: 						0;
	width: 						100%;
	z-index: 					100;
	text-align: 				center;
	line-height: 				0;
	color:						#151410;
	}

#lightbox a, #lightbox a:hover {
	border-bottom:				none;
	color:						#151410;
	text-decoration:			underline;
}

#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;
}

#loadingLink {
	display:						block;
	margin:						0 auto;
	padding:						0;
	width:						32px;
	height:						32px;
	background:					url("../images/lightbox/loading.gif") center center no-repeat;
	text-indent:				-9999px;
}

#hoverNav{
	position: 					absolute;
	top: 							0;
	left: 						0;
	height: 						100%;
	width: 						100%;
	z-index: 					10;
}

#imageContainer>#hoverNav { 
	left: 						0;
}

#hoverNav a { 
	outline: 					none;
}

#prevLinkImg, #nextLinkImg {
	width: 						49%;
	height: 						100%;
	background: 				transparent url("../lightbox/images/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: 					block;
	text-indent:				-9999px;
}

#prevLinkImg { 
	left: 						0; 
	float: 						left;
}

#nextLinkImg { 
	right: 						0; 
	float: 						right;
}

#prevLinkImg:hover, #prevLinkImg:visited:hover { 
	background: 				url("../images/lightbox/prevlabel.gif") left 15% no-repeat; 
}

#nextLinkImg:hover, #nextLinkImg:visited:hover { 
	background: 				url("../images/lightbox/nextlabel.gif") right 15% no-repeat; 
}

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

#imageData{
	padding:						0 10px;
}

#imageDetails { 
	width: 						70%; 
	float: 						left; 
	text-align: 				left; 
}	

#caption { 
	font-weight: 				bold;	
}

#numberDisplay { 
	display: 					block; 
	clear: 						left; 
}			

#detailsNav { 
	display: 					block; 
	clear: 						left; 
	padding:						0 0 10px 0;	
}	

#prevLinkDetails { 
	margin:						0 8px 0 0; 
}		

#nextLinkDetails { 
	margin:						0 8px 0 0; 
}		

#closeLink {
	display:						block;
	margin:						0;
	padding:						0 0 10px 0;
	text-decoration:			none;
	float:						right;
	width:						66px;
	height:						28px;
	background:					url("../images/lightbox/closelabel.gif") no-repeat;
	text-indent:				-9999px;
	overflow:					hidden;
}	
		
#overlay{
	position: 					absolute;
	top: 							0;
	left: 						0;
	z-index: 					90;
	width: 						100%;
	height: 						500px;
	background-color: 		#151410;
/*	filter:						alpha(opacity=60);
	-moz-opacity: 				0.6;
	opacity: 					0.6;  */
}
	
.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 */
}	
	
/***************************************************************************************
/*  MISCELLANEOUS
/***************************************************************************************/

p.seologo {
	border:						0px none;
	margin-top:					250px;
	text-align: 				center;
}

p.seologo img {
	border:						0px none;
	margin:						20px;
	vertical-align: 			middle;
}