@charset "UTF-8";

/*
-----------------------------------------------
Screen Stylesheet

Author: Delwin Holeman delwin@idwebandprint.com
Version: 2009.01
----------------------------------------------- */

* {
	margin: 0; /* it's good practice to zero the margin and padding of all the elements to account for differing browser defaults */
	padding: 0;
	}

body  {
	font-family: Georgia, Times, serif;
	color: #333;
	background: #f3f0eb url(/images/bg_top.gif) repeat-x;
	}

#header {              
	height: 118px;
	width: 861px;
	}
	
#header #logo {
	float: left;
	margin: 9px 0 0 0;
	}
	
#header #logo a {
	float: left;
	text-indent:-9999px;
	display: block;
	width: 308px;
	height: 109px;
	background: #fff url(/images/logo.gif) no-repeat 0 0;
	overflow: hidden;
	}
	
/*
LINKS --------------------- */

a img {
	border: none;
	}
	
a {
	color: #3753fc;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}	
	
/* 
NAVIGATION --------------------- */

.skiplink {
	display: none;
	}

#navMain {
	float: right;
	margin: 19px 0 0 0;
	width: 538px;
	height: 100px;
	}

#navMain ul {
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	}
	
#navMain ul li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	}
	
#home 	   				li#n-home a:link, 					#home li#n-home a:active, 									#home li#n-home a:visited,
#accommodations	li#n-accommodations a:link,	#accommodations li#n-accommodations a:active,	#accommodations li#n-accommodations a:visited,
#reservations			li#n-reservations a:link,			#reservations li#n-reservations a:active,				#reservations li#n-reservations a:visited,
#directions				li#n-directions a:link,				#directions li#n-directions a:active,						#directions li#n-directions a:visited,
#attractions			li#n-attractions a:link,				#attractions li#n-attractions a:active,					#attractions li#n-attractions a:visited
	{
	color: #111;
	}
	
#navMain a:link, #navMain a:active, #navMain a:visited {
	display: block;
	float: left;
	margin: 0;
	width: 136px;
	padding: 0;
	color: #5b4925;
	text-decoration: none;
	}
	
#navMain a:hover {
	color: #000;
	}
	
#navMain li#n-attractions a {
	width: 121px;
	}
	
#navMain li img {
	margin: 0 0 5px 0;
	}
	
	
/*
CONTENT AND COLUMNS --------------------- */
	
#content { 
	width: 861px; 
	margin: 8px 0 0 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: #fff url(/images/bg_content.gif) repeat-y;
	}

#home #content { 
	margin: 0;
	} 
	
body.ms #mainContent, 
body.sm #mainContent {
	width: 530px;
	}
	
body.ms #sidebar,
body.sm #sidebar {
	display: block;
	width: 320px;
	margin: 0 0 0 11px;
	background: #fff url(/images/bg_photos.gif) repeat-y;
	}
	
#home #sidebar {
	margin-top: 30px;
	background: none;
	}
	
#accomodations #sidebar {
	width: 312px;
	padding-right: 9px;
	}
	
body.ms #mainContent,
body.sm #sidebar {
	float: left;
	}
	
body.sm #mainContent,
body.ms #sidebar {
	float: right;
	}
	
#mainContent {
	text-align: left;
	padding: 0;
	}
	
#home #mainContent {
	padding: 30px 0 0 0;
	}
	
#home #mainContent {
	text-align: left;
	margin: 0;
	}
	
#mainContent img {	padding: 1px;
	border: 1px solid #cfc4b2;
	}
	
div#sidebar {
	display: none;
	}
	
p {	
	margin: 0 30px 15px 20px;
	font-size: .95em;
	line-height: 1.5em;
	}
	
#home p {	
	margin-left: 0;
	}
	
#homePhoto {
	float: left;
	width: 859px;
	height: 385px;
	margin: 8px 0 0 0;
	}
	
#photoLink {
	height: 18px;
	margin: 0 11px 0 0;
	border-bottom: 1px solid #cfc4b2;
	}
	
#home #photoLink {
	margin: 0 11px 0 11px;
	}
	
p.right {
	margin: 0;
	text-align: right;
	font-size: 9px;
	font-family: verdana, arial, sans-serif;
	}
	
p.required {
	font-size: 10px;
	padding: 10px 0 0 0;
}
	
address {
	margin: 0 0 0 20px;
	}
	
#map {
	margin: 0 0 0 20px;
	}
	
.border {
	border: 1px solid #cfc4b2;
	}
	
#squarePhotos {
	float: left;
	margin: 26px 0 0 15px;
	}
	
#squarePhotos .one, #squarePhotos .two, #squarePhotos .three, #squarePhotos .four {
	float: left;
	margin: 0 34px 34px 0;
	padding: 1px;
	border: 1px solid #cfc4b2;
	}
	
#sidebarPhotos {
	float: left;
	width: 174px;
	margin: 5px 0 60px 68px;
	font-size: 9px;
	font-family: verdana, arial, sans-serif;
	}
	
#sidebarPhotos img {
	margin: 15px 0 2px 0;
	padding: 1px;
	border: 1px solid #cfc4b2;
	}
	
#sidebarPhotos .view {
	float: right;
	border: none;
	}
	
#sidebarPhotos .view a {
	text-decoration: none;
	}
	
#sidebarPhotos .view img {
	margin: 0;
	padding: 0;
	border: none;
	}
	
#sidebarPhotos .name {
	float: left;
	font-size: 9px;
	}
	
#sidebarPhotoBottom {
	height: 3px;
	background: #fff url(/images/sidebarPhotoBottom.gif) no-repeat;
	}
	
img.border {
	border: 1px solid #cfc4b2;
	padding: 1px;
	} 
	
#reservationsPhone {
	height: 100px;
	background: #fff url(/images/bg_reservations_phone.gif) no-repeat;
	}	
	
#home #reservationsPhone {
	background: #fff url(/images/bg_reservations_phone_home.gif) no-repeat;
	}	
	
.creditCard {
	margin: 0 10px 10px 13px;
	}
	
.creditCard p {
	margin: 0 0 4px 0;
	font-size: 9px;
	text-transform: uppercase;
	}
	
#photoArea {
	margin: 0 0 0 50px;
	}
	
#photoArea .name {
	margin: 8px 0 0 0;
	font-size: 14px;
	}
	
#photoArea .view {
	margin: 3px 0 0 0;
	font-size: 11px;
	}
	
.viewPhotos {
	text-align: center;
	margin: 5px 0 0 -6px;
	font-size: 13px;
	font-style: italic;
	}
	
#home .viewPhotos {
	text-align: center;
	padding: 0;
	margin: 0 0 0 -14px;
	font-size: 15px;
	}

	
/*
HEADING TAGS --------------------- */
	
h1, h2, h3, h4, h5, h6 {
	color: #67271a;
	font-weight: normal;
	}

h1 {
	font-size: 24px;
	line-height: 28px;
	margin: 0 0 20px 20px;
	padding: 25px 0 0 0;
	}
	
#home h1 {
	font-size: 24px;
	line-height: 28px;
	margin: 0 0 20px 0;
	padding: 0;
	}
	
#photos h1 {
	margin-left: 50px;
	}

h2 {
	margin: 0 0 7px 0;
	padding: 10px 0 0 0;
	font-size: 1.3em;
	text-align: center;
	font-style: italic;
	}
	
#mainContent h2 {
	text-align: left;
	padding: 0;
	margin-left:20px;
	}
		
#home h2 {
	text-align: left;
	font-style: italic;
	margin: 20px 0 10px 0;
	}
	
#home #sidebar h2 {
	margin: 0 0 7px 16px;
	text-align: left;
	}
	
h3 {
	padding: 0 0 30px 0;
	margin: 0 25px 0 25px;
	font-size: 1.1em;
	text-align: center;
	}
	
#home h3 {
	margin-left: 88px;
	text-align: left;
	}
	
h4 {
	margin: 20px 10px 0 0;
	font-size: 1.5em;
	font-weight: normal;
	font-style: italic;
	text-align: center;
	}
	
h5 {
	padding: 12px 0 5px 0;
	margin: 0 0 12px 20px;
	font-size: .95em;
	text-transform: uppercase;
	border-bottom: 1px dotted #cfc4b2;
	width: 480px;
	}
	
h6 {
	margin: 20px 0 10px 0;
	font-size: 1.0em;
	}
	
hr {
	margin: 30px 20px 20px 29px;
	color: #fff; 
	background-color: #fff; 
	border: 1px dotted #333; 
	border-style: none none dotted; 
	}
	
ul {
	margin: 0 40px 10px 30px;
	font-size: .85em;
	}
	
li {
	padding: 0 0 10px 0;
	}
	
ul.bullet {
	margin: 10px 15px 15px 25px;
	list-style: none;
	}
	
ul.bullet li {
	padding: 0 0 6px 15px;
	background: url(/images/bullet.gif) no-repeat 0 6px;
	}
	
ol {
	margin: 0 30px 15px 70px;
	font-size: .9em;
	line-height: 1.6em;
	}
	
#directions ol {
	margin-left: 40px;
	}
	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 5px 25px 10px 25px;
	}

.fltlt { /* this class can be used to float an element left in your page */
	float: left;
	margin: 5px 25px 10px 0;
	}
	
#contactform {
	padding: 0 0 0 60px;
	}

address {
	font-style: normal;
	}
	
.quote p {
	margin-right: 0;
	margin-left: 52px;
	margin-bottom: 10px;
	font-size: 11px;
	line-height: 17px;
	color: #525252;
	}
	
.quote p.source {
	font-style: italic;
	}
	

/*
TABLES--------------------- */


/* sortable table alternating row colors. styles below are for td's that have another class applied which makes the automatic class application not work. See the body onload for the automatic colors */
	

 .even {
 	background-color: #efefef;
	}
	
.odd {
	background-color: #fff;
	} 

/*
FOOTER --------------------- */


#footer{ 
	width: 836px;
	height: 20px;
	padding: 0 0 15px 0;
	margin: 0 13px 0 13px;
	background: #fff url(/images/bg_content.gif) repeat-y;
	border-top: 1px solid #cfc4b2;
	} 

#footer p {
	margin: 0 0 20px 0;
	padding: 10px 13px 0 13px;
	font-size: 10px;
	color: #7d564e;
	}
	
#footer a {
	color: #7d564e;
	text-decoration: none;
	}
	
#footer a:hover {
	text-decoration: underline;
	}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}