/* CSS Document 

/***************************************************************************************/
/*  MAIN OUTER PANELS
/***************************************************************************************/

#container {
	margin:						0px auto;
	position: 					relative;
	width:						1000px;
}

#top {
	background: 				url(../images/theme/bordtop.gif) no-repeat top;
	height:						45px;
	width: 						1000px;
}


#outer {
	background: 				url(../images/theme/bordleft.gif) repeat-y top left;
	width: 						1000px;
}

#inner {
	background: 				white url(../images/theme/bordright.gif) repeat-y top right;
	margin:						0 0 0 35px;
	width: 						965px;
}

/***************************************************************************************
/*  TOP BANNER 
/***************************************************************************************/

#banner {
	height:						330px;
	position:					relative;
	width:						930px;
	z-index:						1;
}

/***************************************************************************************
/*  NAVIGATION SIDEBAR 
/***************************************************************************************/

#nav {
	float:						left;
	padding-top:				25px;
	padding-left:				20px;
	width:						250px;
}

#nav ul {
	margin:						0;
	padding:						0;
} 

#nav ul.sub {
	margin-left:				25px;
}

#nav li {
	font-size:					12px;
	list-style: 				none;
	list-style-position: 	outside;
	padding-bottom:			3px;
	text-transform: 			uppercase;
}

#nav p.comment {
	font-size:					11px;
	line-height: 				15px;
	padding-right:				20px;
	text-align: 				justify;
}

#nav p.availability {
	font-size:					11px;
	line-height: 				17px;
	padding-right:				100px;
	text-align: 				justify;
}


/***************************************************************************************
/*  MAIN CONTENT 
/***************************************************************************************/

#content {
	margin-left:				275px;
	width:						655px;
}

#content p {
	padding-right:				50px;
	text-align: 				left;
}

#content p.strap {
	font-size:					14px;
	margin-top:					18px;
	padding-bottom:			0px;
	text-transform: 			uppercase;
}

#content li {
	padding-top:				3px;
	padding-bottom:			3px;
	padding-right:				50px;
}

#content a.availability1, #content a.availability2 {
	font-size:					14px;
}

#content .label {
   display: 					inline;
   float: 						left;
   margin: 						0;
   padding: 					0;
   text-align: 				left;
   width: 						160px;
}

/***************************************************************************************/
/*  TABLES
/***************************************************************************************/

/* The default values for TABLE.border and TD.padding */
/* are required for correction display of OverLib popups */

table {	border:				1px solid #e8f5f6; }
td 	{	padding: 			3px; } 
td p  {	padding:				4px; }
	
table.rates {
	background:					#66a9a9;
	margin-top:					18px;
	padding:						10px;
	text-align:					center;
	width:						605px;
}	

table.rates th {
	padding:						10px;
}

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 #007070;
}

th.bordB {
	border-bottom:				1px solid #007070;
}

/***************************************************************************************/
/*  ENQUIRY FORM
/***************************************************************************************/

#enquiries {
	border:						0px none;
	margin:						0px;
	padding:						0px;
	position:					relative;
	z-index: 					10;
}

#enquiries p {
	margin:						0px;
}

#enquiries p.marketing {
	line-height: 				18px;
}

#enquiries p.header {
	margin-top:					24px;
}

#enquiries form {
	border: 						1px solid #535353;
	margin: 						12px 0 12px 0; 
	padding: 					20px;
	width:						590px;
	z-index:						10;
}

#enquiries form p {
	line-height: 				25px;
	padding:						3px 0px 3px 0px;
	text-align: 				left;
}

label {
   display: 					inline;
   float: 						left;
	height:						25px;
   margin: 						0;
   padding: 					0 10px 0 0;
   text-align: 				left;
   width: 						160px;
}

label.indent {
	margin-left:				30px;
	width:						140px;
}

#enquiries form p input, 
#enquiries form p textarea, 
#enquiries form p select {
   margin: 						0;
   padding: 					0;
}

#enquiries form .trapbot {
	visibility: 				hidden;
	width:						1px;
}

#enquiries form input, 
#enquiries form textarea {
	border: 						0px none;
	background-color: 		#dedede;
	font-family: 				Arial, Helvetica, sans-serif;
	vertical-align: 			middle;
}

#enquiries form input {
	height:						20px;
	vertical-align: 			text-bottom;
}


#enquiries form textarea {
	height:						200px;
}

#enquiries form input.submit,
#enquiries form input.clear {
	background: 				white;
	border:						0px none;
	color: 						teal;
	margin-top:					30px;
	vertical-align: 			middle;
}

#enquiries form input.submit {
	text-align: 				right;
}

#enquiries form input.clear {
	text-align: 				left;
}

#enquiries form input.plain {
	border: 						0px none;
	background-color: 		transparent;
	margin-left:				4px;
}

#enquiries fieldset {
	background-color: 		#e4e4e4;
	margin-left:				180px;
	padding:						2px;
}  

#enquiries select {
	border:						0px none;
	padding:						0px;
	background-color: 		#e4e4e4;
}

/***************************************************************************************
/*  PHOTO GALLERY 
/***************************************************************************************/

#photobackground {
	background: 				url(../images/theme/photofade.png);
	height:						1694px;
	left:							35px;
	position: 					absolute;
	top:							36px;
	width:						930px;
	z-index:						20;
}

#enlargementH, #enlargementV {
	background:					white none;
	border:						1px solid black;
	padding-left:				30px;
	padding-right:				30px;
	position: 					absolute;
	top:							70px;
	z-index: 					50;
}

#enlargementH {
	left:							120px;
	width:						700px;
}

#enlargementV {
	left:							199px; 
	width:						600px;
}
	
#enlargementH h1, #enlargementV h1 {
	color:						teal;
	font-size:					15px;
	padding:						18px 0 9px 0;
	text-align: 				left;
	text-transform:			uppercase;
}

#enlargementH p.close, #enlargementV p.close {
	font-size:					15px;
	padding-bottom:			15px;
	text-align:					right;
}

#enlargementH a, enlargementH a:visited,
#enlargementV a, enlargementV a:visited {
	color:						gray;
}

#enlargementH a:hover, #enlargementV a:hover {
	color:						teal;
}

/***************************************************************************************
/*  PHOTO PANEL 
/***************************************************************************************/

#photopanel {
	padding-right:				20px;
	padding-left:				20px;
	padding-bottom:			10px;
	width:						890px;
}

#photopanel img {
	vertical-align: 			bottom; 
}

#photopanel p {
	padding:						0px;
}

/***************************************************************************************/
/*  PAGE FOOTER
/***************************************************************************************/
	
#footer {
	background: 				url(../images/theme/bordbottom.gif) no-repeat top;
	padding-top:				40px;
	text-align:					center;
	width: 						1000px;
}

#footer ul {
	margin:						0 0 6px 0;
} 

#footer li {
	display:						inline;
	font-size:					12px;
	padding-left:				12px;
	padding-right:				12px;
	text-transform: 			uppercase;
}

/***************************************************************************************/
/*  AVAILABILITY CALENDAR PAGES
/***************************************************************************************/

#calendar {
	border:						0px none;
	margin-top:					12px;
	margin-bottom:				0px;
	text-align: 				left;
}

#calendar p, #calendar table, #calendar tr, #calendar td {
	padding: 					0;
}

#calendar table.cal {
	border:						0px none;
	margin: 						0;
	vertical-align: 			top;
	width: 						605px;
}

#calendar table.mainTable {
	border: 						1px solid black;
}

#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; }

/***************************************************************************************
/*  MISCELLANEOUS
/***************************************************************************************/

.rule {
	background: 				url(../images/theme/rule.gif) no-repeat;
	margin:						18px 0 0 0;
	padding:						0;
}

#special {
	background: 				#cbe5e6 none;
	border: 						3px double #66b2b5;
	margin:						12px auto 15px auto;
	padding:						10px 10px 8px 10px;
	text-align:					center;
	width:						250px;
}

#special p {
	color: #3a787a;
	padding:						6px;
	line-height:				15px;
	text-align: 				center;
}

p.seologo {
	border:						0px none;
	margin-top:					250px;
	text-align: 				center;
}

p.seologo img {
	border:						0px none;
	margin:						20px;
	vertical-align: 			middle;
}