@import url("common.css");
@import url("nav-interior.css");

/* ---------------------------------------- General Layout ------------------------------- */
#wrapper {
 background: url("../images/interior/wrapper-bg.gif") repeat-y 0 0;
 width: 760px;
 margin: 0 auto;
}

/* ---------------------------------------- Absolutely Positioned ----------------------- */

/* --------------------- Logo ----------------- */
h1#logo {
 position: absolute;
 left: 0;
 top: 0;
 width: 294px;
 height: 121px;
 display:block;
 background: url("../images/interior/logo.gif") no-repeat 0 0;
 z-index: 100;
}

h1#logo a { 
 width: 194px;
 height: 91px;
 display:block;
 margin:20px 0 0 10px;
}

h1#logo img { display:none; }

/* ---------------------- Masthead -------------- */

#masthead {
 position: absolute;
 right: 0;
 top: 21px;
 width: 514px;
 z-index: 100;
}

#headers {
 position:absolute;
 top:89px;
 left:0;
 width:514px;
 height:137px;
 background-image:url("../images/interior/header-bg.png");
}

#inset1 { position:absolute; top:0; left:0; }
#inset2 { position:absolute; top:0; right:0; }
#inset3 { position:absolute; top:89px; right:0; z-index:102; }

/* ----------------------------------------- Main Content ------------------------------ */
#content-wrapper{
 width: 742px;
 color: #643E16;
 z-index: 0;
 position:relative;
}

/* -------------------- Content Area ----------- */
#main-content{
 width: 514px;
 background: url("../images/interior/main-content-bg.gif") no-repeat 0 0;
 float: left;
 border-top: 5px solid #ffffff;
 margin-top: 226px;
 line-height: 16px;
 padding-top: 25px;
 font-size: 12px;
}

#main-content h3{
 font-size: 13px;
 font-weight: bold;
 margin: 15px 25px 5px 25px;
}

#main-content h4{
 margin: 0 25px;
 font-size: 11px;
 font-weight: bold; 
}

#main-content p{ margin: 0 25px 20px 25px; }

#main-content form select{ margin: 0 25px 20px 25px; }

#main-content address{
 margin: 0 25px 20px 25px;
 font-style: normal;
}

#main-content ul,
#main-content ol { margin: 0 25px 20px 45px; }
#main-content ul ul, 
#main-content ul ul ul{ margin-bottom: 0; }

#main-content img{
 margin: 0 25px 20px 25px;
 border: 1px solid #643E16;
}

#main-content img.thumbnail{
 margin: 0 10px 20px 0px;
 border: 1px solid #643E16;
}

#main-content #wraptext {
 float:right;
 width:166px;
 height:32px;
 margin: 0 0 20px 25px;
}

#main-content #visit-info {
 position:relative;
 width:179px;
 float:right;
 display:inline;
 margin:0 30px 0 10px;
 padding: 0;
 background:url("../images/interior/visit-info.gif") repeat-y 0 0;
}

#main-content #visit-info p { margin: 0 10px 10px 10px; }

#main-content #visit-info img {
 margin: 0;
 padding: 0;
 border: none;
}

/* -------- Expander ------ */
#main-content .reservesWrapper { }

#main-content .reservesWrapper p, 
#main-content .reservesWrapper h4{ margin-left: 30px; }
#main-content .reservesWrapper h2 { margin-bottom: 10px; }
#main-content .linkExpander {
 margin: 0 25px 45px 25px;
 width: 464px;
 border-top: 1px solid #643e16;
 text-align:right;
 padding: 0;
 clear:both;
}

#main-content .linkExpander .reservesLink {
 margin: 0;
 padding: 0;
 height: 19px;
 color: #ffffff;
 display:inline;
 float:right;
}

div#main-content .linkExpander .reservesLink a.linkExpand span {
 background: #643E17 url("../images/interior/controls-left.gif") no-repeat left bottom;
 padding:2px 0 3px 10px;
 margin: 0;
}

div#main-content .linkExpander .reservesLink a.linkExpand {
 margin: 0 0 0 0;
 padding: 0 10px 0 0;
 height: 19px;
 line-height: 19px;
 color: #ffffff;
 display:block;
 background: #643E17 url("../images/interior/controls-bg.gif") no-repeat right 0; 
 text-decoration: underline;
 font-size: 11px;
}

/* ---------------------- Rounded Box ------------ */
div#main-content .rounded-box {
 background: url("../images/interior/rounded-bg.gif") repeat-y 0 0;
 margin: 0 25px 20px 25px;
}

div#main-content .rounded-box h2 { width:409px; }
div#main-content .rounded-box img { margin: 0; border: none; }
div#main-content .rounded-box object { margin-left: 10px; }

div#main-content .rounded-box .left-list {
 float:left;
 width:150px;
 margin-left:0px;
 padding-left:40px;
}

div#main-content .rounded-box .right-list {
 float:right;
 width:150px;
 margin-left:0;
 padding-left:20px;
}

#main-content #medium-rounded-box {
 clear: both;
 position:relative;
 width:240px;
 float:right;
 display:inline;
 margin:20px 20px 0 10px;
 padding: 0;
 background:url("../images/interior/medium-rounded-bg.gif") repeat-y 0 0;
}

#main-content #medium-rounded-box p { margin: 0 10px 10px 10px; }

#main-content #medium-rounded-box img {
 margin: 0;
 padding: 0;
 border: none;
}

/* ---------------------- Search Content --------- */
#main-content #result_report { margin: 0 25px 20px 25px; }
#main-content #results { margin: 0 25px 20px 25px; }

/* ---------------------- Side Bar --------------- */
#sidebar { float: left; width: 228px; margin-top: 100px; }

/* ---- Push Marketing ---- */
#push-marketing{
 width: 228px;
 float:left;
 background: url("../images/interior/push-bg.gif") no-repeat 0 0;
 padding: 20px 0;
 line-height: 16px;
}

#push-marketing p{ margin: 0 20px 12px 20px; }
#push-marketing p#insets{ margin:0 0 30px 0; }

#push-marketing a{ color: #643E16; font-weight: bold; }
#push-marketing a:hover{ color: #8B6D4D; }

#push-section { width: 225px; background: url("../images/interior/push-section-bg.gif") repeat-y 0 0; }
#push-section img.push-photo { text-align: center; margin: 0 0 15px 40px; }

#push-arwi { background: url("../images/interior/push-arwi.gif") no-repeat 0 0; width: 215px; height: 264px; margin-left: 5px; }

/* -------------------- Sifr Stuff -------------- */

.sIFR-hasFlash div#content h1, .sIFR-hasFlash div#content h2, .sIFR-hasFlash div#content h3 { visibility: hidden; }
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate {
 position: absolute;
 left: 0;
 top: 0;
 width: 0;
 height: 0;
 display: block;
 overflow: hidden;
}

div#headers h1 {
 margin: 76px 0 10px 10px;
 font-family: "Times New Roman", Times, serif;
 font-size: 20px;
 color: #ffffff;
 width: 330px;
}

div#headers h2 {
 margin-left: 10px;
 font-family: "Times New Roman", Times, serif;
 font-size: 15px;
 color: #ffffff;
 width: 280px;
}

div#main-content h1 {
 margin: 0 0 20px 25px;
 padding-bottom: 3px;
 font-family: "Times New Roman", Times, serif;
 font-size: 22px;
 color: #643E16;
 background: url("../images/interior/h1-bg.gif") no-repeat 0 bottom;
 line-height: 22px;
 width: 313px;
}

div#main-content h2 {
 margin: 0 0 5px 25px;
 padding-bottom: 1px;
 font-family: "Times New Roman", Times, serif;
 font-size: 18px;
 color: #643E16;
 border-bottom: 1px solid #643e16;
 line-height: 20px;
 width:464px;
}

div#push-marketing h3 {
 margin: 0 0px 0 20px;
 padding-bottom: 1px;
 font-family: "Times New Roman", Times, serif;
 font-size: 17px;
 color: #926838;
 line-height: 17px;
 width: 200px;
}

div#push-section h4 {
 margin: 0 0 10px 20px;
 padding-bottom: 1px;
 font-family: "Times New Roman", Times, serif;
 font-size: 17px;
 color: #cd2220;
 line-height: 17px;
 width: 185px;
}

/* ------ Check Availability Form --------------------------------- */
form#booking-form { margin: 12px 0px 0 20px; font: 9px Verdana, Arial, Helvetica, sans-serif; width:195px; }
form#booking-form .field { float: left; width: 95px; text-align: left; }
form#booking-form .dropdown { float: left; width: 43px; text-align: left;}
form#booking-form fieldset { border: 0; }
form#booking-form img { margin-bottom: 10px; text-align: center; }
form#booking-form label { color: #fefab5; margin-left: 0; }
form#booking-form input.textfield { width: 85px; border: 1px solid #999999; margin-bottom: 0.25em; padding: 0px 3px; font: 1.2em Arial, Helvetica, sans-serif; }
form#booking-form select { width: 40px; border: 1px solid #999999; margin-bottom: 0.25em; font: 1.2em Arial, Helvetica, sans-serif; }
form#booking-form .field select { width: 188px; border: 1px solid #999999; margin-bottom: 0.25em; font: 1.2em Arial, Helvetica, sans-serif; padding: 0; }
form#booking-form span.form-cal { color: #fefab5; }
form#booking-form input#booking-submit { float: left; margin-top: 8px;}

/* ------ Front Page Form --------------------------------- */
form.check-avail { margin: 12px 0px 0 20px; font: 9px Verdana, Arial, Helvetica, sans-serif; width:195px; }
form.check-avail .field { float: left; width: 95px; text-align: left;}
form.check-avail .dropdown { float: left; width: 43px; text-align: left;}
form.check-avail fieldset { border: 0; }
form.check-avail img { margin-bottom: 10px; text-align: center; }
form.check-avail label { color: #fefab5; margin-left: 0; }
form.check-avail input.textfield { width: 85px; border: 1px solid #999999; margin-bottom: 0.25em; padding: 0px 3px; font: 1.2em Arial, Helvetica, sans-serif; }
form.check-avail select { width: 40px; border: 1px solid #999999; margin-bottom: 0.25em; font: 1.2em Arial, Helvetica, sans-serif; }
form.check-avail .field select { width: 188px; border: 1px solid #999999; margin-bottom: 0.25em; font: 1.2em Arial, Helvetica, sans-serif; padding: 0; }
form.check-avail span.form-cal { color: #fefab5; }
form.check-avail input#booking-submit { float: left; margin-top: 8px;}

/* --------------------------------- Footer ----------------------------------- */
#footer{
 width: 742px;
 height: 31px;
 background: url("../images/footer-bg.gif") no-repeat 0 0;
}