/* CSS Document 

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

#outer {
	background: 				white;
	height:						654px;
	margin:						10px auto;
	position: 					relative;
	width:						974px;
	z-index:						1;
}

#outer img {
	margin:						12px;
}

#outeravail, #outerenq   {
	background: 				transparent;
	margin:						20px auto;
}

#outeravail {
	width:						610px;
}
#outerenq {
	width:						530px;
}

#outeravail img, #outerenq img {
	margin:						0px;
}

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

#nav {
	background-color: 		#4d4d4d;
	background-image: 		url(../images/soleil.png);
	background-repeat: 		no-repeat;
	background-position: 	15px 390px;
	height:						630px;
	left:							12px;
	position:					absolute;
	top:							12px;
	width:						215px;
	z-index:						2;
}

#nav .rule {
	border-bottom: 			1px solid white;
	margin:						433px 0 0 15px;
}

#nav ul {
	margin:						30px 0 0 15px;
	padding:						0;
} 

#nav li {
	list-style: 				none;
	padding:						1px 0px 2px 0;
}

#nav a, #nav a:visited {
	color:						white;
	font-size:					13px;
	line-height:				16px;
}

#nav a:hover {
	color:						#c2c2c2;
}

#nav a.selected {
	font-weight:				bold;						
}

/***************************************************************************************
/*  PHOTO PANEL 
/***************************************************************************************/

#photo {
	height:						455px;
	left:							247px;
	position:					absolute;
	top:							12px;
	width:						715px;
	z-index:						2;
}

#photo img {
	border:						none;
	margin:						0px;
	padding:						0px;
	vertical-align:			top;
}

#flash {
	height:						455px;
}

#flash.welcome {
	background-image: 		url(../images/home/045.jpg);
}
#flash.accommodation {
	background-image: 		url(../images/accommodation/DJ16880.jpg);
}
#flash.services {
	background-image: 		url(../images/services/DJ16440.jpg);
}
#flash.location {
	background-image: 		url(../images/location/33-034.jpg);
}

#flash.rates {
	background-image: 		url(../images/rates/33-004.jpg);
}
#flash.contact {
	background-image: 		url(../images/contact/DJ16920.jpg);
}

#flash p {
	font-size:					13px;
	padding:						15px;
}

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

#content {
	height:						163px;
	left:							249px;
	overflow: 					auto;
	padding:						0 20px 0 0;
	position:					absolute;
	top:							480px;
	width:						445px;
	z-index:						4;	
}

#content p {
	color:						black;
	text-align: 				justify;
}

/***************************************************************************************
/*  GALLERY PAGE 
/***************************************************************************************/

#gallery {
	height:						630px;
	margin:						0px;
	left:							247px;
	padding:                0px;
	position:					absolute;
	text-align:					center;
	top:							12px;	
	width:						715px;				
	z-index:						2;
}

#gallery img {
	margin:						0px;
}

/*******************************
/* Galleria JQuery Photo Gallery 
/*******************************
#main_image {
	background-color: 		#048976;
	height:						476px;
	margin:						0 auto;
	left:							247px;
	position:					absolute;
	text-align:					center;
	top:							12px;	
	width:						715px;				
	z-index:						2;
}

#main_image img {
	border:						0px none;
	margin:						0px;
	padding:						0px;
	vertical-align: 			top;
}

#main_image h1, p {
	color:						white;
}

#main_image h1 {
	font-size:					18px;
	padding-top:				160px;
	padding-bottom:			24px;
}

#main_image p {
	font-size:					14px;
	line-height: 				20px;
	padding:						12px 150px 9px 150px;
}

#main_image .caption {
	color:						white;
}

#thumbs {
	height:						142px;
	margin:						0;
	left:							247px;
	list-style: 				none;
	margin:						0px;
	overflow: 					auto;
	padding:						0px;
	position:					absolute;
	text-align: 				left;
	top:							500px;
	white-space:				nowrap;
	width:						715px;				
	z-index:						2;
}

#thumbs li div {
	position:					absolute;
	display:						none;
	top:							0;
	left:							0px;
}
* html #thumbs  li div span{ width:715px } /* MSIE bug */

/*
#thumbs li div img {
	cursor:						pointer;
}

#thumbs li img.thumb {
	cursor: 						pointer;
	top:							auto;
	left:							auto;
	display:						block;
	width:						auto;
	height:						auto;
}


#thumbs li.active div img, #thumbs li.active div {
	display:						block;
}

#thumbs .gallery {
	margin:						0;
	padding:						0;
	width:						698px;
}

#thumbs ul.gallery li{
	background-color: 		white;
	display: 					block;
	float:						left;
	height:						142px;
	margin: 						0;
	padding: 					0;
	width:						69px;
}

#thumbs ul.gallery li img {
	border:						0px none;
	margin:						0px;
	padding:						0px;
	vertical-align:			top;
}

#thumbs li a {
	display:						none;
}
*/
/***************************************************************************************/
/*  ENQUIRY FORM
/***************************************************************************************/

#enquiries {
	background-color: 		white;
	border:						0px none;	
	margin:						15px 0;
	padding:						0 0 1px 0;	
	width:						530px;
}

#enquiries h1 {
	font-size:					14px;
	font-weight:				bold;
	margin:						0 0 0 15px;
	padding:						15px 0 0 0
}

#enquiries p {
	color:						black;
}

#enquiries form {
	background-color: 		#e0e0e0;
	border:						0px none;
	margin:						15px;
	padding-left:				20px;
	padding-right:				20px;
	vertical-align:			middle;
	width:						460px;
}

#enquiries p.header {
	padding-top:				24px;
	padding-bottom:			9px;
}

#enquiries form p {
	padding:						2px 0px;
	text-align: 				left;
}

#enquiries label {
   display: 					inline;
   float: 						left;
   margin:						0px;
   text-align: 				left;
   width: 						220px;
}

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

#enquiries .submit {
	padding-top:				18px;
	padding-bottom:			24px;
	text-align: 				center;
}

#confirm {
	padding-top:				9px;
	padding-left:				15px;
	padding-right:				15px;
}

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

#availability {
	background-color: 		white;
	border:						0px none;
	margin:						15px 0;
	padding:						0 0 1px 0;	
	width:						610px;
}

#availability h1 {
	font-size:					14px;
	font-weight:				bold;
	margin:						0 0 0 15px;
	padding:						15px 0 0 0
}

#availability p {
	color:						black;
	padding:						6px 15px;
	line-height:				16px;
}

#availability p.legend {
	font-size:					9px;
	font-weight:				bold;
	padding-top:				12px;
	padding-bottom:			0px;
	text-align: 				center;
}

#availability p.legend img {
	border:						0px none;
	margin:						0px;
	padding:						0px;
	vertical-align:			middle;
}

#calendar {
	border:						0px none;
	margin-left:				15px;
	padding:						0px;
	text-align: 				center;
	width:						580px;
}

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

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

#calendar table.cal TD.lt {
	text-align: 				left;
}

#calendar table.cal TD.md {
	text-align:					center;
}

#calendar table.cal TD.rt {
	text-align: 				right;
}


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

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

#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 0 0 0;
	text-align:					right;
}

#calendar .ac   { text-align: 	center; }
#calendar .bd	 { font-weight:	bold; }
#calendar .mt12 { margin-top: 	12px; }
#calendar .mt24 { margin-top: 	24px; }
#calendar .vm   { vertical-align: middle; }
#calendar .f09  {	font-size: 		9px; }

/***************************************************************************************
/*  BOTTOM CONTACT BLOCK 
/***************************************************************************************/

#footer {
	background-color: 		#4d4d4d;
	height:						163px;
	left:							727px;
	position:					absolute;
	text-align:					right;
	top:							481px;
	width:						235px;
	z-index:						5;	
}

#footer p {
	color:						white;
	padding:						0 15px 4px 0;
	text-align: 				right;
}

#footer p.top {
	padding-top:				105px;
}

#footer a, #footer a:visited {
	color:						white;
}

#footer a:hover {
	color:						#048976;
}

/***************************************************************************************
/*  FORMATTING FOR 1280PX SCREEN WIDTH
/***************************************************************************************/
/*
#outer {
	height:						751px;
	margin-top:					25px;
	width:						1174px;
}

#nav {
	height:						727px;
	background-position: 	15px 485px;
}

#nav .rule {
	margin-top:					528px;
}

#photo {
	height:						550px;
	width:						915px;
}

#content {
	height:						155px;
	top:							575px;
	width:						550px;	
}

*/

/***************************************************************************************
/*  MISCELLANEOUS
/***************************************************************************************/

#photocredit {
	height:						12px;
	margin:						0px;
	left:							868px;
	padding:                0px;
	position:					absolute;
	text-align:					right;
	top:							490px;	
	z-index:						20000;
}

#photocredit p {
	font-size:					8px;
	line-height:				10px;
	padding:						0px;
}