body {
background-color:#58423b; 
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;

}

#printLogo {display:none;}

#wrap {
width: 800px;
margin: auto;
background-image:url(images/center-background.jpg);
background-repeat:no-repeat;
background-color: #F1F0EB;

}

#contentWrap {
	width:800px; 
	background-color:#F1F0EB;
	}

#contentLeft {
	width:210px; 
	padding: 0 10px 0 10px; 
	float:left;
	}

#page-head  {
	width:800px; 
	height:70px;
	padding: 10px 0 0 0;
}

#head-logo  {
	 width:210px; 
	 height:70px;
	 margin: 0 0 0 10px;
	 float:left;
}

#head-links  {
	width:540px; 
	height:70px; 
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-transform: capitalize;
	text-align: right;
	padding: 0px 10px 0px 0px;
	font-weight: normal;
}


#head-links a:link {color:#FFFFFF; text-decoration:none;}
#head-links a:visited {color:#FFFFFF; text-decoration:none;}
#head-links a:hover {color:#f2ebde; text-decoration:underline;}
#head-links a:active {color:#f2ebde; text-decoration:underline;}

.offwhite-div-left  {
	background-color:#F1F0EB; 
	float:left;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	width:275px;
	height: 215px;
}

.offwhite-div-right  {
	background-color:#F1F0EB; 
	float:left;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	width:275px;
	height: 215px;
}

#home-bottom  {
	width: 800px;
	background-color: #F1F0EB;
}

#homecontentleft {
height: 205px;
width:275px;
font-size: 11px;
color: #fff;
text-align: left;
text-decoration: none;
background: #857d70;
margin: 10px 0 0 0;
}

#homecontentleft h1 {
padding: 5px 20px 4px 20px;
line-height: 11px;
background-color: #857d70;
color: #fff;
font-size: 11px;
border-bottom: 1px solid #625a51;
font-weight: 100;
font-stretch: ultra-expanded;
text-transform:uppercase;
}

#homecontentleft h1 a {
color: #FFF;
text-decoration: none;
font-size: 11px;
font-weight: 100;
text-transform:uppercase;
}
#homecontentleft h1 a:hover {
color: #f2ebde;
font-size: 11px;
font-weight: 100;
text-decoration: underline;
text-transform:uppercase;
}

#homecontentleft h2 {
padding: 0 20px 4px 20px;
line-height: 15px;
background-color: #857d70;
color: #fff;
font-size: 10px;
font-weight: 100;
font-stretch: ultra-expanded;
}

#homecontentleft h2 a {
color: #FFF;
text-decoration: none;
font-size: 11px;
font-weight: 100;
text-decoration:underline;
}

#homecontentleft h2 a:hover {
color: #f2ebde;
font-size: 11px;
font-weight: 100;
text-decoration:none;
}

#homecontentright {
height: 205px;
width:275px;
font-size: 11px;
color: #fff;
text-align: left;
margin: 10px 0 0 0;
text-decoration: none;
background: #857d70;
}

#homecontentright h1 {
padding: 5px 20px 4px 20px;
line-height: 11px;
background-color: #857d70;
color: #fff;
font-size: 11px;
border-bottom: 1px solid #625a51;
font-weight: bold;
font-stretch: ultra-expanded;
text-transform:uppercase;
}

#homecontentright h1 a {
color: #FFF;
text-decoration: none;
font-size: 11px;
font-weight: 100;
text-transform:uppercase;
}
#homecontentright h1 a:hover {
color: #f2ebde;
font-size: 11px;
text-decoration:underline;
text-transform:uppercase;
}

#homecontentright h2 {
padding: 0 20px 4px 20px;
color: #fff;
line-height: 15px;
font-size: 10px;
font-weight: 100;
font-stretch: ultra-expanded;
}

#homecontentright h2 a {
color: #FFF;
font-size: 11px;
text-decoration:underline;
}
#homecontentright h2 a:hover {
color: #f2ebde;
font-size: 11px;
text-decoration:none;
}

#nav  {

	width:570px; 
	margin: 0 0 0 230px;
}

#footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color:#FFFFFF;
background-color: #9c3022;
width:780px;
padding: 15px 10px 20px 10px;
}
#footer a:link {color:#FFFFFF; text-decoration:none;}
#footer a:visited {color:#FFFFFF; text-decoration:none;}
#footer a:hover {color:#f2ebde; text-decoration:underline;}
#footer a:active{color:#f2ebde; text-decoration:underline;}


#home-middle  {
	width: 800px;
	background-color: #F1F0EB;
}
#booking-widget  {
	width:210px; 
	padding: 0 0 0 0; 
	float:left;
	height:330px;
	background-color: #9c3022;
}
#center-media  {
	width:560px; 
	padding: 0 0 0 10px; 
	float:left;
	height:330px;
	background-color: #F1F0EB;
}
#booking-widget-sub  {
	width:210px; 
	margin: 0 0 0 0; 
	height:330px;
	background-color: #9c3022;
}

.booking_text  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; 
	text-transform:uppercase;	
	color: #FFFFFF;
}
.booking_text a:link {color:#FFFFFF; text-decoration:underline;}
.booking_text a:visited {color:#FFFFFF; text-decoration:underline;}
.booking_text a:hover {color:#FFFFFF; text-decoration:none;}
.booking_text a:active{color:#FFFFFF; text-decoration:none;}

.widget_header{
	font-size:13px; 
	font-weight: bold;
	letter-spacing:1px;
	text-align:center;
	border-bottom:1px solid #AE8A7D;
	color: #FFFFFF;
	line-height:20px;

}
.formfield  {
	font-size: 10px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif
}
.email_signup  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	margin: 15px 10px 0 10px;
	padding: 5px;
	background-color: #857D70;
	text-align:left;
}
.email_signup a:link {color:#FFFFFF; text-decoration:underline; text-transform:uppercase;}
.email_signup a:visited {color:#FFFFFF; text-decoration:underline; text-transform:uppercase;}
.email_signup a:hover {color:#FFFFFF; text-decoration:none; text-transform:uppercase;}
.email_signup a:active{color:#FFFFFF; text-decoration:none; text-transform:uppercase;}





#header {
width: 800px;
height: 106px;
background:url(images/claybrook-header.jpg);
}

.headerlogo {
float: left;
vertical-align:top;
padding: 30px 0px 0px 10px;
}

.headerlinks {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-transform: capitalize;
text-align: right;
padding: 10px 10px 10px 10px;
font-weight: normal;
width: 560px;
float: right;
}

.headerlinks a {
font-size: 11px;
color: #FFFFFF;
text-align: right;
text-decoration: none;
text-transform: capitalize;
line-height: 11pt;
font-weight: normal;
}

.headerlinks a:hover {
font-size: 11px;
color:#f2ebde;
text-align: right;
text-decoration: underline;
text-transform: capitalize;
line-height: 11pt;
font-weight: normal;
}

#flashnav {
font-size: 11px;
color:#000000;
text-align: left; 
float:right;
padding: 40px 10px 0px 0px;
width: 560px;
}

.inntopia {
float: left;
width: 210px;
background-color: #f0eee6;
padding: 0px 5px 5px 10px;
vertical-align:top;
}

.flash {
float: right;
width: 560px;
height: 330px;
background-color: #f0eee6;
padding: 0px 10px 5px 5px;
}

#flashslides {
float: right;
width: 560px;
height: 440px;
background-color: #f0eee6;
padding: 0px 10px 20px 5px;
}

.photo {
float: right;
width: 560px;
height: 200px;
background-color: #f0eee6;
padding: 0px 10px 5px 5px;
float: right;
vertical-align:top;
}

.subnav {
float: left;
width: 560px;
background-color: #f0eee6;
padding: 5px 10px 5px 5px;
float: right;
vertical-align:top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #58423b;
text-transform: capitalize;
}

.subnav a {
font-size: 11px;
color: #58423b;
text-align: left;
text-decoration: none;
text-transform: capitalize;
line-height: 11pt;
font-weight: normal;
}

.subnav a:hover {
font-size: 11px;
color:#9c3022;
text-align: left;
text-decoration: underline;
text-transform: capitalize;
line-height: 11pt;
font-weight: normal;
}

.secondarycontent {
float: left;
width: 560px;
padding: 0 10px 0 0px;

}

#contentImage {}

.content-text  {

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px; /*Changed from 11 to 13 by Jake*/
color: #666666;
font-weight:normal;
line-height: 17px;
padding: 0 20px 0 30px;

}

.content-text  a:link {color:#9c3022; text-decoration:underline;}
.content-text  a:visited {color:#9c3022; text-decoration:underline;}
.content-text  a:hover {color:#9c3022; text-decoration:none;}
.content-text  a:active{color:#9c3022; text-decoration:none;}

.ownerNav  {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color: #666666;
font-weight:normal;
line-height: 12px;

}

.ownerNav  a:link {color:#9c3022; text-decoration:none;}
.ownerNav  a:visited {color:#9c3022; text-decoration:none;}
.ownerNav  a:hover {color:#9c3022; text-decoration:none;}
.ownerNav  a:active{color:#9c3022; text-decoration:none;}

.ownerNav  h2 {
text-align:left;	
font-size:13px;
color: #9C3023;
font-weight:bold;
line-height: 12px;
padding: 0 0 0 15px;

}



.secondarycontent h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color: #9c3022;
font-weight:bold;
padding: 0 20px 0 30px;
}



.reservebutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #333333;
	font-weight: bold;
	color: #9c3022;
	background-color: #AE8A7D;
	cursor: pointer;
}