body, html {
    margin: 0;
    padding: 0;
	color: #000; 
	font-family:  Arial, sans-serif;
	background-image: url('../images/header_background.gif');
	text-align: center; /*** Centers the design in old IE versions ***/
}
body {
	font-size: .85em;
	letter-spacing: .005em;
}
p {
	padding: 6px 20px 6px 30px;
}

p.headline  {
	padding: 6px 70px 6px 18px;
}
p.headline_availability  {
	padding: 0px 70px 6px 18px;
}
p.headline_contact  {
	padding: 6px 70px 6px 20px;
}

h1, h2, h3, h4, h5, strong {
	font-weight: normal;
	color: #663300;
	letter-spacing: .05em;
	padding-bottom: 5px;
}
h1 {
	font-size: 1.4em;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.2em;
}
strong.legal {
	padding: 6px 20px 6px 30px;
}
.clear { clear: both; }

#mainContainer {
	width: 792px;
	margin: 0 auto; /*** Centers the design ***/
	min-height: 300px;
	text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
* html #mainContainer {
	height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height ***/
}
table.main_table {
	width: 570px;
	margin-left: 5px;
}
#wrapper {
	background-image: url("../images/left_nav_container_bg.gif");
	background-repeat: repeat-y;
}
#wrapper_contact {
	background-image: url("../images/left_nav_container_bg3.jpg");
	background-repeat: repeat-y;
}
#wrapper_home {
	background-image: url("../images/left_nav_container_bg2.gif");
	background-repeat: repeat-y;
}
/**************************
HEADER
**************************/
.header {
	background-image:  url('../images/header_foreground.gif');
	width: 1004px;
	margin: 6px 0px 6px 0px;	
}
.header .hbackground {
	margin: -11px 0px -2px 0px;
}
.header .bar1 {
	position: relative;
	top: -10px;
}
.header .bar2 {
	position: relative;
	top: 3px;
}
.header img.full_image {
	position: relative;
	top: 0px;
	right: -20px;
}
.header img.main {
	margin: 0px 0px 0px 18px;
}
.header img.small {
	position: relative;
	top: 0px;
	right: -10px;
}
.header img.small2 {
	position: relative;
	top: 0px;
	right: -15px;
}
.header img.logo {
	position: relative;
	top: -20px;
	left: 7px;
}
.header p {
	margin: 4px 95px 0px 50px;
	padding: 5px 25px 0 5px;
}
/**************************
CONTENT AND COLUMNS
**************************/
.content {
	width: 800px;
	background: #fff6e5;
	margin: -13px 0px 0px 0px;
	/*background-image: url("../images/leftnav_container_bg.gif");
	background-repeat: repeat-y;
	padding-left: 165px;  
	padding-right: 120px;*/
}
.content h1, h2, h3, h4, h5, h6 {
	color: #663300;
	padding: 18px 0px 0px 17px;
}
.content a {
	color: #663300;
	text-decoration: none;
}
.content a:hover {
	color: #b38a60;
}
h1.line2 {
    font-weight: normal;
	color: #663300;
	letter-spacing: .05em;
	position: relative;
	margin: 110px 20px 26px -130px;
	width: 350px;
}
h1.line3 {
    font-weight: normal;
	color: #663300;
	letter-spacing: .05em;
	position: relative;
	top: 0px;
	right: 125px;
	width: 300px;
}
h1.rooms {
	padding: 6px 20px 6px 30px;
}
h3.area {
	padding: 16px 20px 0px 20px;
	position: relative;
	top: -10px;
	left: 10px;
}
#map {
	position:relative;
	margin-left: 32px;
}
/**************************
CONTACT FORM
**************************/
#address {
	width: 540px;
	line-height: 1.2em;
	text-align: center;
	font-size: 1em;
	margin: -39px 0px 0px 112px;
	padding: 0px 20px 20px 0px;
}
#form_box {
	width: 530px;
	font:1.2em Arial, Helvetica, Sans-serif;
	padding: 0.5em;
	margin-top: -3px;
	margin-left: 55px;
	margin-bottom: 2px;
}
#form_box div {
	padding: 0.2em 0.5em;
}
.first_name_field {
	margin-left: 2px;
}
.last_name_field {
	margin-left: 2px;
}
.email_field {
	margin-left: 30px;
}
 .subject_field {
	margin-left: 20px;
}
.phone_field {
	margin-left: 25px;
}
.message_text {
	margin-left: 6px;
}
.message_text_area {
	padding-left: 68px; 
}
#form_box div.hr {
	border-bottom: 2px solid #e2e2e1;
	height: 0px;
	margin-top: 0pt;
	margin-bottom: 7px;
}
#form_box p {
	float: left;
	margin: 4px 0pt;
	width: 120px;
	text-align: left;		
}
#log {
	width: 530px;
	margin-top: 10px;	
}
#log_res {
	overflow: auto;
}
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(http://demos.mootools.net/demos/Group/spinner.gif) no-repeat center;
}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
.left {
	float: left;
	width: 200px;
	background: #ccccff;
	min-height: 695px;
	/*height:auto !important;
	height:695px;
	*/
	height: 500px;
	padding: 5px;
	position: relative; /*** IE needs this  ***/
}
* html .left {
	height: 250px;
}
.left a {
	color: #000099;
	text-decoration: none;
}
.left a:hover {
	color: #0000FF;
	text-decoration: none;
}
.left ul {
	list-style: none;
}
.left li {
	line-height:2em;
	position: relative;
	top: -8px;
	right: 17px;
}
.left img {
	padding: 10px 0 0 0;
}
/**************************
HOVERBOX EFFECT
**************************/
/* single thumbnail */

p.thumb {
		width: 140px;
		margin: 6px 10px 6px 8px;
}
p.thumb a {
		margin: 10px 0px 10px 8px;
		display:block;
		float:left;
		width:140px;
		height:170px;
		overflow:hidden;
		position:relative;
		z-index:1;	
}
p.thumb a img.fireplace{
		float:left;
		position:absolute;
		top:-180px;
		left:-70px;	
}		
p.thumb a img.neale{
		float:left;
		position:absolute;
		top:-140px;
		left:-40px;	
}
p.thumb a img.hadley{
		float:left;
		position:absolute;
		top:-110px;
		left:-170px;	
}
p.thumb a img.livingstone{
		float:left;
		position:absolute;
		top:-20px;
		left:-5px;	
}	
p.thumb a img.breakfast{
		float:left;
		position:absolute;
		top:80px;
		left:-50px;	
}		
p.thumb a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
}
p.thumb a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;	
}
p.thumb a:hover img.fireplace{
			border:1px solid #999;	
			background:#fff;
			position:absolute;
		    top:-150px;
		    left: -50px;		
}
p.thumb a:hover img.hadley{
			border:1px solid #999;	
			background:#fff;
			position:absolute;
		    bottom:60px;
		    left: -50px;		
}

/*-------ROOMS IMAGES---------*/
#menu1 {position:relative; top:0px; left:16px; width:125px; background-color:#fff; z-index:1;}
#menu1 a.p1, #menu a.p1:visited {display:block; width:125px; height:150px; text-decoration:none; background:#fff; top:0; right:20px; left:0; border:0;}
#menu1 a img {border:0;}
#menu1 a.p1:hover {text-decoration:none; background-color:#fff6e5; color:#000;}
#menu1 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu1 a.p1:hover .large {display:block; position:absolute; top:-215px; left:0px; width:300px; height:400px; border:0px solid #ccc;}

#menu2 {position:relative; top:20px; left:16px; width:125px; background-color:#fff; z-index:1;}
#menu2 a.p2, #menu a.p1:visited {display:block; width:125px; height:153px; text-decoration:none; background:#fff; top:0;right:20px; left:0; border:0;}
#menu2 a img {border:0;}
#menu2 a.p2:hover {text-decoration:none; background-color:#fff6e5; color:#000;}
#menu2 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu2 a.p2:hover .large {display:block; position:absolute; top:-230px; left:0px; width:300px; height:400px; border:0px solid #ccc;}

#menu3 {position:relative; top:22px; left:16px; width:125px; background-color:#fff; z-index:1;}
#menu3 a.p3, #menu a.p1:visited {display:block; width:125px; height:153px; text-decoration:none; background:#fff; top:0;right:20px; left:0; border:0;}
#menu3 a img {border:0;}
#menu3 a.p3:hover {text-decoration:none; background-color:#fff6e5; color:#000;}
#menu3 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu3 a.p3:hover .large {display:block; position:absolute; top:-230px; left:0px; width:300px; height:400px; border:0px solid #ccc;}

#menu4 {position:relative; top:44px; left:17px; width:125px; background-color:#fff; z-index:1;}
#menu4 a.p4, #menu a.p1:visited {display:block; width:125px; height:94px; text-decoration:none; background:#fff; top:0;right:20px; left:0; border:0;}
#menu4 a img {border:0;}
#menu4 a.p4:hover {text-decoration:none; background-color:#fff6e5; color:#000;}
#menu4 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu4 a.p4:hover .large {display:block; position:absolute; top:-130px; left:0px; width:300px; height:225px; border:0px solid #ccc;}

#menu5 {position:relative; top:50px; left:17px; width:125px; background-color:#fff; z-index:1;}
#menu5 a.p5, #menu a.p1:visited {display:block; width:125px; height:153px; text-decoration:none; background:#fff; top:0;right:20px; left:0; border:0;}
#menu5 a img {border:0;}
#menu5 a.p5:hover {text-decoration:none; background-color:#fff6e5; color:#000;}
#menu5 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu5 a.p5:hover .large {display:block; position:absolute; top:-219px; left:0px; width:300px; height:400px; border:0px solid #ccc;}

#menu6 {position:relative; top:80px; left:17px; width:125px; background-color:#fff; z-index:1;}
#menu6 a.p6, #menu a.p1:visited {display:block; width:125px; height:153px; text-decoration:none; background:#fff; top:0;right:20px; left:0; border:0;}
#menu6 a img {border:0;}
#menu6 a.p6:hover {text-decoration:none; background-color:#fff6e5; color:#000;}
#menu6 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu6 a.p6:hover .large {display:block; position:absolute; top:-210px; left:0px; width:300px; height:400px; border:0px solid #ccc;}


/*-------OUR AREA IMAGES---------*/
#menu1area {position:relative; top:0px; left:16px; width:125px; background-color:#fff; z-index:1;}
#menu1area a.p1, #menu a.p1:visited {display:block; width:125px; height:90px; text-decoration:none; background:#fff; top:0; right:20px; left:0; border:0;}
#menu1area a img {border:0;}
#menu1area a.p1:hover {text-decoration:none; background-color:#fff6e5; color:#000;}
#menu1area a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu1area a.p1:hover .large {display:block; position:absolute; top:-120px; left:0px; width:209px; height:247px; border:0px solid #ccc;}


#menu2area {position:relative; top:35px; left:16px; width:125px; background-color:#fff; z-index:1;}
#menu2area a.p2, #menu a.p1:visited {display:block; width:125px; height:83px; text-decoration:none; background:#fff; top:0;right:20px; left:0; border:0;}
#menu2area a img {border:0;}
#menu2area a.p2:hover {text-decoration:none; background-color:#fff6e5; color:#000;}
#menu2area a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu2area a.p2:hover .large {display:block; position:absolute; top:-73px; left:0px; width:300px; height:200px; border:0px solid #ccc;}

#menu3area {position:relative; top:75px; left:16px; width:125px; background-color:#fff; z-index:1;}
#menu3area a.p3, #menu a.p1:visited {display:block; width:125px; height:83px; text-decoration:none; background:#fff; top:0;right:20px; left:0; border:0;}
#menu3area a img {border:0;}
#menu3area a.p3:hover {text-decoration:none; background-color:#fff6e5; color:#000;}
#menu3area a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu3area a.p3:hover .large {display:block; position:absolute; top:-73px; left:0px; width:300px; height:200px; border:0px solid #ccc;}

#menu4area {position:relative; top:134px; left:17px; width:125px; background-color:#fff; z-index:1;}
#menu4area a.p4, #menu a.p1:visited {display:block; width:125px; height:94px; text-decoration:none; background:#fff; top:0;right:20px; left:0; border:0;}
#menu4area a img {border:0;}
#menu4area a.p4:hover {text-decoration:none; background-color:#fff6e5; color:#000;}
#menu4area a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu4area a.p4:hover .large {display:block; position:absolute; top:-101px; left:0px; width:300px; height:225px; border:0px solid #ccc;}


#menu5area {position:relative; top:44px; left:17px; width:125px; background-color:#fff; z-index:1;}
#menu5area a.p5, #menu a.p1:visited {display:block; width:125px; height:94px; text-decoration:none; background:#fff; top:0;right:20px; left:0; border:0;}
#menu5area a img {border:0;}
#menu5area.p5:hover {text-decoration:none; background-color:#fff6e5; color:#000;}
#menu5area a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu5area a.p5:hover .large {display:block; position:absolute; top:-72px; left:0px; width:300px; height:200px; border:0px solid #ccc;}

#menu6area {position:relative; top:90px; left:17px; width:125px; background-color:#fff; z-index:1;}
#menu6area a.p6, #menu a.p1:visited {display:block; width:125px; height:127px; text-decoration:none; background:#fff; top:0;right:20px; left:0; border:0;}
#menu6area a img {border:0;}
#menu6area a.p6:hover {text-decoration:none; background-color:#fff6e5; color:#000;}
#menu6area a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu6area a.p6:hover .large {display:block; position:absolute; top:-70px; left:0px; width:300px; height:200px; border:0px solid #ccc;}

#menu7area {position:relative; top:105px; left:17px; width:125px; background-color:#fff; z-index:1;}
#menu7area a.p7, #menu a.p1:visited {display:block; width:125px; height:127px; text-decoration:none; background:#fff; top:0;right:20px; left:0; border:0;}
#menu7area a img {border:0;}
#menu7area a.p7:hover {text-decoration:none; background-color:#fff6e5; color:#000;}
#menu7area a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu7area a.p7:hover .large {display:block; position:absolute; top:-70px; left:0px; width:300px; height:200px; border:0px solid #ccc;}

#menu8area {position:relative; top:120px; left:17px; width:125px; background-color:#fff; z-index:1;}
#menu8area a.p8, #menu a.p1:visited {display:block; width:125px; height:127px; text-decoration:none; background:#fff; top:0;right:20px; left:0; border:0;}
#menu8area a img {border:0;}
#menu8area a.p8:hover {text-decoration:none; background-color:#fff6e5; color:#000;}
#menu8area a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu8area a.p8:hover .large {display:block; position:absolute; top:-70px; left:0px; width:300px; height:200px; border:0px solid #ccc;}

#menu9area {position:relative; top:135px; left:17px; width:125px; background-color:#fff; z-index:1;}
#menu9area a.p9, #menu a.p1:visited {display:block; width:125px; height:127px; text-decoration:none; background:#fff; top:0;right:20px; left:0; border:0;}
#menu9area a img {border:0;}
#menu9area a.p9:hover {text-decoration:none; background-color:#fff6e5; color:#000;}
#menu9area a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu9area a.p9:hover .large {display:block; position:absolute; top:-322px; left:0px; width:300px; height:450px; border:0px solid #ccc;}

#menu10area {position:relative; top:150px; left:17px; width:125px; background-color:#fff; z-index:1;}
#menu10area a.p10, #menu a.p1:visited {display:block; width:125px; height:127px; text-decoration:none; background:#fff; top:0;right:20px; left:0; border:0;}
#menu10area a img {border:0;}
#menu10area a.p10:hover {text-decoration:none; background-color:#fff6e5; color:#000;}
#menu10area a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu10area a.p10:hover .large {display:block; position:absolute; top:-322px; left:0px; width:300px; height:450px; border:0px solid #ccc;}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
.left_nav {
	float: left;
	width: 204px;
	background-image: url('../images/left_nav_background.gif');
	/*min-height: 695px;*/
	/*height: 100%;*/
}
* html .left {
	height: 250px;
}
.left_nav a {
	color: #ddb764;
	text-decoration: none;
}
.left_nav  a:hover {
	color: #c7c795;
	text-decoration: none;
}
.left_nav ul {
	list-style: none;
}
.left_nav li {
	line-height:1.5em;
	margin: 0px 0px 0px -16px;
}
.left_nav .photo {
	margin: 10px 0 0 23px;
}
.left_nav p {
	color: #c7c795;
	margin-left: -4px;
	margin-right: 3px;
	padding-bottom: 42px;
}
/**************************
FOOTER
**************************/
#footer {
	width: 540px;
	line-height: 1.2em;
	text-align: center;
	font-size: 1em;
	margin: 0px 0px 0px 113px;
	padding: 0px 20px 20px 0px;
}
#footer a {
	color: #663300;
	text-decoration: none;
}
#footer a:hover {
	color: #b38a60;
}
.footer_img {
	margin: 10px 0px 10px 100px;
	
}
.rightborder {
	text-align: center;
	border-right: 1px solid #b38a60;
	height: .8em;
	padding: 0px 8px 0px 5px;
}
.noborder {
	text-align: center;
	padding: 0px 5px 0px 5px;
}
/**************************
COPYRIGHT
**************************/
#copyright {
	width: 540px;
	line-height: 1.2em;
	text-align: center;
	font-size: .72em;
	margin: 0px 0px 0px 108px;
	padding: 0px 20px 20px 0px;
}