* {
   	 	margin: 0;
    	padding: 0;
		}
html, body, p, div, h1, h2, h3, h4, ul, li, dl, dt, dd, ol, form, input, select, option, a, span, img, fieldset  {
		margin: 0;
		padding: 0; 
		}
body {
		font: 76% Arial, Helvetica, sans-serif;
		color: #666;
		line-height: 1.6em;
		min-width: 960px;
		background: #1e4157 url(../images/bg.gif) top left repeat-x;
		}
p {
		line-height: 1.6em;
		font-size: 1.09em;
		margin: 0px 0px 15px 0px;
		}
img {
		border: 0px;
		float: left;
		clear: none;
		margin: 0px;
		}
ul {
		list-style:	none;
		}
a, a:visited { 
		color: #336699; 
		text-decoration: none; /* firefox image link outline fix */
		}
a:hover, a:active { 
		color: #0187C5;
		text-decoration: underline;
		outline: none;
		}
hr, .skiplink, .relatedlinks { 
		display: none;
		}
div.clear {
		float: none;
		clear: left;
		font-size: .000094em;
		padding: 0px;
		margin: 0px;
		height: 1px;
		width: 1px;
		overflow: hidden;
		}
span.hide {
		display: none;
		}
strong, b {
		color: #444;
		}
#top {
		float: left;
		clear: left;
		margin: 35px 0px 0px -5px;
		}
#top a {
		display: block;
		padding: 4px 9px 4px 9px;
		border: solid 1px #eee;
		border-bottom: solid 1px #ccc;
		background: url(../images/button_top1.gif) bottom left repeat-x;
		font: bold .9em Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #777;
		}
#top a:hover {
		background: url(../images/button_top2.gif) top left repeat-x;
		text-decoration: none;
		color: #777;
		border: solid 1px #eee;
		border-top: solid 1px #ccc;
		}
#container {
		overflow: visible;
		width: 100%;
		min-width: 848px;
		text-align: center;
		background: #1e4157 url(../images/bg2.jpg) top left repeat-x;
		padding: 36px 0px 0px 0px;
		}
#bodycontainer {
		width: 848px;
		min-width: 848px;
		margin: 0 auto;
		overflow: visible;
		text-align: left;
		}
#header {
		width: 100%;
		height: 135px;
		background: url(../images/bg_header.jpg) top right no-repeat;
		}
		
/* ----------------------------
	logo 
---------------------------- */

#logo {
		height: 91px;
		width: 418px;
		float: left;
		clear: left;
		margin: 0px;
		padding: 0px;
		}
#logo h1 a { 
		display: block;
		height: 91px;
		width: 418px;
		background: url(../images/logo.jpg) no-repeat;
		text-indent: -9999px;
		padding: 0px;
		}

/* ----------------------------
	main nav
---------------------------- */

#nav {
		width: 100%;
		margin: 0px;
		padding: 0px;
		height: 42px;
		overflow: hidden;
		text-align: center;
		}
#nav ul {
		float: left;
		clear: left;
		display: block;
		margin: 0px;
		padding: 0px 0px 0px 15px;
		background: #7bc0d5 url(../images/bg_nav1.gif) top left repeat-x;
		height: 42px;
		width: 100%;
		}
#nav li {
		float: left;
		height: 42px;
		top: 0;
		left: 0;
		text-align: center;
		padding: 0px;
		margin: 0px 0px 0px 0px;
		overflow: hidden;
		background: #7bc0d5 url(../images/bg_nav2.gif) top left repeat-x;
		}
#nav li a, #nav li a:visited {
		float: left;
		display: block;
		color: #333;
		height: 42px;
		padding: 12px 35px 0px 32px; /* update in safari.css */
		margin: 0px;
		overflow: hidden;
		font: 16px Georgia, "Times New Roman", Times, serif;
		background: #7bc0d5 url(../images/bg_nav1.gif) top left repeat-x;
		}
#nav li a:hover, #nav li a:active {
		text-decoration: none;
		background: #7bc0d5 url(../images/bg_nav2.gif) top left repeat-x;
		color: #000;
		}
body.section1 #nav a.one, body.section2 #nav a.two, body.section3 #nav a.three, body.section4 #nav a.four, body.section5 #nav a.five {
		background: #fff url(../images/bg_nav3.gif) top left repeat-x; 
		color: #333;
		}

/* ----------------------------
	home titlebar
---------------------------- */

#titlebarhome {
		background: #fff url(../images/bg_titlebarhome.gif) top left repeat-x;
		height: 300px !important;
  	    height /**/:350px;
		padding: 55px 25px 0px 40px;
		}
#titlebarhome img {
		float: right;
		clear: none;
		margin: -25px 0px 0px 20px;
		}
#titlebarhome h2 {
		font: 2.3em Georgia, "Times New Roman", Times, serif;
		color: #5d553e;
		margin: 0px 0px 5px 0px;
		}
.reservations {
		height: 60px;
		font-weight: bold;
		display: block;
		color: #000;
		padding: 10px 0px 0px 55px;
		background: url(../images/bell.gif) top left no-repeat;
		margin: 10px 0px 0px 0px;
		}
		
/* ----------------------------
	home body
---------------------------- */

#bodyhome {
		background: #fdfbe2 url(../images/bg_homebody.gif) bottom left repeat-x;
		padding: 0px 0px 50px 43px;
		margin: 0px 0px 10px 0px;
		overflow: visible;
		}
.collines {
		float: left;
		clear: left;
		background: url(../images/bg_homecol.gif) top left repeat-y;
		}
#bodyhome div.col {
		float: left;
		clear: none;
		width: 213px !important;
  	   	width /**/:213px;
		margin: 0px 60px 0px 0px;
		padding: 0px 0px 0px 0px;
		overflow: hidden;
		text-align: center;
		}
#bodyhome div#last.col {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-right: none;
		}
#bodyhome h3 {
		font: 1.5em Georgia, "Times New Roman", Times, serif;
		color: #5d553e;
		padding: 0px;
		margin: 0px 0px 22px 0px;
		font-style: italic;
		}
#bodyhome img {
		margin: 0px 0px 13px 0px;
		padding: 0px;
		}
#bodyhome p {
		text-align: left;
		margin: 0px 0px 10px 3px;
		line-height: 1.5em;
		}
#bodyhome a.fmi {
		display: block;
		text-align: left;
		margin: 5px 0px 10px 8px;
		padding: 0px 0px 0px 25px;
		line-height: 1.25em;
		float: left;
		clear: left;
		font-weight: bold;
		background: url(../images/icon_arrow.gif) top left no-repeat;
		height: 20px;
		}
		
/* ----------------------------
	footer
---------------------------- */

#footer {
		padding: 10px 0px 20px 0px;
		color: #3c82ae;
		}

/* ----------------------------
	2nd LEVEL
---------------------------- */

/* ----------------------------
	2L - titlebar
---------------------------- */

#titlebar {
		background: #fff url(../images/bg_titlebar.gif) top left repeat-x;
		height: 125px !important;
  	    height /**/:155px;
		padding: 30px 25px 0px 40px;
		}
#titlebar h2 {
		font: 2.3em Georgia, "Times New Roman", Times, serif;
		color: #5d553e;
		margin: 17px 0px 0px 0px;
		width: 500px;
		float: left;
		}
#titlebar .reservations {
		height: 60px;
		font-weight: bold;
		display: block;
		color: #333;
		padding: 0px 0px 0px 60px;
		background: url(../images/bell.gif) top left no-repeat;
		margin: 0px 0px 0px 0px;
		float: right;
		clear: none;
		width: 200px !important;
  	    width /**/:260px;
		}

/* ----------------------------
	2L - body
---------------------------- */

#body {
		background: #fdfbe2 url(../images/bg_homebody.gif) bottom left repeat-x;
		padding: 0px 0px 50px 43px;
		margin: 0px 0px 10px 0px;
		overflow: visible;
		}
#body img {
		margin: 5px 15px 10px 0px;
		}
#body p, #body ul  {
		text-align: left;
		margin: 0px 0px 10px 0px;
		line-height: 1.5em;
		}
#body ul {
		display: block;
		margin: -3px 0px 20px 0px;
		padding: 0px 0px 0px 15px;
		}
#body ul li {
		margin: 0px 0px 8px 0px;
		padding: 0px 0px 0px 10px;
		background: url(../images/bullet_ul.gif) top left no-repeat;
		width: 90%;
		}
#body h3 {
		font: 1.7em Georgia, "Times New Roman", Times, serif;
		color: #5d553e;
		padding: 0px;
		margin: 0px 0px 22px 0px;
		font-style: italic;
		}
/* ----------------------------
	2L - left column
---------------------------- */

#leftcol {
		width: 485px !important;
  	    width /**/:525px;
		float: left;
		padding: 20px 40px 20px 0px;
		}

/* ----------------------------
	2L - right column
---------------------------- */

#rightcol {
		background: url(../images/bg_rightcol.gif) bottom left no-repeat;
		width: 240px;
		float: left;
		clear: none;
		padding: 0px 0px 40px 0px;
		}
#rightcol2 {
		background: url(../images/bg_rightcol2.gif) top left no-repeat;
		padding: 20px 0px 0px 0px;
		height: 100px;
		}
.fact {
		display: block;
		float: right;
		clear: right;
		width: 164px !important;
		width /**/:217px;
		padding: 20px;
		background: #fff;
		border: solid 6px #ece8ce;
		}
.rooms {
		display: block;
		float: left;
		clear: left;
		width: 100%;
		text-align: left; 
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}
#roomslast.rooms {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border-right: solid 0px #ddd;
		}
.rooms dt {
		font: 1.7em Georgia, "Times New Roman", Times, serif;
		color: #5d553e;
		padding: 0px;
		margin: 10px 0px 3px 0px;
		font-style: italic;
		}
.rooms dd {
		text-align: left; 
		font: .9em Georgia, "Times New Roman", Times, serif;
		color: #817658;
		padding: 0px;
		margin: 0px 0px 10px 0px;
		font-style: italic;
		}
#map {
		float: left;
		margin: 10px 0px 5px 0px;
		width: 480px;
		padding: 0px;
		border: solid 6px #ece8ce;
		}
iframe {
		width: 100%;
		}
#contactinfo {
		float: left;
		overflow: visible;
		width: 100%;
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 20px 0px;
		background: url(../images/hor_line.gif) bottom left repeat-x;
		}
#contactinfo p {
		margin: 10px 0px 0px 0px;
		}
.contactinfoimg {
		float: left;
		clear: left;
		margin: 0px 30px 0px 0px;
		padding: 0px;
		}
#patio, #teahouse {
		float: left;
		clear: left;
		margin-bottom: 10px;
		width: 100%;
		}
.content {
		float: left;
		clear: none;
		padding: 4px 0px 0px 0px;
		}
#col1 {
	float: left;
	width: 190px;
	margin-right: 20px;
	padding-top: 20px;
	}
#col2 {
	float: left;
	width: 270px;
	padding-top: 20px;
	}