#wrap 	{
	width: 			1020px; 
	margin: 		0px 0px 0px 0px;
	z-index: 		10;
	}
		
/************************************************************************************/
/* This is the default text format */
body { 
	font: 			normal 1.1em Candara, Verdana, Arial, sans-serif;
	padding:		15px;
	text-align: 	left;
	background:		url(images/bg5.png) no-repeat ; 
	z-index:		11;  
	position: 		absolute;
}
		
/*Default text and hover colour properties */

a { 
	color:			#000000; 
}

a:hover { 
	color:			#AFA34C; 
}

a:active {
	color:			 #ffffff;
}
		 
a:visited {
	text-decoration:underline;
	color:			 #000;
	background-color:none;
}

/* heading 1 is used in the text section for headings - dark grey*/
h1 { 
	font:			bold 20px Candara, Verdana, Arial, sans-serif;
	color:			#777669;
	padding:		0px 0px 0px 15px;
	border-bottom:	1px;

}

/* heading 2 is used in the header section  */
h2 {
	float:			right;
	font:			bold 0.9em Candara, Verdana, Arial, sans-serif; 
	color:			#777669;
	margin:			0px 50px 5px 10px;
}

/* heading 3 is used for the Breadcrumb section  */

h3 { 
	font:			bold 12px Verdana, Arial, Georgia, sans-serif;
	color: 			#022F55 
	}
	
h3 a {	
	color: 			#022F55 
	}

/* heading 4 is used for the quotes in the left hand column  */

h4  {
	font:			bold 0.8em Candara, Verdana, Arial, sans-serif; 
	color:			#777669;
	letter-spacing:	1px;
}

/* heading 5 is used for the headings in the main section  */

h5  {
	font:			bold 1.0em Candara, Verdana, Arial, sans-serif; 
	color:			#777669;
	margin:			0px 10px ;
	padding:		0px 10px 5px 0px;
	letter-spacing:	1px;
}

/* heading 6 is used in the button on the contact page  */

h6 {
	font:			bold 1.0em Candara, Verdana, Arial, sans-serif; 
	color:			#777669;
	margin:			0px 10px ;
	padding:		0px 10px 10px 0px;
	letter-spacing:	1px;
	background-color:#CCCD99;
	border:			outset 2px;
}

p {	
	font:			normal 0.7em  Verdana, Arial, Georgia, sans-serif; 
	color:			 #000;
	margin:			 10px ;
	padding:		 2px;
	border: 		none;
	text-align: 	left;
	
  }
  
p .link {	
	font:			normal 1.4em Verdana, Arial, sans-serif; 
	color: 			#000;
	text-decoration:underline;
	}
	
/************************************************************************************/
/* The header division contains the logo  across the top of the page */
/************************************************************************************/
#header {
	width: 			100%;
	height:			110px;
	position: 		relative;
		}
		

#logo	{
	position: 			absolute;
	top:				10px;
	left:				10px;
	border: 			none;
	text-decoration:	none;
} 
		
#logo a	img{
	border: 			none;
	text-decoration: 	none;
		} 

#slogan	{
	position: 			absolute;
	width: 				280px;
	top:				10px;
	right:				10px;  		
	text-align: 		right;
		}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* styling for horizontal menu*/
.menu {
	font-family: 		Verdana, Arial, Georgia, sans-serif; 
	width: 				820px; 
	height:				40px; 
	margin-left:		243px; 
	margin-top: 		-30px;
	position:			relative; 
	font-size:			9px; 
}
.menu ul li a {
	display:			block; 
	text-decoration:	none; 
	width:				108px; 
	height:				26px; 
	text-align:			center; 
	color:				#000; 
	line-height:		26px; 
	font-size:			9px; 
	font-weight:		bold; 
	overflow:			hidden;
}
.menu ul {
	padding:			1px; 
	margin:				0; 
	list-style: 		none;
}
.menu ul li {
	float:				left; 
	position:			relative;
}
.menu ul li ul {
	display: 			none;
}

/* highlight current page */
.menu ul li a#current {
	background:			url(images/tabbg.gif) repeat-x;
}

/* specific to non IE browsers */
.menu ul li:hover a {
	width:				106px; 
	border-top:			1px solid #9EA3D5;
	border-left:		1px solid #9EA3D5;
	border-right:		1px solid #000;
	border-bottom:		1px solid #000; 
	color:				#000; 
	background:			#F4F5BC;
}
.menu ul li:hover ul {
	display:			block; 
	position:			absolute; 
	top:				21px; 
	left:				0; 
	width:				108px;
}
.menu ul li:hover ul li ul {
	display: 			none;
}
.menu ul li:hover ul li:hover ul {
	display:			block; 
	position:			absolute; 
	left:				105px; 
	top:				0;
}
.menu ul li:hover ul li:hover ul.left {
	left:				-105px;
}
/*============================================================================== */

				
/* The breadcrumbs line shows what page you are on and how you got there */		
		
#breadcrumbs span {
	overflow:			hidden ; 
	margin-top: 		-20px;
	padding: 			5px ;
	width:				20px;
		}

/************************************************************************************/
/* The container for the left hand column and main content sections */		

/************************************************************************************/
		
#content	{
	position: 			relative;
	width: 				955px; 
	min-height:			610px; 
	z-index: 			3;
}
   
/* All images in content area to have a border the same colour as logo */		
#content img	{
	border: 			2px solid #AFA34C;
}

		
/************************************************************************************/
/* The left hand column contains quotes. Top quote should align with heading in main*/		
/* section. It is a floated element                                                 */ 
/************************************************************************************/
#leftcol	{
	float: 				left;
	vertical-align: 	top;
	width: 				220px; 
	color: 				#AFA34C;
	text-align: 		center;
		}
#quote1	{
	padding: 			10px 25px 40px 25px; 
}
#quote2	{
	padding: 			30px 20px 30px 20px; 
}

/************************************************************************************/
/* In this section the text and images are to go                                    */
/* It is floated to the right                                                       */ 
/************************************************************************************/
	
	
#main   {
	float: 				right;  
	vertical-align: 	top;
	width: 				670px; 
	padding: 			25px 10px 5px 10px; 
}

#main ul {
	font:				bold 0.8em  Verdana, Arial, Georgia, sans-serif; 
	display:			block; 
	list-style:			none; 

}
/************************************************************************************/
/* To allow the text it's own area, the images are grouped 							*/
/* in their own container (imgcont) and floated to the right 						*/
/************************************************************************************/

#imgcont{
	float: 				right;
	width:				215px;
	margin:				0px 0px 10px 30px;
	vertical-align: 	top;
	}
 		
#image1	{
	float: 				left;
	margin:				0px 0px 30px 0px;
}


#image2 {
	float: 				left;
	margin:				10px 0px 40px 0px;
}

/************************************************************************************/
/* image container is positioned differently on contact page 							*/
/************************************************************************************/
#imgcont2{
	float: 				right;
	width:				250px;
	margin:				0px 0px 0px 0px;
	vertical-align: 	top;
	}
#imgcont2	a {
	text-decoration:	none;/* no underline for text links */
	font:				bold 0.6em Candara, Verdana, Arial, sans-serif;/*smaller text labels for images*/ 
	
}
#image2a {
	float: 				left;
	margin:				0px 0px 10px 0px;
	vertical-align: 	top;
	text-align:			left;
}
#imgcont2 p{
	margin:				0;
}
/************************************************************************************/
/* image container is positioned differently on pricing page 							*/
/************************************************************************************/
#imgcont3{
	float: 				right;
	width:				140px;
	margin:				20px -10px 0px 0px;
	vertical-align: 	top;
	}

/************************************************************************************/
/* Styling for table on Bookings and Pricing pages */
/************************************************************************************/
table {	
	float:			left;
	clear:			left;
	font:			normal 0.7em  Verdana, Arial, Georgia, sans-serif; 
	margin:			-5px 10px 5px 0px;
	border: 		solid black 1px;
	text-align: 	left;
 }
table.price {	
	width:			520px;
 }

td	{
	padding:		2px;
}	

th	{
	padding:		8px 0 5px 5px;
	font:			bold 1.2em Candara, Verdana, Arial, Georgia, sans-serif; 
}	

.formbox{
/*	width:			850px;	  */
	font:			normal 0.8em Candara, Verdana, Arial, Georgia, sans-serif; 
	margin:			0 0 5px 10px;
	border:			0;
 }
.formbox .select {
	margin:			0 0 15px 133px;
	border:			0;
 }
table.notes {	
	margin-top: 	10px;
	width:			670px;
	border:			none;
 }

 tr	{
	
 }

		
/************************************************************************************/

/* The footer appears at the bottom of the page and overflow is hidden */
				
#footer  {
	width: 			955px; 
	height:			30px;
	float: 			left;
	clear:			both;
	z-index: 		7;
	font: 			normal 0.9em Candara, Verdana, Arial, sans-serif;
}	
			
.footer li	{
	list-style: 	none;
	display: 		inline;	
}
	
.footer li a{
	padding: 		2px 9px;
	color: 			#7B7B3B;
	text-decoration: none;
}
		
.footer li a:hover {
	padding: 		2px 9px;
	text-decoration: none;
	color: 			#000;
}

		
label {

  padding-top:.2em;
  left:30px;
  font-family: arial, helvetica, sans-serif;
  font-weight:bold;
  font-size:13px;}



input {
	margin-left:10em;
  	margin-bottom:.2em;
  	line-height:1.4em;
  }
  

select {margin-left:11em;

  margin-bottom:.2em;

  line-height:1.4em;

  }


.date {margin-left:.2em;

  margin-bottom:.2em;

  line-height:1.4em;}