/* setting the stage
----------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{margin : 0; padding : 0;}

h1, h2, h3, h4, h5, h6
{font-size: 100%;}

ol,ul
{list-style: none;}

address, caption, cite, code, dfn, em, strong, th, var
{font-style: normal; font-weight: normal;}

table
{border-collapse: collapse; border-spacing: 0;}

fieldset, img
{border: 0;}

cation, th
{text-align: left;}

q:before, q:after
{content:'';}


 /* body
----------------------------------------------------------------------*/
html {
	background-color: #f4ede3;
	background-image: url(images/26.jpg);
}

body {
	position: relative;
	width:800px;
	text-align: center;
	margin: 5px auto 10px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #FFFFFF;
	min-width: 800px;
	background-color: #FFFFFF;
	border-top: 6px solid #FFFFFF;
	border-left: 6px solid #FFFFFF;
	border-right: 6px solid #FFFFFF;
	outline:1px solid #ccc;
}

 /* header
----------------------------------------------------------------------*/
#mainimage {
	height: 369px;
	background-color: #999999;
}

 /* content sizing
----------------------------------------------------------------------*/
#content {
	position: relative;
	width: 800px;
	top: -5px;
	z-index: 1;
}

body#welcome #content {
	height: 700px;
	background-image:url(images/bb.jpg);
	background-repeat: repeat-x;
	background-color: #4c4c4c;
}

body#about #content {
	height: 1150px;
	background-image:url(images/gb.jpg);
	background-repeat: repeat-x;
	background-color: #4b4d25;
}

body#photos #content {
	height: 1940px;
	background-image:url(images/brb.jpg);
	background-repeat: repeat-x;
	background-color: #4d3a25;
}

body#rates #content {
	height: 940px;
	background-image:url(images/blb.jpg);
	background-repeat: repeat-x;
	background-color: #25314d;
}

body#things #content {
	height: 2870px;
	background-image:url(images/tb.jpg);
	background-repeat: repeat-x;
	background-color: #26474d;
}

body#map #content {
	height: 900px;
	background-image:url(images/rb.jpg);
	background-repeat: repeat-x;
	background-color: #4d3e25;
}

body#contact #content {
	height: 700px;
	background-image:url(images/bb.jpg);
	background-repeat: repeat-x;
	background-color: #4c4c4c;
}


 /* navigation welcome
----------------------------------------------------------------------*/
body#welcome #navlinks ul {
	background-color: #4f4f4f;
}

body#welcome #navlinks li a:hover {
	background-color: #848484;
}

body#welcome a#welcomelink {
	background-color: #aeaeae;
}

 /* navigation about
----------------------------------------------------------------------*/
body#about #navlinks ul {
	background-color: #7b7d56;
}

body#about #navlinks li a:hover {
	background-color: #b8baab;
}

body#about a#aboutlink {
	background-color: #c2c3b1;
}

 /* navigation photos
----------------------------------------------------------------------*/
body#photos #navlinks ul {
	background-color: #8d7d6c;
}

body#photos #navlinks li a:hover {
	background-color: #afa498;
}

body#photos a#photoslink {
	background-color: #c6beb6;
}

 /* navigation rates
----------------------------------------------------------------------*/
body#rates #navlinks ul {
	background-color: #6c758d;
}

body#rates #navlinks li a:hover {
	background-color: #989faf;
}

body#rates a#rateslink {
	background-color: #b6bbc6;
}


 /* navigation things to do
----------------------------------------------------------------------*/
body#things #navlinks ul {
	background-color: #627679;
}

body#things #navlinks li a:hover {
	background-color: #919fa1;
}

body#things a#thingslink {
	background-color: #b1bbbc;
}

 /* navigation map
----------------------------------------------------------------------*/
body#map #navlinks ul {
	background-color: #706a5e;
}

body#map #navlinks li a:hover {
	background-color: #9b978f;
}

body#map a#maplink {
	background-color: #b8b5af;
}

 /* navigation contact
----------------------------------------------------------------------*/
body#contact #navlinks ul {
	background-color: #4f4f4f;
}

body#contact #navlinks li a:hover {
	background-color: #848484;
}

body#contact a#contactlink {
	background-color: #aeaeae;
}

 /* navigation general
----------------------------------------------------------------------*/
#navlinks ul {
	position: relative;
	top: 0px;
	left: 0%;
	font-size: 13px;
	width: 800px;
	margin: auto;
	height: 29px;
	min-height: 29px;
	max-height: 29px;
	overflow:hidden;
}

#navlinks li {
	position: relative;
	display: inline;
	color:#FFFFFF;
	top: 6px;
}

#navlinks li a, #navlinks li a:link, #navlinks li a:visited { 
	color:#FFFFFF;
	text-decoration: none;
	padding: 8px 2%;
}

#navlinks li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	padding: 8px 2%;
}

body#welcome a#welcomelink,
body#about a#aboutlink, 
body#photos a#photoslink,
body#rates a#rateslink, 
body#things a#thingslink, 
body#map a#maplink,
body#contact a#contactlink {
	color: #272700;
	text-decoration: none;
	padding: 8px 2%;
}

 /* reservations
----------------------------------------------------------------------*/
#reservations {
	position: relative;
	text-align: left;
	font-size: 12px;
	letter-spacing: .05em;
	line-height: 1.3em;
	color: #efef94;
	width: 180px;
	margin: 15px 0px -100px 50px;
	padding: 10px 0px 0px 0px;
}

body#things #reservations {
	line-height: 1.5em;
}

.reservationstitle {
	font-size: 16px;
	color: #cbcb53;
	text-align: center;
}

.reservationsdetail {
	position: relative;
	top: 10px;
}

#reservations a, #reservations a:link, #reservations a:visited {
	color: #fff;
}

#reservations a:hover{
	color: #FFCC33;
}

.h5 {
	color: #ffffff;
	font-size:12px;
}

 /* body text  
----------------------------------------------------------------------*/
.h4 {
	color: #FFFFFF;
	font: 16px/24px Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
	padding-bottom:5px;
}

#maintext {
	position: absolute;
	width: 420px;
	text-align: left;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	left: 310px;
	top: 50px;
}


#maintext a, #maintext a:link, #maintext a:visited {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#maintext a:hover {
	color: #FFCC33;
}

#maintext img {
	padding: 0px 15px 10px 0px;
}

#maintext img.illus {
   	float: left;
	margin: 3px 10px 3px 0px;
 }
 
.quote {
 	font-size:17px;
	color: #cbcb53;
	font-family: Arial, Helvetica, sans-serif;
}

.h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.h7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#maintext ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

#maintext li {
	list-style: disc;
	list-style-position:outside;
	margin-left: 12px;
}

body#things #maintext li {
	list-style: none;
	margin-left: 2px;
}

body#things #maintext img {
	padding: 0px 2px;
}

.maintitles {
	list-style: none;
	font-size: 14px;
	color: #FFCC66;
	padding-bottom:3px;
}
	
.secondtitles{
	color: #66CCFF;
	font-size: 11px;
	text-transform: uppercase;
}

.leftsidelinks {
	position: relative;
	top: 10px;
}

.dot {
	vertical-align: middle;
	margin: 6px 0px 0px 0px;
	padding: 0px;
}

/* footer  
----------------------------------------------------------------------*/
#footer {
	position: absolute;
	color: #ffffff;
	font-size: 9px;
	letter-spacing: .20em;
	text-align: center;
	width: 800px;
	margin: 0px auto;
	z-index: 2;
}

body#welcome #footer {
	top:660px;
}

body#about #footer {
	top:1110px;
}

body#photos #footer {
	top:1900px;
}

body#rates #footer {
	top: 900px;
}

body#things #footer {
	top:2830px;
}

body#map #footer {
	top:860px;
}

body#contact #footer {
	top:660px;
}

#footer a, #footer a:link, #footer a:visited {
	text-decoration: none;
	color: #FFFF99;
}

#footer a:hover {
	color: #FFCC33;
	font-style: italic;
}