/**
 * Defaults and Resets
 */
html, body {margin: 0; padding: 0; background: #333;}

body {font-family: Georgia, "Times New Roman", Serif; font-size: 12px; line-height: normal; color: #581500;}

form {margin: 0; padding: 0;}

img {border: 0;}

td {vertical-align: top;}

p {margin: 0 0 10px 0;}

:focus {outline: 0;}

a {color: #bb7141; font-weight: bold; text-transform: uppercase;}
a:hover {color: #000;}
a[href^="mailto"] { text-transform: none;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

table.hours {width: 100%; border-collapse: collapse;}
table.hours th,
table.hours td {padding: 0 5px 0 0;}
table.hours thead th {font-weight: normal; font-style: italic; text-align: left; border-bottom: solid 1px #bba7a1;}
table.hours thead th.empty {border-bottom-width: 0;}
table.hours tbody th {font-size: 10px; text-transform: uppercase; text-align: left;}

div.photo {width: 184px; height: 244px; padding: 1px 0 0 4px; background: url(../images/layout/bg-photo-trans.png) no-repeat;}
div.largePhoto {width: 410px; height: 323px; padding: 1px 0 0 4px; background: url(../images/layout/bg-photo-lrg-trans.png) no-repeat;}

p.separator {text-align: center;}

/**
 * Lists
 */
ul.inline {margin: 0; padding: 0; list-style-type: none;}
ul.inline li {display: inline;}

ul.list {margin: 0; padding: 0; list-style-type: none;}

/**
 * Layout
 */
#master {width: 960px; margin: auto;}
#master > address {padding: 20px 0; text-align: center; font-size: 11px; line-height: 14px; color: #717171; font-family: Verdana, Arial, Sans-Serif; font-style: normal;}
#master > address a {text-transform: none;}

#page {background: url(../images/layout/bg-page.gif) no-repeat; position: relative; width: 100%;}
#page > div {background: url(../images/layout/bg-page.gif) no-repeat -960px bottom;}
#page > div > div {height: 768px; background: url(../images/home.jpg) no-repeat left 16px;}

#logo {position: absolute; top: 71px; left: 494px;}

#nav {position: absolute; top: 27px; right: 500px;}
#nav ul {margin: 0; padding: 0; list-style-type: none; font-size: 1px; line-height: 1px; text-align: right;}
#nav ul li {padding: 6px 0;}

#content {position: absolute; top: 165px; left: 18px;}

#subContent {position: absolute; top: 242px; left: 490px;}
#subContent > div {position: absolute; top: 0; left: 0;}

#title {position: absolute; top: 80px; left: 30px;}

#credits {padding: 10px 0; text-align: right; font-size: 11px; line-height: 14px; color: #717171; font-family: Verdana, Arial, Sans-Serif;}
#credits a {color: #717171; text-transform: none; font-weight: normal;}
#credits a:hover {color: #999;}

div.box {width: 443px; background: url(../images/layout/bg-box.png) no-repeat;}
div.box > div {width: 100%; background: url(../images/layout/bg-box.gif) repeat-y -443px 0;}
div.box > div > div {width: 100%; background: url(../images/layout/bg-box.gif) no-repeat;}
div.box > div > div > div {background: url(../images/layout/bg-box.gif) no-repeat -886px bottom; padding: 25px 20px 15px 20px;}

div.photoBox > div > div > div {padding: 5px;}
div.photoBox img {display: block;}
div.photoBox div.content {width: 429px; padding: 7px; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; font-weight: bold; line-height: normal; color: #fff; background: #9a5312;}

/**
 * Home
 */
#flowers {position: absolute; bottom: 0; left: 0; z-index: 1;}

div.frontPageBox {position: relative; z-index: 2;}
div.frontPageBox > div > div > div {padding: 15px 20px; font-size: 11px;}
/*div.frontPageBox > div > div > div > div {font-size: 11px; width: 440px;}*/

.scrollContainer {padding: 0 0 20px 0;}
.scroll {width: 390px; height: 387px; padding: 0 10px 0 0;}

.jspDrag {background: #570d00;}
.jspTrack {background: #b26711;}

/**
 * Restaurant
 */
body.restaurant #page > div > div {background-image: url(../images/restaurant.jpg);}

body.restaurant #title {top: 55px;}

#bar {position: absolute; bottom: 27px; left: 62px;}
#patio {position: absolute; bottom: 27px; left: 240px;}

#birthdayCertificateForm .row {padding: 0 0 3px 0;}
#birthdayCertificateForm .label {float: left; width: 160px;}
#birthdayCertificateForm .field {float: left;}
#birthdayCertificateForm input[type="text"] {width: 220px; font-family: Arial, Verdana, Sans-Serif; font-size: 12px; padding: 2px; border: solid 1px #5f1f0b;}

/**
 * Weddings
 */
body.weddings #page > div > div {background-image: url(../images/weddings.jpg);}

body.weddings #title {top: 50px; left: 16px;}

body.weddings div.box > div > div > div {padding-bottom: 5px;}

/**
 * Golf Course
 */
body.golfCourse #page > div > div {background-image: url(../images/golf-course.jpg);}

body.golfCourse #title {top: 50px; left: 17px;}

#fairway {position: absolute; bottom: 50px; left: 37px;}

/**
 * Spa
 */
body.spa #page > div > div {background-image: url(../images/spa.jpg);}

body.spa #content a {text-transform: none; font-weight: normal;}
 
/**
 * Contact
 */
body.contact #page > div > div {background-image: url(../images/contact.jpg);}

body.contact #title {top: 67px; left: 13px;}

body.contact p {margin-bottom: 15px;}

/**
 * Testimonials
 */
body.testimonials {font-style: italic;}

/**
 * Directions
 */
body.directions p {margin-bottom: 20px;}

/**
 * Dialog Windows
 */
body.dialog {padding: 20px; background: #fff;}