/* start of:colour scheme */
/*
color 1:#105090 dark blue
color 2:#3070B0 light blue
color 3:#FFDD00 yellow	
color 4:#???
*/
/* end of:colour scheme */

body, form, input, table, textarea {
	font-family:Helvetica, Arial, sans-serif}
body {
	background-color:#fff;
	color:#222;
	font-size:95%;
	margin:0;
	padding:0}
p,ul,ol,dt,dd,h1,table {
	padding:0;
	margin:1em 0 1em 0}
h2,h3,h4,h5,h6 {	
	padding:0;
	margin:1.25em 0 1em 0}
/* start of main page structure */
	/* +++++ page layout +++++ */
#area_1, #area_2, #area_3 {
	clear:both;
	min-width:800px;
	max-width:1200px;
	position:relative;
	left:10%; /* 2x left + 1x width should = 100% */
	width:80%}
	/* +++++ area 1 layout +++++ */
	/* +++++ area 2 layout +++++ */
#sidebar {
	float:right;
	overflow:hidden;
	position:relative;
	width:21%} /*set to 21% and add rule for IE to use 20.9% + test */
#content {
	float:right;
	overflow:hidden;
	position:relative;
	width:79%}
	/* +++++ area 3 layout +++++ */
#box_3a {}
/* end of main page structure */
/* start of key structural styling */
	/* +++++ area 1 styling +++++ */
	/* +++++ rounded corners for header and footer +++++ */
.banner_box {
	background:#FFDD00}
.banner_top div {
	background:url(/site/images/banner_tl.png) no-repeat top left}
.banner_top {
	background:url(/site/images/banner_tr.png) no-repeat top right}
.banner_bottom div {
	background:url(/site/images/banner_bl.png) no-repeat bottom left}
.banner_bottom {
	background:url(/site/images/banner_br.png) no-repeat bottom right}
.banner_top div, .banner_top, .banner_bottom div, .banner_bottom {
   width:100%;
   height:20px;
   font-size:1px}
#header .banner_content {
	margin:-5px 0 -7px -1px}
	/* see also "area 3 styling" for specific sub-rules for the footer */
#box_1a {
	padding:0.5em 0;}
#header a {
	text-decoration:none !important}
#header_link span {
	color:#fff;
	cursor:pointer;
	font-size:220%;
	position:absolute;
	top:1.5em;
	left:1em}
#xhtml {
	color:#FFDD00;
	position:absolute;
	top:0.5em;
	right:0.5em}
	/* +++++ area 2 styling +++++ */
#sidebar {}
#nav {
	text-align:right}
#nav ul {
	list-style:none;
	margin:0;
	padding:0}
#nav {
	background:#105090;
	margin:1.5em 0;
	font-weight:bold}
#nav_top div {
	background:url(/site/images/nav_tl.png) no-repeat top left}
#nav_bottom div {
	background:url(/site/images/nav_bl.png) no-repeat bottom left}
#nav_top div, #nav_top, #nav_bottom div, #nav_bottom {
	width:100%;
	height:15px;
	font-size:1px;}
#nav_content {
	margin:0}
#nav a {
	background:#105090;
	color:#fff;
	display:block;
	padding:4px 12px 4px 8px;
	text-decoration:none !important}
#nav a:hover, #nav a:active {
	background:#FFDD00;
	color:#000}
#nav ul ul {
	font-size:80%;
	margin:0;
	padding:0}
#nav ul ul li {
	line-height:150%;
	margin:0;
	padding:0}
#nav ul ul a {
	background:#3070B0;
	color:#fff;
	display:block;
	padding:2px 12px 2px 8px}
.subnav_photos, .subnav_pricing, .subnav_guestbook {
	display:none}
#page_photos .subnav_photos {
	display:block !important}
#page_pricing .subnav_pricing {
	display:block !important}
#page_guestbook .subnav_guestbook {
	display:block !important}
#contact {
	text-align:center}
#content {
	background:url(/site/images/content_tl.png) no-repeat top left}
#content_top {
	background:url(/site/images/content_tr.png) no-repeat top right}
#content_bottom {
	background:url(/site/images/content_bl.png) no-repeat bottom left}
#content_bottom div {
	background:url(/site/images/content_br.png) no-repeat bottom right}
#content_inner {
	background:url(/site/images/content_r.png) top right repeat-y}
#content_top div, #content_top, #content_bottom div, #content_bottom {
	width:100%;
	height:25px;
	font-size:1px}
#content_inner, #content_bottom {
	margin-top:-15px}
#content_inner {
	height:auto;
	min-height:500px;/* copy value to ie_additions.css */
	padding:1em}
#content p, #content li, #content td {line-height:150%}
#content a:link {
	color:#105090;
	text-decoration:underline}
#content a:visited {
	color:#3070B0;
	text-decoration:underline}
#content a:hover, #content a:active {
	text-decoration:underline}
	/* +++++ area 3 styling +++++ */
#box_3a {
	padding:0.5em 0;
	clear:both}
#footer {
	color:#105090}
#footer a {
	color:#105090}
#footer .banner_content {
	font-size:90%;
	font-weight:bold;
	margin:-15px 20px}
/* end of key structural styling */
/* start of generic mark-up styling */
      /* +++++ simple text elements +++++ */
h1 {color:#2060A0;
	font-size:125%}
h2 {color:#2060A0;
	font-size:120%}
h3 {color:#2060A0;
	font-size:115%}
h4 {color:#2060A0;
	font-size:110%}
h5 {color:#2060A0;
	font-size:105%}
h6 {color:#2060A0;
	font-size:100%}
q:before, cite:before, q:after, cite:after {
	font-style:italic}
blockquote {
	background:#F8F9F3;
	border:1px solid #C8C9C3;
	padding:0 1em 0 1em}
	/* +++++ list elements +++++ */
ul {list-style:square;
	margin-left:2.5em;
	padding-left:0}
ol {margin-left:2.5em;
	padding-left:0}
ol.roman {
	list-style-type:lower-roman}
dl {margin:0;
	padding:0}
dt {font-weight:bold;
	margin-bottom:0 !important}
dd {margin-left:15px;
	margin-top:0 !important}
	/* +++++ link elements +++++ */
a:link, a:visited, a:hover, a:active {
	text-decoration:none}
a:hover, a:active {
	text-decoration:underline}
a img, img {
	border:none !important}
.external {}
	/* +++++ table elements +++++ */
table {
	background:#fff;
	font-size:80%;
	width:100%}
caption {
	color:#2060A0;
	font-weight:bold}
th {background:#2060A0;
	color:#fff;
	margin-bottom:-0.5em;
	padding:0.25em;
	vertical-align:top}
td {background:#eee;
	padding:0.25em;
	vertical-align:top}
table ol, table ul {
	font-size:100%;
	margin:0.5em 0 0.5em 1.5em;
	padding:0}
	/* +++++ availability table elements +++++ */
table.calendar {
	float:left;
	margin:0.25em;
	width:auto}
table.calendar td {
	line-height:100% !important;
	text-align:center}
table.key {
	position:absolute;
	top:0.75em;
	right:1.75em;
	width:auto}
table.key caption {
	font-size:120%;
	padding:3.25em 1em 0 0}
.free {}
.taken {
	color:#fff;
	background:#3070B0}
.special {
	background:#FFDD00}
	/* +++++ guestbook table elements +++++ */
#guestbook .date, #guestbook .rating {
	white-space:nowrap}
#guestbook .comment {}
#guestbook .signed {
	width:20%}
	/* +++++ form elements +++++ */
form {
	background:#90B4D8;
	border:solid 1px #105090;
	margin:0;
	padding:0 1em 1em 1em !important}
form dd {
	margin-top:0.25em;
	margin-bottom:0.75em}
input, textarea {
	background-color:#F8F9F3 !important;
	border:solid 1px #105090;
	font-size:100% !important;
	padding:4px}
input {
	width:30%}
textarea {
	width:65%}
.submit {
	background-color:#F8F9F3 !important;
	border:solid 3px #105090;
	color:#105090;
	cursor:pointer;
	font-weight:bold;
	width:auto}
	/* +++++ other elements +++++ */
hr {color:#5F6156;
	height:1px}
/* end of generic mark-up styling */
/* start of specific mark-up styling */
.attractions {
	width:auto}
.attractions .logo {
	background:#2060A0;
	padding:5px 5px 1px 5px;/* see ie-additions.css */
	text-align:center}
.back2top {
	border-top:dashed 1px #1F2116;
	margin-top:2em;
	text-align:right}
.back2top a {
	padding:2px 4px 2px 4px;
	position:relative;
	top:5px}
.clear {
	clear:both;
	margin-bottom:-1em}
div.external {
	text-align:center}
div.external img {
	padding:0 10px 10px 10px}
.hidden {
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden}
img.right {
	padding:0 0 1em 1em;
	float:right}
img.room {
	margin-top:-1em;
	padding:0 0 1em 1em;
	float:right;
	width:50%}
.large {/*see .small */
	font-size:115%}
#floorplan_div {
	text-align:center}
#floorplan_small {
	clear:both;
	float:right;
	margin-top:-0.75em;
	padding:0 0 1em 1em}
.footnotes {
	border-top:1px dashed #5F6156;
	color:#5F6156;
	font-size:80%;
	margin:3em 1em 0 1em;
	padding:1em}
#simius {
	margin-top:-2em;
	text-align:right}
.small {/*see .large */
	font-size:90%}
/* end of specific mark-up styling */