/*****************
 GLOBAL
*****************/

* {margin:0; padding:0;}

p {margin: 0.5em 0 1.0em 0;}

img {border-width: 0;}

h1, h2, h3, h4, h5, h6 {margin:0.5em 0 0.2em 0;}

body {
	margin:0;
	padding:0;
	color: #000;
	background: #ddc url(images/body-back.gif) repeat-x fixed center top;
}

body, table {
	font-family:  'Trebuchet MS', 'lucida sans unicode', 'lucida grande', verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

* html body, * html table  {
	font-family:   'Trebuchet MS', 'lucida sans unicode', 'lucida grande', verdana, arial, helvetica, helve, sans-serif;
	font-size: medium;
}


/**********
 HEADERS
**********/

h1 { font-size: 2.0em; color: #831; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
h2 { font-size: 1.5em; color: #831; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
h3 { font-size: 1.4em; color: #831; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}



/**********
 FORMS
**********/

form { display: inline; }


/**********************
 OVERALL LAYOUT
***********************/

#skiptomain {
	display: none;
}

#wrapper {
	width: 985px;
	margin: 10px auto;
	font-size: 0.85em;
	background: #fff;
}

	#pagecontainer {
		width: 983px;
		background: #fff;
		border: 1px solid #ccb;
	}

		#header {
			width: 943px;
			padding: 0px 10px;
			margin: 0px 10px;
			background: #fff url(images/leafwatermark.gif) no-repeat right top;
			}
			

			#toplogo {
				padding: 10px 0px 10px 0px;
				width: 280px;
				float: left;
				font-size: 0.9em;
				color: #fff;	
			}
			
			
			#topright {
				padding: 15px 0px 0px 0px;
				width: 663px;
				float: right;
				text-align: right;
				font-size: 0.85em;
			}

			#topright strong {
				font-size: 1.8em; 
				padding: 0px 0px 10px 0px;
				color: #a31; 
				line-height: 2.5em; 
				font-weight: normal; 
				font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
			}

				input.newsletter {
					width: 150px;
					font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 0.9em;
					padding: 1px 0px;
				}

				input.newslettersubmit {
					width: 90px;
					margin-left: 2px;
					background: #a31;
					color: #fff;
					font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 0.85em;
				}

			#topright strong a:link, #topright strong a:visited { color: #a31; text-decoration: underline; }
			#topright strong a:hover { color: #d53; text-decoration: underline; }


		#topnav {
			width: 943px;
			height: 36px;
			padding: 0px 10px;
			margin: 0px 10px;
			background: #dda url(images/topnav-back.gif) repeat-x center top;
			font-size: 0.95em;
		}


		#topbar {
			width: 943px;
			padding: 0px 10px;
			margin: 0px 10px;
			background: #eed;
			color: #000;
		}

			#breadcrumb {
				width: 703px;
				float: left;
				padding: 7px 20px 5px 0px;
				font-size: 0.9em;
			}

			#breadcrumb a:link, #breadcrumb a:visited { color: #000; text-decoration: none; }
			#breadcrumb a:hover { color: #000; text-decoration: underline; }

			#topdate {
				width: 200px;
				float: right;
				text-align: right;
				padding: 7px 0px 5px 0px;
				font-size: 0.8em;
				color: #333;
			}
		
		#tickerbar {
			color: #333;
		}
		
			#tickerbar a:link, #tickerbar a:visited { color: #333; }
			#tickerbar a:hover, #tickerbar a:active { color: #c00; }
		
			#tickerbar .spacer {
				color: #fff;
			}


		#maincontent {
			clear: both;
			width: 963px;
			padding: 0px 0px 0px 0px;
			margin: 1px 10px;
			color: #000;
			line-height: 1.5em;
			font-size: 0.95em;
			background: #fff;
		}

			#maincontent a:link, #maincontent a:visited { color: #931; text-decoration: none; }
			#maincontent a:hover { color: #931; text-decoration: underline; }


			#maincontentleft {
				float: left;
				width: 240px;
				padding: 0px;
				margin: 0px 1px 0px 0px;
			}
			

			#minibookingform {
				width: 220px;
				padding: 10px 10px 10px 10px;
				margin: 1px 0px;
			}
			
				label.full { display: block; }
				label.mini { display: inline; }				
				label.hidden { display: none; }


				input.bookingselect {
					font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 0.9em;
					padding: 1px 0px;
				}

				input.bookingsubmit {
					width: 150px;
					margin-left: 2px;
					padding: 1px;
					background: #a31;
					color: #fff;
					font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 0.9em;
				}


			#maincontentright {
				float: right;
				width: 722px;
				padding: 0px 0px 0px 0px;
				margin: 0px;
			}
			
			
			 #maincontentright ul {padding: 5px 0 5px 25px;}


		#footer {
			width: 943px;
			padding: 20px 10px;
			margin: 10px 10px 0px 10px;
			font-size: 0.9em;
			color: #fff;
			background: #330;
		}

		#footer a:link, #footer a:visited { color: #eec; text-decoration: none; }
		#footer a:hover { color: #eec; text-decoration: underline; }


		#belowfooter {
			clear: both;
			width: 963px;
			margin: 0 10px;
			padding: 10px 0px 10px 0px;
			font-size: 0.9em;
			color: #000;
		}
		
			#belowfooterl {
				float: left;
				width: 540px;
				color: #000;
				padding: 0px 0px 0px 60px;
				background: #fff url(images/footershield.gif) no-repeat left top;
			}

			#belowfooterr {
				float: right;
				width: 293px;
				text-align: right
			}
		


		#belowfooter img {
			float: right;
		}

		#belowfooter a:link, #belowfooter a:visited { color: #931; text-decoration: none; }
		#belowfooter a:hover { color: #931; text-decoration: underline; }



/*****************
 BREAKS
*****************/

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }

/*****************
 TOP RIGHT NAV LIST
*****************/

#topright ul {
	margin: 10px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	list-style: none;
	text-align: right;
	text-transform: lowercase;
	font-size: 1.1em;
	letter-spacing : -1px;
}

	#topright ul li {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 18px;
		display: inline;
	}

	#topright ul li a {
		color: #330;
		text-decoration: none;
	}

	#topright ul li a:hover {
		color: #330;
		text-decoration: underline;
	}

	#topright ul li.onstate {
		font-weight: bold;
	}


/*****************
LEFT SIDE LIST
*****************/

#maincontentleft ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 240px;
	background: #deb;
}

	#maincontentleft ul li{
		margin: 0px;
		padding: 10px 10px 10px 10px;
		display: block;
		width: 220px;
		line-height: 1.9em;
		border-bottom: 1px solid #fff;
	}

	#maincontentleft ul a:link, #maincontentleft ul a:visited{
		color: #330;
		text-decoration: none;
	}

	#maincontentleft ul a:hover, #maincontentleft ul a:active {
		color: #330;
		text-decoration: underline;
	}

.leftfeature {
	width: 200px;
	float: left;
	padding: 20px;
	margin: 1px 0px 0px 0;
}


/**********************
 FLASH ANIMBLOCK
***********************/

#gallery { position: relative; }

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

img.floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 0px 10px;
}


/*****************
 UL
*****************/

 ul.normal {padding: 5px 0 5px 25px;}

/*****************
 OL
*****************/

 ol {padding: 5px 0 5px 25px;}

 /*****************
  FEATURES
 *****************/

.pagefeaturelong {
	width: 680px;
	padding: 20px;
	border: 1px solid #ddb;
	float:left;
}


.pagefeature {
	width: 200px;
	float: left;
	padding: 20px;
	margin: 1px 1px 0px 0;
	background: #ddb url(images/bg-pagefeature.gif) repeat-x center bottom;
}

.pagefeatureend {
	margin: 1px 0px 0px 0;
}


/**********************
PARAGRAPHS
 ***********************/

.bigtext {
   	font-size: 1.2em;
   	line-height: 1.6em;
}

	
/*****************
 ICON LINK
*****************/

a.iconlink {
	padding-left:10px;
	background: url(/images/icon.gif) no-repeat top left;
}



/*********************
 SPECIFIC PAGES TOPNAV
**********************/

#hotel #topnav {
	background: #000 url(images/topnav-back-hotel.gif) repeat-x center top;
}		

#bedrooms #topnav {
	background: #b7b793 url(images/topnav-back-bedrooms.gif) repeat-x center top;
}	

#golf #topnav {
	background: #cd9 url(images/topnav-back-golf.gif) repeat-x center top;
}

#spa #topnav {
	background: #000 url(images/topnav-back-spa.gif) repeat-x center top;
}

#restaurant #topnav {
	background: #c8ad8d url(images/topnav-back-restaurant.gif) repeat-x center top;
}

#weddings #topnav {
	background: #ebe0b7 url(images/topnav-back-weddings.gif) repeat-x center top;
}

#corporate #topnav {
	background: #8a9aa7 url(images/topnav-back-corporate.gif) repeat-x center top;
}

#offers #topnav {
	background: #dda url(images/topnav-back-offers.gif) repeat-x center top;
}

/*********************
 SPECIFIC PAGES BOOKING FORMS
**********************/

#golf #minibookingform {
	background: #deb url(images/bg-lefteature-golf.gif) repeat-x center bottom;
}

#bedrooms #minibookingform {
	background: #b7b793 url(images/bg-lefteature-bedrooms.gif) repeat-x center bottom;
}

#restaurant #minibookingform {
	background: #99886c url(images/bg-lefteature-restaurant.gif) repeat-x center bottom;
}

#weddings #minibookingform {
	background: #ebe0b7 url(images/bg-lefteature-weddings.gif) repeat-x center bottom;
}

#corporate #minibookingform {
	background: #8a9aa7 url(images/bg-lefteature-corporate.gif) repeat-x center bottom;
}

#spa #minibookingform {
	background: #86b9b8 url(images/bg-lefteature-spa.gif) repeat-x center bottom;
}

#offers #minibookingform {
	background: #dda url(images/bg-lefteature-offers.gif) repeat-x center bottom;
}

#hotel #minibookingform {
	background: #dda url(images/bg-lefteature-hotel.gif) repeat-x center bottom;
}

/*********************
 SPECIFIC PAGES FEATURES
**********************/

#golf .pagefeaturelong {
	background: #eef6dd url(images/bg-pagefeature-golf.gif) repeat-x center bottom;
}

#golf .leftfeature {
	background: #deb url(images/bg-leftfeature-golf.gif) repeat-x center bottom;
}

#golf .pagefeature {
	background: #eef6dd url(images/bg-pagefeature-golf.gif) repeat-x center bottom;
}


#bedrooms .pagefeaturelong {
	background: #e7e7db url(images/bg-pagefeature-bedrooms.gif) repeat-x center bottom;
}

#bedrooms .leftfeature {
	background: #b7b793 url(images/bg-leftfeature-bedrooms.gif) repeat-x center bottom;
}

#bedrooms .pagefeature {
	background: #e7e7db url(images/bg-pagefeature-bedrooms.gif) repeat-x center bottom;
}


#restaurant .pagefeaturelong {
	background: #e7e3dd url(images/bg-pagefeature-restaurant.gif) repeat-x center bottom;
}

#restaurant .leftfeature {
	background: #99886c url(images/bg-leftfeature-restaurant.gif) repeat-x center bottom;
}

#restaurant .pagefeature {
	background: #e7e3dd url(images/bg-pagefeature-restaurant.gif) repeat-x center bottom;
}


#weddings .pagefeaturelong {
	background: #ffffe6 url(images/bg-pagefeature-weddings.gif) repeat-x center bottom;
}

#weddings .leftfeature {
	background: #ebe0b7 url(images/bg-leftfeature-weddings.gif) repeat-x center bottom;
}

#weddings .pagefeature {
	background: #ffffe6 url(images/bg-pagefeature-weddings.gif) repeat-x center bottom;
}


#corporate .pagefeaturelong {
	background: #e7ebe9 url(images/bg-pagefeature-corporate.gif) repeat-x center bottom;
}

#corporate .leftfeature {
	background: #8a9aa7 url(images/bg-leftfeature-corporate.gif) repeat-x center bottom;
}

#corporate .pagefeature {
	background: #e7ebe9 url(images/bg-pagefeature-corporate.gif) repeat-x center bottom;
}


#spa .pagefeaturelong {
	background: #e6f0f0 url(images/bg-pagefeature-spa.gif) repeat-x center bottom;
}

#spa .leftfeature {
	background: #86b9b8 url(images/bg-leftfeature-spa.gif) repeat-x center bottom;
}

#spa .pagefeature {
	background: #e6f0f0 url(images/bg-pagefeature-spa.gif) repeat-x center bottom;
}


#offers .pagefeaturelong {
	background: #ebebce url(images/bg-pagefeature-offers.gif) repeat-x center bottom;
}

#offers .leftfeature {
	background: #dda url(images/bg-leftfeature-offers.gif) repeat-x center bottom;
}

#offers .pagefeature {
	background: #ebebce url(images/bg-pagefeature-offers.gif) repeat-x center bottom;
}


#hotel .pagefeaturelong {
	background: #ebebce url(images/bg-pagefeature-hotel.gif) repeat-x center bottom;
}

#hotel .leftfeature {
	background: #dda url(images/bg-leftfeature-hotel.gif) repeat-x center bottom;
}

#hotel .pagefeature {
	background: #ebebce url(images/bg-pagefeature-hotel.gif) repeat-x center bottom;
}


/*********************
 SPECIFIC PAGES LHS NAV
**********************/

#golf #maincontentleft ul {
	background: #deb;
}

#golf #maincontentleft ul a:link, #golf #maincontentleft ul a:visited{
		color: #330;
}

#golf #maincontentleft ul a:hover, #golf #maincontentleft ul a:active {
		color: #330;
}


#bedrooms #maincontentleft ul {
	background: #b7b793;
}

#bedrooms #maincontentleft ul a:link, #bedrooms #maincontentleft ul a:visited{
		color: #330;
}

#bedrooms #maincontentleft ul a:hover, #bedrooms #maincontentleft ul a:active {
		color: #330;
}


#restaurant #maincontentleft ul {
	background: #99886c;
}

#restaurant #maincontentleft ul a:link, #restaurant #maincontentleft ul a:visited{
		color: #330;
}

#restaurant #maincontentleft ul a:hover, #restaurant #maincontentleft ul a:active {
		color: #330;
}


#weddings #maincontentleft ul {
	background: #ebe0b7;
}

#weddings #maincontentleft ul a:link, #weddings #maincontentleft ul a:visited{
		color: #330;
}

#weddings #maincontentleft ul a:hover, #weddings #maincontentleft ul a:active {
		color: #330;
}


#corporate #maincontentleft ul {
	background: #8a9aa7;
}

#corporate #maincontentleft ul a:link, #corporate #maincontentleft ul a:visited{
		color: #330;
}

#corporate #maincontentleft ul a:hover, #corporate #maincontentleft ul a:active {
		color: #330;
}


#spa #maincontentleft ul {
	background: #86b9b8;
}

#spa #maincontentleft ul a:link, #spa #maincontentleft ul a:visited{
		color: #330;
}

#spa #maincontentleft ul a:hover, #spa #maincontentleft ul a:active {
		color: #330;
}


#offers #maincontentleft ul {
	background: #dda;
}

#offers #maincontentleft ul a:link, #offers #maincontentleft ul a:visited{
		color: #330;
}

#offers #maincontentleft ul a:hover, #offers #maincontentleft ul a:active {
		color: #330;
}


#hotel #maincontentleft ul {
	background: #dda;
}

#hotel #maincontentleft ul a:link, #hotel #maincontentleft ul a:visited{
		color: #330;
}

#hotel #maincontentleft ul a:hover, #hotel #maincontentleft ul a:active {
		color: #330;
}


 /*****************
  MEET THE STAFF
 *****************/
 
 .meet {
 	width: 140px;
 	float: left;
 	margin: 10px 35px 0px 0px;
}
 

.meetleft {
	width: 140px;
	float: left;
	margin: 10px 35px 0px 0px;
}

.meetleft2 {
	width: 140px;
	float: left;
	margin: 10px 35px 0px 0px;
}

.meetmid {
	width: 140px;
	float: left;
	margin: 10px 35px 0px 0px;
}

.meetright {
	width: 140px;
	float: left;
	margin: 10px 0px 0px 0px;
}

 .meetwide {
 	width: 315px;
 	float: left;
 	margin: 10px 35px 0px 0px;
}


 /*****************
  TESTIMONIALS
 *****************/

.custcomment {
	padding: 0px 0px 20px 40px;
	margin: 30px 0px 0px 0px;
	border-bottom: 1px solid #cc9;
	background: url(images/icon-cust.gif) no-repeat left top;
}



/*****************
GOOGLE DIRECTIONS
*****************/

#gdirections #gmap-panel {
    background: #fff;  
    margin: 10px 0px 0px 0px;
    border: 1px solid #cc9;
    display: none;
}

.gmap-button {
    background: #A31;
    border: 1px solid #fff;
    height: 20px;
    padding: 0px 3px;
    color: #FFF;
}