/*** DIVs Definition ***/

body {
	margin: 0;
	padding: 5px 0 0 0;
	background: #A67C51;
	font: 13px Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #A67C51
}

#frame {
/*	border: 1px solid black;*/
	margin-left: auto;
	margin-right: auto;
	background-color: #F5DEB3;
	color: #55320F;
	/*width: 812px;
	voice-family: "\"}\"";
	voice-family: inherit;*/
	width: 624px;
}

#content {
	margin: 0;
	padding: 0
}

#footer {
	position: relative;
	margin: 0;
	padding: 0
}

#top_text {
	text-align: center;
	color: #E0C9A9;
	background-color: #A67C51;
	padding: 0 0 5px 0;
	float: left;
	width: 624px 
}

#roof1 {
	width: 328px;
	float: left;
	vertical-align: bottom;
	padding: 0;
	height: 129px;
	margin: 0
}

#roof2 {
	width: 295px;
	height: 129px;
	text-align: center;
	font-size: 12px;
	float: left;
	color: #198A57;
	padding: 20px 0 0 0;
	line-height: 21px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 109px
}

#roof2b {
	width: 280px;
	height: 129px;
	text-align: center;
	font-size: 12px;
	float: left;
	color: #198A57;
	padding: 20px 0 0 0;
	line-height: 21px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 109px
}

#logo {
	margin: 0;
	padding: 0;
	float: left;
	width: 624px;
	height: 145px;
	background: url(../images/logo_bg_new.jpg) top left no-repeat
}

#escape, #linger {
	width: 208px;
	float: left
}

#rejuvenate {
	width: 207px;
	float: left
}

#escape h2 {
	width: 208px;
	height: 52px;
	padding: 0;
	margin: 0;
	text-indent: -500em;
	background: url(../images/escape_hdr_bg2.jpg) top left no-repeat
}

#escape_text {
	width: 208px;
	height: 200px;
	padding: 3px 15px 15px 15px;
	margin: 0;
	background: url(../images/escape_bg2.jpg) top left no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 178px;
	height: 182px
}

#linger h2 {
	width: 208px;
	height: 52px;
	padding: 0;
	margin: 0;
	text-indent: -500em;
	background: url(../images/linger_hdr_bg2.jpg) top left no-repeat
}

#linger_text {
	width: 208px;
	height: 200px;
	padding: 3px 15px 15px 15px;
	background: url(../images/linger_bg2.jpg) top left no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 178px;
	height: 182px
}

#rejuvenate h2 {
	width: 208px;
	height: 52px;
	padding: 0;
	margin: 0;
	text-indent: -500em;
	background: url(../images/rejuvenate_hdr_bg2.jpg) top left no-repeat
}

#rejuvenate_text {
	width: 207px;
	height: 200px;
	padding: 3px 15px 15px 15px;
	background: url(../images/rejuvenate_bg2.jpg) top left no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 177px;
	height: 182px
}

#welcome {
	width: 624px
}

#welcome h2 {
	width: 542px;
	height: 30px;
	padding: 0;
	margin: 0 0 0 15px;
	text-indent: -500em;
	background: url(../images/welcome_hdr_bg.gif) top left no-repeat
}

#welcome_text {
	margin: 15px 15px 15px 15px;
	padding: 0
}

#welcome_text2 {
	margin: 15px 60px 15px 60px;
	padding: 0;
}

#rooms h2 {
	width: 213px;
	height: 26px;
	padding: 0;
	margin: 0 0 0 20px;
	text-indent: -500em;
	background: url(../images/rooms_hdr_bg.gif) top left no-repeat
}

#location h2 {
	width: 106px;
	height: 26px;
	padding: 0;
	margin: 0 0 0 20px;
	text-indent: -500em;
	background: url(../images/location_hdr_bg.gif) top left no-repeat
}

#things h2 {
	width: 169px;
	height: 36px;
	padding: 0;
	margin: 0 0 0 20px;
	text-indent: -500em;
	background: url(../images/things_to_do_hdr_bg.gif) top left no-repeat
}

#links h2 {
	width: 145px;
	height: 37px;
	padding: 0;
	margin: 0 0 0 20px;
	text-indent: -500em;
	background: url(../images/links_page_hdr.gif) top left no-repeat
}

#things h3.reading {
	width: 193px;
	height: 27px;
	text-indent: -500em;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../images/reading_hdr.gif) top left no-repeat
}

#things h3.hiking {
	width: 555px;
	height: 27px;
	text-indent: -5500em;
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../images/hiking_hdr.gif) top right no-repeat
}

#things h3.golfing {
	width: 177px;
	height: 27px;
	text-indent: -500em;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../images/golfing_hdr.gif) top left no-repeat
}

#things h3.water_sports {
	width: 555px;
	height: 27px;
	text-indent: -5500em;
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../images/water_sports_hdr.gif) top right no-repeat
}

#things h3.nature {
	width: 227px;
	height: 27px;
	text-indent: -500em;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../images/nature_hdr.gif) top left no-repeat
}

#thankyou h2 {
	width: 151px;
	height: 30px;
	padding: 0;
	margin: 0 0 0 20px;
	text-indent: -500em;
	background: url(../images/thank_you_hdr.gif) top left no-repeat
}

#reservation h2 {
	width: 250px;
	height: 35px;
	padding: 0;
	margin: 0 0 0 20px;
	text-indent: -500em;
	background: url(../images/reservation_hdr_bg.gif) top left no-repeat
}

#bottom_links {
	background-color: #00ACD4;
	text-align: center;
	color: White;
	padding: 5px 0 5px 0;
	width: 624px
}
#bottom_links a{
	color: White;
}

#address {
	text-align: center
}

#created {
	background-color: #BBE5F1;
	padding: 2px 0 2px 20px;
	margin: 0;
	float: left;
	color: #00ACD4;
	font-size: 10px;
	text-align: center;
	width: 624px;
	position: relative;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 604px
}

#address, #phones {
	background-color: #F5DEB3;
	color: #A67C51
}

#created a:link {
	color: #00ACD4;
	text-decoration: none
}

#created a:active {
	color: #00ACD4;
	text-decoration: underline
}

#created a:visited {
	color: #00ACD4;
	text-decoration: none
}

#created a:hover {
	color: #00ACD4;
	text-decoration: underline
}

#bottom_wave {
	width: 780px;
	height: 62px;
	float: left;
	background: url(../images/inner_pg_wavebg.jpg) top left no-repeat
}

br {
	clear: both
}

br.notclear {
	clear: none;
	padding-bottom: 5px
}

a:link {
	color: #198A57;
	text-decoration: none;
	font-weight: bold
}

a:active {
	color: #198A57;
	text-decoration: underline;
	font-weight: bold
}

a:visited {
	color: #198A57;
	text-decoration: none;
	font-weight: bold
}

a:hover {
	color: #198A57;
	text-decoration: underline;
	font-weight: bold
}

img {
	border: 0
}

.left {
	float: left;
	margin: 0 15px 5px 0
}

.right {
	float: right;
	margin: 0 0 5px 15px;
	border: 1px solid #55320F
}

/*** FORM styling ***/

.important {
	color: red
}

.row {
	clear: both;
	padding: 5px 0 5px 0
}

.row2 {
	clear: both;
	padding: 0;
	margin: 5px 0 15px 0;
	width: 594px
}

.row2 span.lefthalf {
	float: left;
	width: 290px;
	margin: 0 5px 5px 0;
	padding: 0
}

.row2 span.righthalf {
	float: left;
	width: 290px;
	margin: 0 0 5px 5px;
	padding: 0
}

.row2 span.leftimg, .row span.leftimg {
	float: left;
	width: 180px;
	margin: 0 5px 5px 0;
	padding: 0
}

.row2 span.righttext, .row span.righttext {
	float: left;
	width: 400px;
	margin: 0 0 5px 5px;
	padding: 0;
	text-align: left
}

.row2 span.lefttext, .row span.lefttext {
	float: right;
	width: 400px;
	margin: 0 5px 5px 0;
	padding: 0;
	text-align: right 
}

.row2 span.rightimg, .row span.rightimg {
	text-align: center;
	float: right;
	width: 180px;
	margin: 0 0 5px 5px;
	padding: 0
}

.row span.leftcol {
	float: left;
	width: 130px;
	margin: 0 9px 5px 0;
	padding: 0;
	text-align: left
}

.row span.rightcol {
	float: right;
	width: 320px;
	margin: 0 0 5px 9px;
	padding: 0;
	text-align: left
}

.success_message {
	padding: 15px;
	margin: 0;
	color: green;
	width: 500px;
	margin-left: auto;
	margin-right: auto
}

.fail_message {
	padding: 15px;
	margin: 0;
	color: red;
	width: 500px;
	margin-left: auto;
	margin-right: auto
}

.submitted {
	display: none;
	visibility: hidden
}

.errorlabel {
	/*display: block;*/
	background: url(../images/error_label.gif) top left no-repeat;
	padding-left: 23px;
	margin: 0;
	color: red;
	font-weight: bold
}

.small {
	font-size: 7pt;
	text-decoration: none
}

.center {
	 text-align: center
}

label {
	font-weight: bold;
	cursor: pointer
}

form {
	text-align: center;
	width: 500px;
	margin-left: auto;
	margin-right: auto
}

input.text, textarea {
	width: 300px
}

fieldset {
	display: block;
	border: 1px solid #A67C51;
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
	width: 502px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 500px
}