/* CSS Document 

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

#outer {
	background: 				#c7d4f6 url(../images/theme/sidebar.gif) repeat-y;
	border-top:					1px solid #ebebeb;
	border-right:				1px solid #787878;
	border-bottom: 			1px solid #787878;
	border-left: 				1px solid #ebebeb;
	margin:						20px auto 0 auto;
	width: 						800px;
}

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

#header {
	background: 				url(../images/theme/header.jpg); 
	height:						323px;
	position:					relative;
	width:						800px;
	z-index:						10;
}

#header h1 {
	line-height:				36px;
	padding:						275px 0 0 120px;
	text-align: 				center;
}

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

#sidebar {
	background: 				transparent url(../images/theme/sidebar.jpg) no-repeat top left;
	float:						left;
	height:						350px;
	width:						240px;
}

#sidebar ul {
	margin:						95px 0 0 0;
	padding:						0 0 0 50px;
} 

#sidebar li {
	display: 					block;
	font-size:					12px;
	font-weight:				bold;
	height:						22px;
	list-style: 				none;
	padding-top:				3px;
	padding-bottom:			3px;
	text-transform: 			uppercase;
}

#sidebar a, #sidebar a:visited {
	color:						white;
	display:						block;
	height:						22px;
	width:						150px;
}

#sidebar a.index, #sidebar a.index:visited {
	background: 				url(../images/theme/tm_index.gif) top right no-repeat;	
}  

#sidebar a.apartments, #sidebar a.apartments:visited {
	background: 				url(../images/theme/tm_apartments.gif) top right no-repeat;	
}  

#sidebar a.tobago, #sidebar a.tobago:visited {
	background: 				url(../images/theme/tm_tobago.gif) top right no-repeat;	
}  

#sidebar a.reservations, #sidebar a.reservations:visited {
	background: 				url(../images/theme/tm_reservations.gif) top right no-repeat;	
}  

#sidebar a.contact, #sidebar a.contact:visited {
	background: 				url(../images/theme/tm_contact.gif) top right no-repeat;	
}  

#sidebar a.index:hover,
#sidebar a.apartments:hover,
#sidebar a.tobago:hover,
#sidebar a.reservations:hover,
#sidebar a.contact:hover {
	background-position:		bottom right;
	color:						#000066;
}

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

#content {
	float:						right;
	padding-top:				10px;
	padding-right:				20px;
	width:						520px;
}

#content ul, #content ol {
	margin-top:					12px;
} 

#content li {
	padding-top:				2px;
	padding-bottom:				2px;
}

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

#content table.rates {
	background: 				#b6c9f7;
	border-top: 				1px solid #ddedfc;
	border-right:				1px solid #b8b8b8;
	border-bottom: 			1px solid #b8b8b8;;
	border-left:				1px solid #ddedfc;
	margin-top:					12px;
	margin-bottom:				12px;
	padding:						10px;
	text-align:					center;
	width:						100%;
}	

#content table.rates th {
	background-color: 		#94b0f7;
	font-size:					11px;
}

#content .blw {
	border-left: 				1px solid #ddedfc;
}

#content .bbw {
	border-bottom:				1px solid #ddedfc;
}

#content table.rates td {
	padding:						5px 10px 5px 10px;
}

#content table.rates td p {
	padding-top:				2px;
	padding-bottom:			2px;
}

#content table.rates td.notes {
	padding:						10px;
}

#content table.album td {
	padding:						5px 0 10px 0;				
}

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

#content form {
	background-color: 		#b6c9f7;  
	border-top: 				1px solid #b8b8b8;
	border-right:				1px solid #ddedfc;
	border-bottom: 			1px solid #ddedfc;
	border-left:				1px solid #b8b8b8;
	margin: 						12px 0 12px 0; 
	padding: 					20px;
}

#content form p {
  	clear: 						both;
	padding-top:				2px;
	padding-bottom:			2px;
	text-align: 				left;
}

#content form p label {
   display: 					inline;
   float: 						left;
   margin: 						0;
   padding: 					0 10px 0 0;
   text-align: 				left;
   width: 						210px;
}

#content form p input, form p textarea, form p select {
   margin: 						0;
   padding: 					0;
}

#content form .trapbot {
	visibility: 				hidden;
	width:						2px;
}

textarea {
	font-family: 				Arial, Helvetica, sans-serif;
}

/***************************************************************************************/
/*  PAGE FOOTER
/***************************************************************************************/
	
#footer {
	background: url(../images/theme/footer.gif) no-repeat top;
	height:						140px;
	text-align:					center;
	width: 						800px;
}

#footer ul {
	margin:						0;
	padding:						105px 0 0 0;
} 

#footer li {
	display:						inline;
	font-size:					12px;
	list-style: 				none;
	margin:						0px;
	padding:						0px;
	text-transform: 			uppercase;
}

#footer a, #footer a:visited {
	padding-left:				20px;
	padding-right:				20px;
}

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

.rule {
	background: 				url(../images/theme/rule.gif) no-repeat;
	margin:						18px 0 0 0;
	padding:						0;
}

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

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