/* RESET CSS - including here to reduce requests */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
/* 	vertical-align: baseline; */
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* END RESET CSS*/

/* SITE STYLES */
body {background: url(../img/background.jpg) no-repeat}
.wrapper {background: url(../img/tan-top.png) repeat-x; display: block; width: 1986px; height: 800px}

h1, address {display: none}
.home {display: block; height: 134px; width: 1500px; background: url(../img/logo-address.png) no-repeat 37px 45px}

.main {display: block; height: 457px; width: 1986px; overflow: hidden; background: #5d5a52}
.column {float: left}
.column img {display: block;}
.left {width: 162px; height: 457px}

.nav {width: 285px; height: 457px; background: url(../img/nav-background.png) no-repeat}
.nav ul {margin-top: 54px;}
.nav li {display: block; height: 30px}
.nav a {display: block; height: 20px; width: 285px; padding-top: 10px}
.nav a:hover {background: #dda33c}
.nav a span {display: block; width: 251px; height: 20px; margin: 0 0 0 24px; background-image: url(../img/nav.png);
	background-repeat: no-repeat}
.about span {background-position: 0 0}
.menus span {background-position: 0 -30px}
.season span {background-position: 0 -60px}
.press span {background-position: 0 -90px}
.reservations span {background-position: 0 -120px}
.private span {background-position: 0 -150px}
.contact span {background-position: 0 -180px}
.directions span {background-position: 0 -210px}
.photo span {background-position: 0 -240px}

.hours {display: block; width: 208px; height: 58px; margin: 27px 0 0 26px; background: url(../img/hours.png) no-repeat}

.over {display: block; width: 0px; height: 457px; overflow: hidden}
.over img {display: block}

.content {display: block;}
.content ul {position: relative; cursor: pointer}
.slide {position: absolute; width: 162px; display: block; overflow: hidden;}
.slide img {position: relative;}
.slide-1 {left: 0; z-index: 4}
.slide-1 img {left: 0}
.slide-2 {left: 162px; z-index: 3}
.slide-2 img {left: -162px}
.slide-3 {left: 324px; z-index: 2}
.slide-3 img {left: -162px}
.slide-4 {left: 486px; z-index: 1}
.slide-4 img {left: 0}
.slide-active {z-index: 5}

.right {display: block; width: 405px}

.footer {display: block; width: 742px; height: 215px; margin: 13px 0 0 189px; padding-top: 28px;
	background: url(../img/character.png) no-repeat 100% 0}
.footer h3 {font: italic 22px georgia; color: #959494}
.footer .more {font: italic 16px/20px georgia; color: #9f5934; text-decoration: none}
.footer .more:hover {text-decoration: underline}

.facebook {display: block; width: 66px; height: 24px; margin: 50px 0 20px; background: url(../img/facebook.png) no-repeat}

.page {display: none; height: 457px; width: 648px;}
.home-page {width: 972px}
.about-page, .bio-page {background: #e0d0b3;}
.menus-page {background: #e7ba6c}
.season-page {background: #cdc676}
.press-page {background: #f8af7a}
.reservations-page {background: #cea55f}
.private-page {background: #dbb79b}
.contact-page {background: #d3bcaa}
.directions-page {background: #c8bba2}

.page-title {display: block}
.page {font: italic 14px/19px georgia}
.page p {margin: 14px 35px 20px 33px; color: #402a1b;}
.page a {color: #88530d; text-decoration: none}
.page a:hover {text-decoration: underline}

.photo-page {overflow: hidden; height: 457px; width: 960px; padding: 5px}
.photo-page a {display: block; float: left; margin: 3px; padding: 3px; border: 1px solid #eee;}
.photo-page a img {width: 75px; height: 75px}