/* CSS Document */


img {border: 0px;}				/* removes image boarders in ie and firefox */


* { outline:none;
	margin:0;
	padding:0;
	}
	
body { 
	background: url(images/finalbackgroundtile.jpg);
	background-repeat: repeat-x;
	background-color: #A6B17E;
	}



#page { 
	margin-left: auto;
	margin-right: auto;
	height: 804px;
	width: 917px; 
	position: relative; 
	top: 10px;
	/*background-color: white;*/
	margin-bottom: 10px;
	}
	
	#headerleft { 
		height: 65px;
		width: 574px;
		position: absolute;
		top: 0px ;
		left: 0px;
		background: url(images/background_03.png);
		background-repeat: no-repeat;
		}
		
		#headerleftimage { 
					height: 41px;
					width: 479px;
					position: absolute;
					top: 15px;
					left: 16px;
					
					}
		
		
	#headerright{
		height: 19px;
		width: 343px;
		position: absolute;
		top: 45px ;
		right: 0px;
		background: url(images/background_05.png);
		background-repeat: no-repeat;
		}
		
		
	#quickcontact { 
		position: absolute; 
		top: -20px; 
		left: 5px;
		height: 50px; 
		width: 310px;
	
		}
		
		#quickcontact p.left	{font-size: 11px; font-family: helvetica; color:white;text-align:left; position: absolute; top: 5px; left: 0px;}
		#quickcontact p.right	{font-size: 11px; font-family: helvetica; color:white;text-align:right; position: absolute; top: 5px; right: 0px;}

		#quickcontact a	{font-size: 11px; font-family: helvetica; color:white;text-align:left; text-decoration: none; }
		#quickcontact a:hover 	{font-size: 11px; font-family: helvetica; color:#999;text-align:left; text-decoration: none; }
		
		
	#sides {
		position: absolute;
		top: 64px;
		width: 917px;
		margin-bottom: 34px;
		min-height: 300px;
		
		background: url(images/background_07.png);
		background-repeat: repeat-y;
		}
		
		
		#content {
				position: relative;
				left: 20px; 
				width: 881px;
		
		}
	
	#foot {
		
		height: 34px;
		width: 917px;
		position: absolute;
		bottom: -34px;
		
		
		
		
		background: url(images/background_09.png);
		background-repeat: no-repeat;
		}

	#mainimage { 
	
		position: relative;
		
		height:300px;
		width: 714px; 
		background: url(images/hookwoodhouse.jpg);
		background-repeat: no-repeat;
		
		}
		
		
		div#slideshow {
	width: 714px; height: 300px; 
	background: url(images/border.png);
	overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */ 
	position: relative; z-index: 5;
}
	div#slideshow ul#nav {
		display: none;
		list-style: none;
		position: relative; top: 100px; z-index: 15;
	}
		div#slideshow ul#nav li#prev {
			float: left; margin: 0 0 0 40px;
		}
		div#slideshow ul#nav li#next {
			float: right; margin: 0 50px 0 0;
		}
		div#slideshow ul#nav li a {
			display: block; width: 80px; height: 80px; text-indent: -9999px;
		}
			div#slideshow ul#nav li#prev a {
				background: url(images/prev.png);
				
			}
			div#slideshow ul#nav li#next a {
				background: url(images/next.png);
			}

	div#slideshow ul#slides {
		list-style: none;
	}
		div#slideshow ul#slides li {
			margin: 0 0 20px 0;
		}

		
		
		
	#mmapimage { 
	
		position: relative;
		
		height:300px;
		width: 714px; 
		
	
		
		}
		
		
	#mapsearch { 
	
		position: relative;
		
		height:300px;
		width: 714px; 
		margin: 0000 ;
		padding: 0000;
		
		}
		
	#sidebar {
		position: relative; 
		float: right;
		width: 146px; 
	
		padding-top: 10px;
		padding-right: 4px;
		margin-left: 0px;
		padding-left:0px;
		}
		
	.sidebarfloat {
		position: relative; 
		
		width: 146px; 
		margin-bottom: 28px;
		}
	
	.sidebarfloat a {left: 5px;
		font-size: 11px; font-family: helvetica; color:#000; text-align:left; text-decoration: none;
		
		}
	.sidebarfloat a:hover {left: 5px;
		font-size: 11px; font-family: helvetica; color:#999; text-align:left; text-decoration: none;
		
		}
		
	.sidebarfloat img.map {
		position: relative; 
		
		width: 146px; 
		margin-bottom: 0px;
		margin-top: 14px;
		}
	
	

	
	#contenttext { 
	
		position: relative;
		padding-top: 10px;
		float:left;
		width: 714px; 
		
		
		}
		
		#contentcontact { 
	
		position: relative;
		padding-top: 10px;
		float:left;
		width: 500px; 
		
		
		}
		

		
	.horizontalimageholder { 
		
		position: relative;
		margin: 28px 0 12px 0;
		
		width: 686px; 
		padding-left: 28px;
		
		}
		
		
	
	.horizontalimageholder img{ 
		margin-right: 28px;
		}
		

.horizontalimageholderfront { 
		
		position: relative;
		
		
		width: 714px; 
		height:260px;
		}
	
	


		


	.imghold{ 
	 	width: 336px;
	 	position: relative; 
	 	top: 20px; 
	 	margin-left:14px;
	 	float: left;
	 	}



		.horizontalimageholderc { 
		
		
		
		position: relative;
		margin: 28px 0 12px 0;
		
		width: 676px; 
		padding-left: 28px;
	
		
	
		}
		
	.horizontalimageholderc img{ 
		margin-right: 35px;
		}
	
	
		
		.horizontalimageholderd { 
		
		
		
		position: relative;
		margin: 25px 0 12px 0;
		
		width: 676px; 
		padding-left: 25px;
	
		
	
		}
		
	.horizontalimageholderd img{ 
		margin-right: 28px;
		}
	
		.horizontalimageholdere { 
		
		position: relative;
		margin: 28px 0 12px 0;
		
		width: 686px; 
		
		
		}
		
		
	
	.horizontalimageholdere img{ 
		margin-right: 28px;
		}
		
		
	.horizontalimageholderf { 
		
		
		
		position: relative;
		margin: 28px 0 18px 0;
		
		width: 677px; 
		left: 34px;
	
		
	
		}
		
	.horizontalimageholderf img{ 
		margin-right: 43px;
		}
	
	
		
		
 	.textblock{ 
 	width:  714px; 
 	height: 379px;
 	position: relative; 
 	
 	} 
 	
  	.textblock p.text{ 
 	width:  347px; 
 	height: 379px;
 	position: relative; 
 	padding: 10px 10px  10px 0px;
 	color: #99CC66;
 	
 
 	
 	} 
 	
 	 p.textright{ 
 	width:  347px; 
 	height: 379px;
 	position: relative; 
 	padding: 10px 0  10px 10px;
 	color: #99CC66;
 	float:right;
 	font-size: 13px; 
 	font-family: helvetica; 
 	text-align:justify;
 	
 
 	
 	} 
 	
	img.left{ 
 	width:  347px; 
 	position: relative; 
 	float:left;
 	margin-right: 10px;

 	
 	} 
 	
	img.right{ 
 	width:  347px; 
 	position: relative; 
 	float:right;
 	 	margin-left: 10px;

 	} 
		
		
/* -----------------------NAV START -----------------------------*/

	#navholder {
		
		height: 300px; 
		width: 150px;
		position: absolute;
		top: 0px; 
		right: 4px; 
		
		
		}
		
		
		
		
	a.nav { color: #fff;
		font-family: helvetica;
		font-size:16px;
		text-decoration: none; 
		font-weight: bold;}
		
a.nav:hover { color: #fff;
		font-family: helvetica;
		font-size:16px; 
		text-decoration: none;}
		
		
			
	ul li {
		display:block;
		
		list-style-type:none;
		
		 }
/*	----------------------------------- nav house ---------------------------------------------------------- */
		
		
	ul li.but a {
		display:block;
		height:42px; width:142px;
		background:transparent url(images/butonoff.gif) no-repeat 0 0;
		text-align: right;
		padding: 4px;
		margin-bottom: 12px;
		
		}
	
	ul li.but a:hover {
		background-position: 0 -50px;
		 }
	
	ul li.but a:hover,
		body#index ul li.but a {
		background-position: 0 -50px;
	}
	
	/*	----------------------------------- nav room ---------------------------------------------------------- */	
	ul li.but2 a {
		display:block;
		height:42px; width:142px;
		background:transparent url(images/bedroombut.gif) no-repeat 0 0;
		text-align: left;
		padding: 4px;
		margin-bottom: 12px;
		
		
		}
		

	
	ul li.but2 a:hover {
		background-position: 0 -50px;
		 }
	
	
	ul li.but2 a:hover,
		body#rooms ul li.but2 a {
		background-position: 0 -50px;
	}
	 
		
	 /*	--------------------------------------nav area ------------------------------------------------------- */
		
	ul li.but3 a {
		display:block;
		height:42px; width:142px;
		background:transparent url(images/thearea.gif) no-repeat 0 0;
		text-align: left;
		padding: 4px;
		margin-bottom: 12px;
		
		}
	
	ul li.but3 a:hover {
		background-position: 0 -50px;
		 }
	
		ul li.but3 a:hover,
		body#area ul li.but3 a {
		background-position: 0 -50px;
	}
	 
	
		
	 /*	-------------------------------------- nav the food ------------------------------------------------------- */
		
	ul li.but4 a {
		display:block;
		height:42px; width:142px;
		background:transparent url(images/foodbuttonoff.gif) no-repeat 0 0;
		text-align: left;
		padding: 4px;
		margin-bottom: 12px;
		
		}
	
	ul li.but4 a:hover {
		background-position: 0 -50px;
		 }
	
		ul li.but3 a:hover,
		body#breakfast ul li.but4 a {
		background-position: 0 -50px;
	}
		
	 /*	--------------------------------------- nav contact ------------------------------------------------------ */
		
	ul li.but5 a {
		display:block;
		height:42px; width:142px;
		background:transparent url(images/contact2.gif) no-repeat 0 0;
		text-align: left;
		padding: 4px;
		margin-bottom: 12px;
		
		}
	
	ul li.but5 a:hover {
		background-position: 0 -50px;
		 }
		ul li.but5 a:hover,
		body#contact ul li.but5 a {
		background-position: 0 -50px;
	}
		
	 /*	-----------------------------------------end of nav---------------------------------------------------- */
		
	/* ---------------- Room nav ----------------------------- */
	
		#roomcont{
	position: relative;
		padding: 10px 10px 20px 10px;
		margin-top:0px;
		float:left;
		width: 694px; 
		background: #F1F1F1;
		
		
		}
	
	
	
	#roomnavholder { 
			width: 694px; 
			height: 30px; 
			padding:0 10px 0 10px;
			margin-bottom: 0;
			background: url(images/roomstopbar.gif);
			background-repeat: no-repeat;
		
			} 
			
	#roomnavholder li { 
			position: relative;
			top: 7px;
			display: inline;
			padding-right: 20px;
			} 
			
	#roomnavholder li a { 
		font-weight:600; 
		font-size: 16px; 
		font-family: helvetica black, helvetica, arial, san serif ; 
		color:#999 ;
		text-decoration:none;
			} 
	
	#roomnavholder li a:hover { 
		
		font-weight:600; 
		font-size: 16px; 
		font-family: helvetica black, helvetica, arial, san serif ; 
		color:#99CC66 ;
		text-decoration: underline;
	
			} 
				
	#roomnavholder li.active a { 
		font-weight:600; 
		font-size: 16px; 
		font-family: helvetica black, helvetica, arial, san serif ; 
		color:#99CC66 ;
		text-decoration: underline;
	
			} 

	
	
	#sitedesign {
		height: 15px;
		width:150px;
		position: absolute; 
		top: 30px;
		right: 14px;
		
		}
		
	p.design {font-size: 11px; font-family: helvetica; color:white ;text-align:right; }

		p.design a {font-size: 11px; font-family: helvetica; color:white;text-align:right;text-decoration: none;   }
		p.design a:hover {font-size: 11px; font-family: helvetica; color:#999;text-align:right;text-decoration: none;   }
	
	
/* ---------------- text and links ----------------------------- */



p.text	{font-size: 13px; font-family: helvetica; color:#99CC66;text-align:justify;}
p.text span	{font-weight: 600;}
p.text a	{font-size: 13px; font-family: helvetica; color:#999999;text-align:left;text-decoration: none; }
p.text a:hover	{font-size: 13px; font-family: helvetica; color:#000;text-align:left; }

p.textg	{font-size: 13px; font-family: helvetica; color:#999999;text-align:justify;}
p.textg span	{font-weight: 600;}
p.textg a	{font-size: 13px; font-family: helvetica; color:#999999;text-align:left;text-decoration: none; }
p.textg a:hover	{font-size: 13px; font-family: helvetica; color:#000;text-align:left; }


p.textgreen	{font-size: 13px; font-family: helvetica; color:#99CC66;text-align:justify;}
p.textgreen span	{font-weight: 600;}
p.textgreen a	{font-size: 13px; font-family: helvetica; color:#99CC66;text-align:left;text-decoration: none; }
p.textgreen a:hover	{font-size: 13px; font-family: helvetica; color:#99CC66;text-align:left; }


p.box	{font-size: 13px; font-family: helvetica; color:black;text-align:justify;  margin-left: 14px;}
p.box span	{font-weight: 600;}
p.box a	{font-size: 13px; font-family: helvetica; color:#99CC66;text-align:left;text-decoration: none; }
p.box a:hover	{font-size: 13px; font-family: helvetica; color:#000;text-align:left; }


span.dark{color:#669933; font-weight: normal; font-family: helvetica;}
span.bold {font-weight: bold;}
span.right {text-align: right; }
span.large {font-size: 36px;}
span.medium{font-size: 32px;}
span.small{font-size: 12px;}


.headline { height: 20px; width: 714px; padding: 0; margin-bottom: 14px; } 
.headline  h2 { height: 20px;margin-left: 0px; padding-left:0; font-weight:600; font-size: 16px; font-family: helvetica black, helvetica, arial, san serif ; color:#99CC66 ;text-align:left; border-bottom: solid #99CC66 1px; margin-bottom: 5px;}
.headline  h2 img {position:absolute; top: 14px; right: 0px; padding: 0000; margin: 0000; }

h1.header { font-size:24px; width: 714px; padding: 0; color:#99CC66; font-family: arial; font-weight: 900;} 

h2.headline { height: 20px;margin-left: 0px; padding-left:0; font-weight:600; font-size: 16px; font-family: helvetica black, helvetica, arial, san serif ; color:#99CC66 ;text-align:left; border-bottom: solid #99CC66 1px; margin-top:3px; margin-bottom: 5px;}
h2.headline2 { height: 20px;margin-left: 0px; padding-left:0; font-weight:600; font-size: 16px; font-family: helvetica black, helvetica, arial, san serif ; color:#99CC66 ;text-align:left; margin-top:3px; margin-bottom: 5px;}


h2.events { height: 20px; margin-left: 0px; padding-left:0; font-weight:600; font-size: 16px; font-family: helvetica black, helvetica, arial, san serif ; color:#0066CC/*CC3366*/ ;text-align:left; border-bottom: solid #0066CC 1px; margin-bottom: 5px;}
h2.events img {position:absolute; top: 0px; right:0px; }


h2.find { margin-left: 0px; margin-top: 5px; padding-left:0; font-weight:600; font-size: 16px; font-family: helvetica black, helvetica, arial, san serif ; color:#0066CC/*FFCC33*/ ;text-align:left; border-bottom: solid #0066CC 1px;margin-bottom: 5px;}
h2.find img {position:absolute; top: 0px; right:0px; }
	
h2.contact { margin-left: 0px; margin-top: 5px; padding-left:0; font-weight:600; font-size: 16px; font-family: helvetica black, helvetica, arial, san serif ; color:#0066CC ;text-align:left; border-bottom: solid #0066CC 1px;margin-bottom: 5px;}
h2.contact img {position:absolute; top: 0px; right:0px; }


li.side  {
		position: relative;
		left: 5px;
		font-size: 11px; font-family: helvetica; color:#000; text-align:left;
		margin-bottom: 5px;
		
		}


li.contact  {
		position: relative;
		left: 5px;
		font-size: 11px; font-family: helvetica; color:#000; text-align:left;
		
		
		}