/* --------------------------------------------- */ /* Guiting Guest House */ /* Build start date: 21/05/2009 */ /* --------------------------------------------- */ /* --------------------------------------------- */ /* KEY */ /* --------------------------------------------- */ /* 1. General Setup */ /* 2. SkipLinks */ /* 3. Typography */ /* 4. Wrapper */ /* 5. Navigation */ /* 6. Footer */ /* --------------------------------------------- */ /* --------------------------------------------- */ /* 1. General Setup */ body { font: 100% arial, 'lucida grande',georgia, arial,helvetica,sans-serif; background: #f5f2e8 url(/a/img/global/bg.gif) repeat-x 0 0; padding: 0; margin: 0; color: #404040; } .offScreen { position: absolute; left: -5000px; } .clear { clear: both; } /* --------------------------------------------- */ /* 2. Skip Links */ #skipLinks, #styleSheetSwitcher { padding: 0; position: absolute; right: 0px; top: -500em; /* This needs a width, height and overflow hidden to stop IE5 MAC from doing horizontal scroll */ } #skipLinks a:active, #skipLinks a:focus { position: absolute; top: 500.25em; right: 0.25em; z-index: 5; white-space: nowrap; color: #000; background: #FFF; border: 2px solid red; padding: 3px; } h1 { font-size: 1.666em; margin: 10px 0 0 0; } /* --------------------------------------------- */ /* 4. Wrapper */ #headerInner { text-align: left; font-size: 0.75em; width: 840px; margin: 0 auto; position: relative;} .wrapper { text-align: left; font-size: 0.75em; width: 840px; margin: 25px auto 0 auto; } #header { position: relative; background: #d6dece; border-bottom: 1px solid #c0c0c0; } #header #brand { padding-top: 10px; padding-bottom: 40px;} #header #brand img { border: 0; } #header #contactInformation { position: absolute; right: 0; top: 0; width: 235px; background: #FFF url(/a/img/global/contactBtmCurve.gif) no-repeat 0 100%; } #header #contactInformation ul { margin: 0; padding: 5px; list-style-type: none; } #header #contactInformation ul li a { color: #3a3a3a; } #navOuter { border: 1px solid #BEBCA8; position: relative; margin-top: 60px; margin-bottom: 30px; } #navOuter #buildings { background: url(/a/img/global/villageBuildings.gif) no-repeat 0 0; width: 409px; height: 43px; position: absolute; top: -44px; } #navInner { border-left: 1px solid #FFF } #nav { background: #CCCAB8 url(/a/img/global/nav/navRepeater.gif) repeat-x 0 0; } #nav ul { list-style-type: none; margin: 0; padding: 8px 0; overflow: hidden; width: 100%; } #nav ul li { margin:0; padding:0; position:relative; width:90px; overflow:hidden; height: 22px; float: left; } #nav ul li a { height: 22px; width: 88px; display: block; } #nav ul li a span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 80px; height: 22px; margin: 0; padding: 0; } /* Home */ #nav ul li.home a { background: url(/a/img/global/nav/home.gif) no-repeat 0 100%; } #nav ul li.home a:hover, #nav ul li.home a:hover span { background: url(/a/img/global/nav/home.gif) no-repeat 0 0; } #nav ul li.home a span { background: url(/a/img/global/nav/home.gif) no-repeat 0 100%; } #nav ul li.guestHouse a { background: url(/a/img/global/nav/guestHouse.gif) no-repeat 0 100%; } #nav ul li.guestHouse a:hover, #nav ul li.guestHouse a:hover span { background: url(/a/img/global/nav/guestHouse.gif) no-repeat 0 0; } #nav ul li.guestHouse a span { background: url(/a/img/global/nav/guestHouse.gif) no-repeat 0 100%; } #nav ul li.cottage a { background: url(/a/img/global/nav/cottage.gif) no-repeat 0 100%; } #nav ul li.cottage a:hover, #nav ul li.cottage a:hover span { background: url(/a/img/global/nav/cottage.gif) no-repeat 0 0; } #nav ul li.cottage a span { background: url(/a/img/global/nav/cottage.gif) no-repeat 0 100%; } #nav ul li.enFrance a { background: url(/a/img/global/nav/enFrance.gif) no-repeat 0 100%; } #nav ul li.enFrance a:hover, #nav ul li.enFrance a:hover span { background: url(/a/img/global/nav/enFrance.gif) no-repeat 0 0; } #nav ul li.enFrance a span { background: url(/a/img/global/nav/enFrance.gif) no-repeat 0 100%; } #nav ul li.theVillage a { background: url(/a/img/global/nav/theVillage.gif) no-repeat 0 100%; } #nav ul li.theVillage a:hover, #nav ul li.theVillage a:hover span { background: url(/a/img/global/nav/theVillage.gif) no-repeat 0 0; } #nav ul li.theVillage a span { background: url(/a/img/global/nav/theVillage.gif) no-repeat 0 100%; } #nav ul li.bookings a { background: url(/a/img/global/nav/bookings.gif) no-repeat 0 100%; } #nav ul li.bookings a:hover, #nav ul li.bookings a:hover span { background: url(/a/img/global/nav/bookings.gif) no-repeat 0 0; } #nav ul li.bookings a span { background: url(/a/img/global/nav/bookings.gif) no-repeat 0 100%; } #nav ul li.contactUs a { background: url(/a/img/global/nav/contactUs.gif) no-repeat 0 100%; } #nav ul li.contactUs a:hover, #nav ul li.contactUs a:hover span { background: url(/a/img/global/nav/contactUs.gif) no-repeat 0 0; } #nav ul li.contactUs a span { background: url(/a/img/global/nav/contactUs.gif) no-repeat 0 100%; } #nav ul li.placesOfInterest { width: 123px; } #nav ul li.placesOfInterest a { background: url(/a/img/global/nav/placesOfInterest.gif) no-repeat 0 100%; width: 123px; } #nav ul li.placesOfInterest a:hover, #nav ul li.placesOfInterest a:hover span { background: url(/a/img/global/nav/placesOfInterest.gif) no-repeat 0 0; } #nav ul li.placesOfInterest a span { background: url(/a/img/global/nav/placesOfInterest.gif) no-repeat 0 100%; width: 123px; } #nav ul li.active a { background-position: 0 0; } #nav ul li.active a span { background-position: 0 0; } .page { line-height: 1.75em; width: 583px; background: #f5f2e8 url(/a/img/global/page/pageRepeater.gif) repeat-y 0 0; position: relative; float: left; margin-bottom: 20px; } .page .inner { padding: 0px 25px; min-height: 300px; height: auto !important; height: 300px; } .page .inner p { line-height: 1.5em; } .page .inner p.intro { width: 410px; } .page #branch { background: url(/a/img/global/branch.jpg) no-repeat 0 0; width: 102px; height: 161px; position: absolute; top: 5px; right: 20px; } .page #pageTopCurve { background: #f5f2e8 url(/a/img/global/page/pageTopCurve.gif) no-repeat 0 0; height: 15px; } .page #pageBtmCurve { background: #f5f2e8 url(/a/img/global/page/pageBtmCurve.gif) no-repeat 0 0; height: 15px; } .side { float: right; margin-top: 5px; margin-bottom: 25px;} #slideshow { width: 246px; height: 195px; overflow: hidden; margin-bottom: 5px;} #slideshowControls { font-size: 0.833em; width: 236px; margin: 0 auto 10px auto; text-align: center; overflow: hidden; } a#prev, a#next { float: left; margin-right: 5px; text-decoration: none; color: #333; background: #eae6d9; display: block; padding:1px 15px; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; } a#prev:hover, a#next:hover { background: #e0dccf; } .shoeBox { width: 246px; } .shoeBoxTopSlice { background: url(/a/img/common/shoebox/shoeboxTopSlice.gif) no-repeat 0 0; height: 10px; } .shoeBoxInner { background: url(/a/img/common/shoebox/repeater.gif) repeat-y 0 0; padding: 5px 15px; overflow: hidden; } .shoeBoxBottomSlice { background: url(/a/img/common/shoebox/shoeboxBottomSlice.gif) no-repeat 0 0; height: 10px; } .aalogo { margin: 0 auto; display: block; margin-top: 10px; margin-bottom: 5px; } .fourStarRec { font-weight: bold; line-height: 1.4em; color: #3A3A3A;} #footer { clear: both; background: #788d8e; padding: 20px 0; overflow: hidden; font-size: 0.75em; min-height: 200px; height: auto !important; height: 200px; color: #FFF; } #footer .innerWrapper { text-align: left; width: 840px; margin: 0 auto; overflow: hidden; } #footer #side { color: #fff; } #footer .footerPage { width: 583px; float: left; color: #FFF; } #footer .footerSide { float: right; margin-top: 5px; margin-bottom: 25px;} #footer h2 { margin: 0 0 -10px 0; } form.basicForm { } form.basicForm fieldset { border: 0; margin: 0; padding: 0; } form.basicForm fieldset legend { display: none; } form.basicForm fieldset .row { display: block; padding: 2px 0; clear: none !important; clear: left; padding: 10px 5px;} form.basicForm.footer fieldset .row.stub { float: left; } /* form.basicForm fieldset .row:hover { background: #f5f5ef; }*/ form.basicForm fieldset .row .label { display: block; padding-top: 0.4em; float: left; font-weight: bold; width: 200px; padding-right: 20px; } form.basicForm.footer fieldset .row .label { width: 75px; } form.basicForm fieldset .row .field input { padding: 2px; width: 196px; } form.basicForm.footer fieldset .row .field input { padding: 2px; width: 125px; } form.basicForm fieldset .row .field textarea { height: 75px; padding: 2px; width: 200px; } form.basicForm.footer fieldset .row .field textarea { height: 75px; padding: 2px; width: 275px; } /* form.basicForm fieldset.submit { margin: 0; } form.basicForm fieldset .row.stub { border: 1px solid #ff0000; width: 100px; } form.basicForm fieldset.submit .row { text-align: right; } form.basicForm fieldset .row .label.block { float: none; width: auto; } form.basicForm fieldset .row .field { display: block; margin: 0 0 0 80px; position: relative;} form.basicForm fieldset .row .field input.url { background: #FFF url(/a/img/profile/http.gif) no-repeat 5px 50%; padding-left: 40px; width: 195px;} form.basicForm fieldset .row input.submit { float: right; width: auto; } form.basicForm .send { width: 360px; text-align: right; } form.basicForm .send #sendButton { float: right; } form.basicForm acronym { cursor: help; border: 0; color: #f57b20; } */ #map { border: 4px solid #d4d4d4; height: 300px;} h2 { border-bottom: 1px solid #e2e2e2; padding-bottom: 5px; margin-top: 30px;} h2 a { text-decoration: none; color: #404040; } h2 a:hover { text-decoration: underline; } img.left { float: left; margin-right: 10px; } img.right { float: right; margin-left: 10px; } a.availBook { background: url(/a/img/common/availability.gif) no-repeat 0 0; width: 201px; height: 29px; display: block; } a.viewRooms { background: url(/a/img/common/viewRooms.gif) no-repeat 0 0; width: 151px; height: 29px; display: block; } #newNav { overflow: hidden; position: absolute; bottom: -1px; } #newNav ul { list-style-type: none; margin: 0; padding: 0; } #newNav ul li { display: inline; float: left; margin: 0 5px; } #newNav ul li a { text-decoration: none; color: #6a6a6a; font-weight: bold; display: block; padding: 7px 12px; } #newNav ul li.active a { padding: 6px 11px 8px 11px; text-decoration: none; color: #1a1a1a; font-weight: bold; display: block; background: #f5f2e8; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0;} #newNav ul li.active a:hover { padding: 6px 11px 8px 11px; text-decoration: none; color: #1a1a1a; font-weight: bold; display: block; background: #f5f2e8; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0;} #newNav ul li a:hover { padding: 6px 11px 8px 11px; text-decoration: none; color: #1a1a1a; font-weight: bold; display: block; background: #f5f2e8; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0;}