/* Global Styles ----------------------------------------- */ html { height: 100%; margin-bottom: 1px; } body { background: #e0daad url(../images/background.gif) 0 0 repeat; color: #493212; font-family:Verdana, Geneva, sans-serif; font-size: .8em; } * { margin: 0; padding: 0; } ul, li { list-style: none; } img { border: none; } h1 { font-size: 1.35em; padding-bottom: 1em; } h2 { font-size: 1.1em; padding: .75em 0; } h3 { } p { line-height: 1.3em; margin:0 0 .75em 0; } a { background-color:inherit; color: #b55b12; text-decoration: none; } a:hover { background-color:inherit; color: #9b9057; text-decoration: none; } /* #header ----------------------------------------- */ #header { width:100%; background:#f3dc9c; color:inherit; padding-bottom:12px; } #header .topWrap { margin:0 auto; width: 809px; } #header .topWrap p { margin:0; } #header .topWrap img.logo { float:left; margin:8px 0 0 17px; } #topNavArea { float:right; padding: 13px 18px 0 0; width: 328px; } #topNavArea .phone { float:right; margin-top: 4em; } .topNav li { float: right; font-size:.9em; width:auto; } .topNav li { background:url(../images/topnav_leaf.gif) 0 0 no-repeat; display: inline; padding: 0 25px 9px 15px; } .topNav li.toplast { padding-right: 0; } .topNav a { } .topNav a:hover, .home .topNav a.t-home, .expect .topNav a.t-expect, .contact .topNav a.t-contact { background-color:inherit; color: #9b9057; text-decoration: none; } #wrapper { width:100%; } /* home page large photo area ----------------------------------------- */ #photoArea { background-color: #e0daad; color: inherit; margin: 0 auto; padding-bottom:8px; width:817px; } #photoArea .section1, #photoArea .section2, #photoArea .section3 { float:left; padding-left:4px; } #photoArea .brdTan { border: 3px solid #b69654; } #photoArea .brdOlive { border: 3px solid #9b9057; } #photoArea .brdOlivetop { margin-top:4px; } #photoArea .brdGreen { border: 3px solid #53541f; } #photoArea .brdGreentop { margin:4px 4px 0 0; } /* #mainNav ----------------------------------------- */ #mainNav { background-color: #e0daad; background: url(../images/mainnav_bkg2.gif) 0 top no-repeat; color: inherit; margin: 0 auto; text-align:center; width:817px; } /* content area ----------------------------------------- */ #content { background-color: #e0daad; color: inherit; margin:0 auto; padding: 23px 29px 35px 29px; width:759px; } #content h2 { font-size: 1.1em; padding: 1.5em 0 .5em 0; } #content h2.undertitle { font-size: 1.1em; padding: 0 0 .5em 0; } #content blockquote { margin: 1em 2em; } #contentMain { float:left; padding: 0 35px 0 0; width: 510px; } #content h1 { display: block; text-indent: -9999px; } h1.welcome { background: url('../images/title-welcome.gif') no-repeat; height: 24px; width:95px; } h1.whatexpect { background: url('../images/title-expect.gif') no-repeat; height: 31px; width:171px; } h1.contactus { background: url('../images/title-contactus.gif') no-repeat; height: 24px; width:210px; } h1.accommodations { background: url('../images/title-accommodations.gif') no-repeat; height: 24px; width:180px; } h1.rooms_suites { background: url('../images/title-rooms_suites.gif') no-repeat; height: 28px; width:267px; } h1.room_guide { background: url('../images/title-room_guide.gif') no-repeat; height: 29px; width:338px; } h1.sigfeatures { background: url('../images/title-sigfeatures.gif') no-repeat; height: 28px; width:207px; } h1.property { background: url('../images/title-property.gif') no-repeat; height: 30px; width:148px; } h1.lounges { background: url('../images/title-lounges.gif') no-repeat; height: 28px; width:165px; } h1.outdoor { background: url('../images/title-outdoor.gif') no-repeat; height: 30px; width:184px; } h1.breakfast { background: url('../images/title-breakfast.gif') no-repeat; height: 24px; width:180px; } h1.spapleasures { background: url('../images/title-spapleasures.gif') no-repeat; height: 30px; width:154px; } h1.indulgences { background: url('../images/title-indulgences.gif') no-repeat; height: 30px; width:209px; } h1.extras { background: url('../images/title-extras.gif') no-repeat; height: 30px; width:220px; } h1.specs_packages { background: url('../images/title-specs_packages.gif') no-repeat; height: 30px; width:218px; } h1.giftcerts { background: url('../images/title-giftcerts.gif') no-repeat; height: 24px; width:178px; } h1.private { background: url('../images/title-private.gif') no-repeat; height: 28px; width:195px; } h1.funthings { background: url('../images/title-funthings.gif') no-repeat; height: 30px; width:179px; } h1.napa { background: url('../images/title-napa.gif') no-repeat; height: 24px; width:180px; } h1.aroundvalley { background: url('../images/title-aroundvalley.gif') no-repeat; height: 30px; width:191px; } h1.beyondvalley { background: url('../images/title-beyondvalley.gif') no-repeat; height: 30px; width:195px; } h1.directions { background: url('../images/title-directions.gif') no-repeat; height: 24px; width:110px; } h1.availability { background: url('../images/title-availability.gif') no-repeat; height: 29px; width:265px; } h1.cottages { background: url('../images/title-cottages.gif') no-repeat; height: 28px; width:103px; } h1.historic { background: url('../images/title-historic.gif') no-repeat; height: 24px; width:200px; } #contentMain ul { margin-left: 1em; } #contentMain li { background:url(../images/bullet_leaf.gif) 0 2px no-repeat; padding: 0 25px 9px 20px; } #contentSub { float:left; margin-top: 2em; width: 211px; } #contentSub .textSub { background: #c5ae79 url(../images/box_bottom2.gif) bottom left no-repeat; color:#4f5018; padding: .75em 2em; font-size:.85em; } #contentSub p.center { text-align:center; } #contentNotes, #contentBlog { float:left; width: 510px; margin-top: 16px; background: #f3dc9c; border: 1px #000 solid; color: #493212; } #hostnote, #blogfeed { margin: 10px 10px 6px 6px; } #avail, #giftcertif, #store, #specials { margin-bottom:50px; } .roomsTable { border-collapse:collapse; margin: 2em auto 0 auto; width:95%; } .roomsTable th { padding: .5em; background-color:#c5ae79; } .roomsTable td { padding: 1.5em 0 0 .75em; width: 50%; vertical-align: top; } .roomsTable img { border: 1px solid #4f5018; float:left; margin-right: 15px; padding: 1px; } #roomrates { border-collapse:collapse; } #roomrates td { padding: 0 20px 5px 0; } /* eyecandy ----------------------------------------- */ #eyecandy { margin-top: -3em; text-align:center; } #eyecandy img { border:1px solid #4f5018; padding: 1px; } #eyecandy img.noborder { border: 0; padding: 1px; } #eyecandy p { margin: 6em 0; } #eyecandy p.lastpic { margin: 7em 0 0 0; } /* Contact Form - don't know if this is needed for subdreamer and it's not styled for this site ----------------------------------------- */ #cform form { margin: 0 auto 3em auto; padding: 0; width: 489px; } #cform fieldset { border: 1px dotted #003894; margin-top: 1em; padding: 5px 0 10px 10px; } #cform legend { background-color: inherit; color: #003894; font-size: 1.3em; font-weight: bold; padding-bottom: 17px; } #cform dt { float: left; padding: 5px 10px 0 0; text-align: right; width: 35%; } #cform label.last { font-weight: bold; padding-left: 10px; text-align: left; } #cform input, textarea, select { border: 1px solid #a7a7a7; font-family: inherit; font-size: 1em; margin: 5px 0; padding: 1px 3px; } #cform input.submit { background-color: #FDFE9A; color: inherit; margin-top: 1em; padding: 3px; } #cform .errorMessage { background-color: inherit; color: red; font-weight: bold; font-size: 1.1em; } /* #footer ----------------------------------------- */ #footer { background-color: #e0daad; color: inherit; padding-bottom: 5px; margin:0 auto; text-align:center; width:817px; } #footer ul { font-size:.85em; margin-bottom: 5px; } #footer li { background:url(../images/footer_sep.gif) 0 50% no-repeat; display: inline; padding: 0 8px 0 12px; } #footer li.footfirst { background:none; padding-left:0; } #footer a { } #footer a:hover, .home #footer a.f-home, .expect #footer a.f-expect, .accommoodate #footer a.f-accommoodate, .features #footer a.f-features, .spa #footer a.f-spa, .specials #footer a.f-specials, .private #footer a.f-private, .fun #footer a.f-fun, .reservation #footer a.f-reservation, .directions #footer a.f-directions, .contact #footer a.f-contact { background-color:inherit; color: #9b9057; text-decoration:none; } #bottom { margin: 0 auto; width:817px; } .copyright { background-color:inherit; color: #b69654; float:left; font-size: .8em; padding-top: .75em; } .credits { background-color:inherit; color: #b69654; float:right; font-size: .8em; padding-top: .75em; } .credits a { background-color:inherit; color: #b69654; text-decoration:none; } /* images ----------------------------------------- */ img.greenborder { border: 1px solid #4f5018; padding: 1px; } img.bookonline { margin-bottom: 1em; padding-left: 15px; } img.picright { border: 1px solid #4f5018; float:right; margin-left: 15px; padding: 1px; } img.picleft { border: 1px solid #4f5018; float:left; margin-right: 15px; padding: 1px; } /* Self Cleared Floats ----------------------------------------- */ #header:after, #header .topWrap:after, #topNavArea:after, .topNav:after, #wrapper:after, #photoArea:after, #photoArea .section1:after, #photoArea .section2:after, #photoArea .section3:after, #content:after, #mainNav:after, #contentMain:after, #contentSub:after, #footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }