/* CSS Document */

html, body, p, h1, h2, h3, h4, h5, h6, ul, li, ol, form, fieldset {
	border:  			0;
	margin:  			0;
	padding: 			0;
}

body {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			12px;
	line-height: 		17px;
}

table td {
	vertical-align: 	top;
}

/***************************************************************************************/
/*  MAIN DIVS
/***************************************************************************************/

#outer{
	margin: 				20px auto;
	width:				650px;
}

#banner {
	height: 				155px;
}

#nav {
	background: 		#E8F6FD;	
	height:     		20px;
	margin:				0 auto 24px auto;
	padding:    		8px 0 8px 8px;
	text-align: 		center;
}

#content {
	float: 				left;
	margin: 				0;
	padding: 			0;
	text-align: 		left;
	width: 				375px;
}

#photo {
	border:				0px;
	float: 				right;
	text-align: 		justify;
	width: 				250px;
}

#enlarge {
	float: 				left; 
	padding-bottom: 	10px;
	text-align: 		center;
	width:				650px;
}

#availability {
	padding-bottom:	10px;
	width:				650px;
}

/***************************************************************************************/
/*  MAIN STYLES
/***************************************************************************************/

p {
	padding-bottom: 	18px;  
	text-align: 		justify;
}

h1, h2 {
	background:			transparent;
	color: 				#CF2CA3;
	font-size: 			15px;
	font-weight:		bold;
	margin-bottom: 	12px;
	text-align: 		left;
}

h1 {
	font-size: 			15px;
}

h2 {
	font-size: 			13px;
}

a, a:visited {
	text-decoration: 	none;
}

a:hover, a:active, a:focus  { 	
	text-decoration:	underline; 
}

/***************************************************************************************/
/*  MAIN COLORS
/***************************************************************************************/

body, #outer, a {
	background: 		white;
	color: 				#444444;
} 

a, a:visited {
	background:			white;
	color: 				#00c15e;
}

a:hover, a:active, a:focus  { 	
	background: 		white;
	color: 				#ff0080;
}

a.links, a.links:visited {
	background:			#fef1f9;
	color: #c10066;
}

a.links:hover  { 	
	background: 		#fef1f9;
	color: 				#71245C;
}

/***************************************************************************************/
/*  NAVIGATION BAR WITHIN MAIN CONTENT PANEL
/***************************************************************************************/

#nav ul li {
	background: 		#E8F6FD url(../images/theme/birdB.gif) left center no-repeat;
	display:    		inline;
	padding:    		0 18px 0 18px;
}


#nav a, #nav a:visited {
	font-size:  		12px;
	font-weight:		normal;
	color: 				#4e4e4e;
	background-color: transparent;
	text-decoration:  none;
}

#nav a:hover, li a:focus{
	color: 				#DE02BA;
}
	
/***************************************************************************************/
/*  LISTS
/***************************************************************************************/

#content ul { 
	margin:				-5px 0 18px 15px;
}
	
#content li {
	list-style: 		square;
	padding-bottom: 	4px;
}

/***************************************************************************************/
/*  IMAGES
/***************************************************************************************/

IMG {
	border:				none;
}

img.bord {
	border-right: 		1px solid #DCDCDC;
	border-bottom: 		1px solid #DCDCDC;
}


/***************************************************************************************/
/*  FONTS
/***************************************************************************************/

.f09 { 					font-size: 9px;  }
.f10 { 					font-size: 10px; }
.f11 { 					font-size: 11px; }
.f12 { 					font-size: 12px; }
.f13 { 					font-size: 13px; }
.f14 { 					font-size: 14px; }
.f15 { 					font-size: 15px; }
.f16 { 					font-size: 16px; }
.f18 { 					font-size: 18px; }

/***************************************************************************************/
/*  FORMATTING
/***************************************************************************************/

.bd { 					font-weight: bold;  }
.it { 					font-style: italic; }

/***************************************************************************************/
/*  COLOURS
/***************************************************************************************/

.black  { 				color: #000; }
.blue   { 				color: #003F60; }
.red    { 				color: #F00; }
.dred   { 				color: #CA0500; }
.white  { 				color: #FFF; }

/***************************************************************************************/
/*  MARGINS & WIDTHS
/***************************************************************************************/

.mt00  { 				margin-top: 0;     }
.mt03  { 				margin-top: 3px;   }
.mt06  { 				margin-top: 6px;   }
.mt09  { 				margin-top: 9px;   }
.mt12  { 				margin-top: 12px;  }
.mt18  { 				margin-top: 18px;  }
.mt24  { 				margin-top: 24px;  }
.mt36  { 				margin-top: 36px;  }
.mt50  { 				margin-top: 50px;  }

.mb00  { 				margin-bottom: 0;    }
.mb06  { 				margin-bottom: 6px;  }
.mb09  { 				margin-bottom: 9px;  }
.mb12  { 				margin-bottom: 12px; }
.mb18  { 				margin-bottom: 18px; }
.mb24  { 				margin-bottom: 24px; }
.mb36  { 				margin-bottom: 36px; }
.mb50  { 				margin-bottom: 50px; }

.pb00 {					padding-bottom: 0px; }			

.w100 {					width: 100px; }	
.w105 {					width: 105px; }	
.w200 {					width: 200px; }		
.w205 {					width: 205px; }			
	

/***************************************************************************************/
/*  ALIGNMENT
/***************************************************************************************/

.centre {
	text-align: 		center;
	margin-left: 		auto;
	margin-right: 		auto; 
}

.ac { 					text-align: center; }
.al { 					text-align: left;   }
.ar { 					text-align: right;  }
.aj { 					text-align: justify;}

.vm { 					vertical-align: middle; }
.vt { 					vertical-align: top;    }
.vb { 					vertical-align: bottom; } 

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

table.links {
	background-color: #fef1f9;
	border-right: 		1px solid #DCDCDC;
	border-bottom: 	1px solid #DCDCDC;
	margin-top: 		18px; 
	width:				100%;
}

table.links td {
	padding: 			3px 5px 3px 5px;
	text-align:			left;
}

table.rates {
	border-right: 		1px solid #DCDCDC;
	border-bottom: 	1px solid #DCDCDC;
	background-color: #fef1f9;
	margin-top: 		6px; 
	width:				100%;
}

table.rates th {
	color: 				#CF2CA3;
	font-size:			10px;
	font-weight:		bold;
	padding:				0px;
	text-align:			center;
}


table.rates td, table.rates p {
	font-size:			12px;
	padding:				0px 5px 5px 7px;
	vertical-align: 	bottom;
}

table.rates td.values, p.values {
	font-weight:		bold;
	text-align:			center;
}

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

#content form {
	background-color: #fef1f9;  
	border-right: 		1px solid #dcdcdc;
	border-bottom: 	1px solid #dcdcdc; 
	margin: 				0 0 12px 0; 
	padding: 			10px;
}

#content form p {
  	clear: 				both;
	padding:				3px 0 3px 0;
	text-align: 		left;
}

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

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

#content form p.centre {
	text-align:			center;
}

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

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

.clearit {
	clear: 				both;
	height: 				1px;
	overflow: 			hidden;				/* IE hack */
}

.banner1 {
	border-right: 		1px solid #DCDCDC;
	border-bottom: 	1px solid #DCDCDC;
	background: 		#E8F6FD; 
	padding:				15px;
}

.botrap {
	display:				none;
}

/***************************************************************************************/
/*  RIGHT-HAND PHOTO PANEL 
/***************************************************************************************/

#photo img {
	border:				none;
}

#photo p {
	padding-bottom:	9px;
}

/***************************************************************************************/
/*  PHOTO ENLARGEMENTS
/***************************************************************************************/

#enlarge img { 			
	border: 				0px none; 
}

#enlarge p	{
	text-align: 		center;
}

#enlarge p.left {
	text-align:			left;
}

#enlarge p.title {
	margin: 				18px 0 6px 0;
}

#enlarge p.copyright {
	font-size: 			11px;
	font-style: 		italic;
	margin: 				12px auto 12px auto;
}

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

#footer p {
	background: 		white;
	color: 				#A9A9A9;
	font-size: 			9px;
	padding-top: 		18px;
	text-align: 		center;
}
/***************************************************************************************/
/*  CLEAR-IT DIV
/***************************************************************************************/

#clearit {
	clear: 				both;
	height: 				1px;
}

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

#calendar {
	background-color: #f8f8f8;
	padding:			12px 0 24px 0;
	text-align: 		center;
}

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

#calendar table.cal {
	border: 				0px none;
	margin: 			12px auto 0px auto;
	table-layout: 		fixed;
	
	vertical-align: 	top;
	width: 				571px;
}

#calendar table.cal TD {
	background-color: #def6ff; 
}

#calendar table.cal TD.grey {
	background-color: #f8f8f8;
}

#calendar table.cal TD.lt {
	border: 				1px solid #2F6EAA;
	text-align: 		left;
}

#calendar table.cal TD.md {
	border: 				1px solid #2F6EAA;
	text-align: 		center;
}

#calendar table.cal TD.rt {
	border: 				1px solid #2F6EAA;
	text-align: 		right;
}

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

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

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

#calendar .vm	 {    vertical-align: middle; }

#calendar a, #calendar a:visited {
	background-color: #f8f8f8;
	color: 				#c71585;
}

#calendar a:hover, #calendar a:active, a:focus  { 	
	background: 		#f8f8f8;
	color: 				#71245C;
}

#calendar table.cal td.previous {
	background-color: #f8f8f8;
	font-size:			11px;
	font-weight:		normal;
	padding:				0;
	text-align:			left;
}

#calendar table.cal td.next {
	background-color: #f8f8f8;
	font-size:			11px;
	font-weight:		normal;
	padding:				0;
	text-align:			right;
}

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


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

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