/* CSS Document 

/***************************************************************************************/
/*  MAIN OUTER PANEL
/***************************************************************************************/

#outer {
	background-color:			white;
	margin:						15px auto;
	overflow: 					visible;
	padding-bottom:			35px;
	position: 					relative;
	width:						975px;
}

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

#banner {
	background-color:			white;
	background-image: 		url(../images/header.gif);
	background-position: 	35px 0px;
	background-repeat: 		no-repeat;
	height:						155px;
	left: 						0px;
	position: 					relative;
	top:							0px;
	z-index:						1;
}

/***************************************************************************************
/*  MAIN CONTAINER 
/***************************************************************************************/

#container {
	background-color:			#e3e3e3;
	background-image:			url(../images/bamboo.jpg);
	background-repeat: 		no-repeat;
	background-position:		69px 0px;
	left: 						35px;
	position: 					relative;
	top:							0px;
	width:						905px;
	z-index:						1;
}

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

#nav {
	background:					transparent;
	float:						left;
	width:						275px;
}

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

#nav li {
	color:						#2d911d;
	font-family:				Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:					13px;
	font-weight:				bolder;
	list-style: 				none;
	padding-top:				10px;
	padding-bottom:			10px;
	text-transform: 			uppercase;
}

#nav a, #nav a:visited {
	color: 						#555555;
	font-weight:				normal;
}

#nav a:hover {
	color:						#387c2b;
}

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

#content, #contentW {
	background:					white;
	float:						left;
	margin-top:					20px;
	padding-top:				10px;
	padding-bottom:			15px;
	width:						325px;
}

#contentW {
	width:						490px;
}

#content p, #contentW p {
	padding-left:				20px;
	padding-right:				20px;
}

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

#content table.rates  {
	margin:						18px 0px 18px 20px;
	width:						285px;
}

#content table.rates th {
	font-size:					10px;
	font-weight:				bold;
	padding-bottom:			9px;			
}

#content table.rates td {
	padding-bottom:			3px;
}

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

#enquiries {
	background:					white;
	float:						left;
	margin-top:					20px;
	width:						500px;
}

#enquiries p.header {
	margin-top:					24px;
}

#enquiries form {
	padding: 					20px;
}

#enquiries form p {
	line-height: 				20px;
	padding:						3px 0px 3px 0px;
}

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


label.indent {
	margin-left:				30px;
	width:						160px;
}

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

#enquiries form p input.ac {
	text-align: 				center;
}

#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;
	padding-left:				4px;
	padding-right:				4px;
	vertical-align: 			text-bottom;
}


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

#enquiries form input.submit,
#enquiries form input.clear {
	background: #f0f0f0;
	border:						1px solid #367c2b;
	color: 						#367c2b;
	font-size:					15px;
	font-weight:				bold;
	height:						30px;
	margin:						30px 0 0 0;
	vertical-align: 			middle;
}

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

#enquiries .error {
	padding:						15px 20px 20px 20px;
}

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

#photopanel {
	left:							628px;
	padding-bottom:			15px;
	position:					absolute;
	text-align: 				right;
	top:							-156px;	
	width:						260px;
	z-index: 					500;
}

#photopanel.t1 {
	top:							-156px;
}

#photopanel.t2 {
	top:							-155px;
}

#photopanel img {
	padding-bottom:			6px;
}

/***************************************************************************************
/*  FOOTER 
/***************************************************************************************/

#footer {
	bottom: 						50px;
	left: 						645px;
	position: 					absolute;
	text-align: 				right;
	width:						270px;
	z-index: 					999;
}

#footer p {
	color: 						black;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					9px;
	line-height:				13px;
	padding:						6px 0 0 0;
}

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

#footer a:hover {
	color:						#367c2b;
}

/***************************************************************************************
/*  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;
}

table.endorse {
	margin:						18px 20px 18px 20px;
	table-layout: 				fixed;
	width:						450px;
}