body {
	margin: 0;
	color: #827261;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 18px;
	text-align: center;
	background: #83aecc;
}

.clr {clear: both;}
div.clr {height: 1px; overflow: hidden;}
body div.tall {height: 20px;}
.left {float: left;}
.right {float: right;}

#pageheight {float: right; width: 1px; height: 420px;}
#printlogo {display: none;}

#logo {
	position: absolute;
	top: 42px;
	left: 2px;
	width: 272px;
	height: 77px;
}

/* Redefined HTML elements
------------------------------------------------ */

a {
	text-decoration: underline;
	color: #827261;
}
	
a:hover {
	text-decoration: none;
	color: #827261;
}

div, p, th, td, li, dd, dl, dt {
	text-decoration: none;
	text-align: left;
}
	
div, img, blockquote {
	border: 0;
	margin: 0;
	padding: 0;
}

img#pageimg {margin-bottom: 7px;}

p {
	margin: 0 0 1.5em;
	line-height: 1.5em;
}

h1, h2, h3, h3, h5, h6 {
	margin: 0;
	font-weight: normal;
	line-height: 1.5em;
}

h2,
div.directions h3
 {
	padding: 0px 0px 6px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 22px;
	margin: 0px;
	color: #30302d;
}

ul {margin: 0px 0px 22px 0px;}

#content li {
	margin-left: 0px;
	padding-left: 0px;
	}

/* Structural DIVs
------------------------------------------------ */

#header {
	height: 100px;
	padding-bottom: 0px;
    line-height: 18px;
	}

#bigwrapper {
	background: url(/images/bkg_body.jpg) top center no-repeat;
}

#wrapper {
	width: 930px;
	padding: 0px;
	margin: 0px auto;
	font-size: 0.75em;
	position: relative;
}

#main {margin-bottom: 30px;}
	
#leftcol {
	width: 605px;
	float: left;
	padding-top: 30px;
}

#rightcol {
	float: left;
	width: 309px;
}

#footer {color: #476b85; font-size: 10px; padding: 9px 35px;}

#footer a, #homelow a {text-decoration: underline; color: #476b85;}	
#footer a:hover, #homelow a:hover {text-decoration: none; color: #476b85;}


/* Content Area
------------------------------------------------ */

#content {
	background: #fffefa;
	padding-top: 20px;
	padding-bottom: 10px;
	width: 604px;
	}

#content h1 {
	height: 70px;
	margin-bottom: 18px;
}	

#subnav {
	float: right;
	width: 140px;
	padding: 10px;
	background: #f4edd9;
	display: inline;
	margin: 0px 13px 10px 10px;
}

#subnav a {
	display: block;
	text-decoration: none;
	color: #3d3b36;
	font-family: Helvetica, Arial, sans-serif;
	padding: 1px 5px;
}

#subnav a:hover {
	background: #f9f6eb;
}

/* Classes
------------------------------------------------ */

.small {font-size: 11px;}

.columnpadding {padding-left: 15px;}

.introtext {
	padding: 0px 55px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	margin: 0px;
	color: #40403d;
}

.lightboxlink {
	float: left;
	width: 163px;
	padding-right: 15px;
	text-align: right;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding-bottom: 12px;
}

.lightboxlink a {text-decoration: none; color: #30302d;}
.lightboxlink a:hover {color: #0c4482;}

.text {
	padding: 0px 55px 8px 55px;
	color: #597185;
}

.callout {
	background-color: #f0f2cc;
	background-image: url(/images/touts/02-boardwalk.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	clear: both;
	padding: 16px 40px 10px 180px;
	color: #597185;
	margin-bottom: 18px;
	width: 384px;
}
.bkg1 {background-image: url(/images/touts/01-winetasting.jpg);}
.bkg2 {background-image: url(/images/touts/02-boardwalk.jpg);}
.bkg3 {background-image: url(/images/touts/03-marinediscovery.jpg);}
.bkg4 {background-image: url(/images/touts/04-wharf.jpg);}
.bkg5 {background-image: url(/images/touts/05-kayak.jpg);}
.bkg6 {background-image: url(/images/touts/weddings.jpg);}


.callout h2 {
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 8px;
	line-height: 20px;
	font-weight: normal;
}


.callout ul {
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 15px;
}

.hiddenphoto {display: none;}


/* Signup Form
------------------------------------------------ */

#thanksmsg {display: none;}
.formcomplete #thanksmsg {display: block;}
.formcomplete #formarea {display: none;}

.form-element {clear: left; padding-bottom: 8px;}
.label {float: left; width: 150px;}
.error {display: block; color: #c55;}


/* Booking Form
------------------------------------------------ */

#bookingform {
	padding: 20px 0px 13px 10px;
	width: 298px;
	background: url(/images/h2_book_a_room.gif) 8px 8px no-repeat;
}

#booking {
}

#booking form {
	margin: 0;
	color: #414141;
}

#booking form .formCol {
	float: left;
	position: relative;	
	padding: 8px 6px 0 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
}

#booking form label {
	display: block;
	text-transform: uppercase;
}

#booking form select {
	font-size: 11px;
}

#booking #hotel{
	width: 138px;
}

#booking form input#Submit, #booking form #bookingspecials {
	float: left;
	margin: 8px 6px 0 0;
}

#booking form input#pPromo {
	width: 90px;
	font-size: 11px;
	margin: 0;
}

#bookingCal {
	position: absolute;
	top: 9px;
	left: 1px;
	height: 14px;
	width: 14px;
}


/* Navigation
------------------------------------------------ */

#nav {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#nav li {
	float: left;
}

#nav a {
	color: #246198;
	text-decoration: none;
	padding: 8px 9px 6px 9px;
	display: block;
}
#nav a:hover {
	background: #fff;
}


/* Header Image Replacement
------------------------------------------------ */

.replaced {
	display: block;
	text-indent: -9999px;
	overflow: hidden;	
}