html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img,
object,
embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
/* Accessible focus treatment
people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;}
/* Make sure sup and sub don't screw with your line-heights
gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}
/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}
/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}
/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* Prevent Safari from distorting fonts for headings */
h1,h2,h3,h4{font-weight:normal;}
/* FONTS */
@font-face {
font-family: 'BebasNeueRegular';
src: url(../fonts/BebasNeue-webfont.eot);
src: url(../fonts/BebasNeue-webfont.eot?#iefix) format('embedded-opentype'),
url(../fonts/BebasNeue-webfont.woff) format('woff'),
url(../fonts/BebasNeue-webfont.ttf) format('truetype'),
url(../fonts/BebasNeue-webfont.svg#BebasNeueRegular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CartoGothicStdBook';
src: url(../fonts/CartoGothicStd-Book-webfont.eot);
src: url(../fonts/CartoGothicStd-Book-webfont.eot?#iefix) format('embedded-opentype'),
url(../fonts/CartoGothicStd-Book-webfont.woff) format('woff'),
url(../fonts/CartoGothicStd-Book-webfont.ttf) format('truetype'),
url(../fonts/CartoGothicStd-Book-webfont.svg#CartoGothicStdBook) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CartoGothicStdBold';
src: url(../fonts/CartoGothicStd-Bold-webfont.eot);
src: url(../fonts/CartoGothicStd-Bold-webfont.eot?#iefix) format('embedded-opentype'),
url(../fonts/CartoGothicStd-Bold-webfont.woff) format('woff'),
url(../fonts/CartoGothicStd-Bold-webfont.ttf) format('truetype'),
url(../fonts/CartoGothicStd-Bold-webfont.svg#CartoGothicStdBold) format('svg');
font-weight: normal; font-style: normal;
}
/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
/*body {background-image: url(../img/ltbg.jpg} */
body {background: url(../img/background.jpg);font-family: 'CartoGothicStdBook'; font-size:14px; color:#444; }
p{margin-top:10px}
a{color:#cb0446;text-decoration:none;}
a:hover{text-decoration:underline;}
h1{font-family: 'BebasNeueRegular'; color:#4e031c;font-size:24px;text-shadow: 1px 1px 1px #fff; word-spacing:4px;}
h2{font-family: 'CartoGothicStdBold'; color:#444;font-size:18px;}
h1.title{border-bottom:4px solid #fcc6db; padding-bottom:2px; margin-bottom:8px; margin-top:16px}
p.details{border-bottom:4px solid #fcc6db; padding-bottom:4px; margin-bottom:8px; margin-top:4px; color:#999; font-size:12px}
/* lists */
ul.bullets li{background: transparent url(../img/bullet.png) no-repeat scroll 0 2px; margin-left: 12px; padding-left:16px; line-height:1em; margin-bottom: 4px;}
ul.bullets{margin-bottom:8px; margin-top:4px}
/* LOGO */
#hahndorf-house{margin-top:8px; float:left; width: 426px;height:96px;margin-left:-7px;}
#hahndorf-house a{display:block;width: 426px;height:96px;background:url(../img/hahndorf-house-logo.png) 0 0 no-repeat;}
#hahndorf-house a span {float:left; cursor:pointer;width: 426px;height:96px;background: url(../img/hahndorf-house-logo.png) -2px -97px no-repeat;}
/* PHONE */
.phone{position:absolute;top:-60px;right:-10px; width:135px;height:30px;color:#edb713;font-size:20px;word-spacing:4px;font-family: 'BebasNeueRegular'; z-index:101;}
/* FACEBOOK */
.fb{position:absolute;top:-60px;right:2px; width:33px;height:32px; z-index:101;}
#fb a, a.fblink{display:block;width:32px;height:32px;background:url(../img/hahndorf-house-on-facebook.png) 0 0 no-repeat;}
#fb a span, a.fblink span {float:left; cursor:pointer;width: 32px;height:32px;background:url(../img/hahndorf-house-on-facebook.png) 0 -32px no-repeat;}
/* HEADER */
header {background: #240000 center url(../img/hahndorf-accomodation-bg.png) repeat-x; height: 302px }
.content {position:relative;margin-left:auto;margin-right:auto; width:1100px;display:block;}
/* MENU */
nav {font-family: 'BebasNeueRegular';font-size:24px;text-shadow: 2px 2px 8px #3E0000;width:100%;float:left;display:block;margin-top:6px; word-spacing:6px;}
#menu{list-style:none;list-style-type:none;display:block}
#menu li{float: left; margin-right:28px}
#menu li.last{margin-right:0; margin-left:5px}
#menu li a{text-decoration:none; color:#FFF;}
#menu li a.selected{color:#edb713;}
#menu li a:hover{color:#effd07;}
/* MAIN */
#shade{background: url(../img/shade-horizontal.png) repeat-x; height:12px; width:100%}
#shade-up{background: url(../img/shadow-horizontal-up.png) repeat-x; height:12px; margin-top:14px; width:100%}
/* BANNER */
#banner {float:left; width:1100px; height:340px; border:1px solid #dedede; background: #FFF no-repeat; margin-top:-172px;}
#slides {width:1100px; height:367px; background: url(../img/banner-shadow.png) no-repeat bottom center;}
/* container for slides */
.slide {background:#fff;position:relative;height:320px;width:1080px;margin:10px;float:left; }
/* single slide */
.slide div {display:none;position:absolute; top:0;left:0; height:314px;}
/* tabs (those little circles below slides) */
.slidetabs {clear:both; position:absolute;margin-top: -36px; margin-left:458px;}
/* single tab */
.slidetabs a {width:12px;height:14px;float:left;margin:3px; background:url(../img/banner_bullets.png) 0 0 no-repeat;display:block;font-size:1px;}
.slidetabs a.current {background-position:0 -14px;}
/* prev and next buttons */
.forward, .backward {position:absolute; margin-top:-197px;background-image: url(../img/banner_prev_next.png); display:none; width:43px; height:43px; cursor:pointer; font-size:1px; text-indent:-9999em;}
/* next */
.forward { background-position: -43px 0; margin-left:1032px;}
.forward:hover, .forward:active { background-position:-43px 43px; }
/* prev */
.backward {margin-left: 24px;}
.backward:hover, .backward:active {background-position:0 44px}
/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {visibility:hidden !important;}
/* BOOK NOW ribbon */
#book {float:right; width: 172px; height:83px; position:absolute; top:162px; left:926px;cursor:pointer;}
div#booknow{margin-top: 30px; margin-left:16px; width:172px; height:83px;display: block; background: transparent url(../img/book-now-ribbon.png) 0 0 no-repeat;}
div#booknow span{float:left;width: 172px; height:83px; background: url(../img/book-now-ribbon.png) 0 -85px no-repeat; }
/* 4 COLUMNS */
div.column{display:block; width:268px; float:left; margin-top:30px; margin-right:9px;}
div.column.column-2row{margin-top:18px;}
div.column.column-right{margin-right:0}
div.column h1{margin-left:6px}
div.column h2{font-family: 'CartoGothicStdBold'; color:#444;font-size:18px;}
div.column a.box-bg, div.feature-article {display:block; background: url(../img/box-feature.png) 0 0 no-repeat; width:268px; padding-top:1px;height:309px; text-decoration:none; }
div.column a.box-bg:hover, div.feature-article:hover {background: url(../img/box-feature.png) 0 -310px no-repeat; }
/* THUMB PIC */
.thumb {width: 248px; height:153px;margin:10px 10px 0 10px;}
div.thumb-pic{width: 248px; height:153px;display: block;background: url(../img/brook.jpg) 0 0 no-repeat;}
div.thumb-pic span{display: block;width: 248px; height:153px;background: url(../img/brook.jpg) 0 -153px no-repeat;}
div.thumb-pic.limo{width: 248px; height:153px;display: block;background: url(../img/hahndorf-accomodation-limousine-service.jpg) 0 0 no-repeat;}
div.thumb-pic.limo span{display: block;width: 248px; height:153px;background: url(../img/hahndorf-accomodation-limousine-service.jpg) 0 -153px no-repeat;}
div.thumb-pic.wedding{width: 248px; height:153px;display: block;background: url(../img/hahndorf-house-wedding-venue.jpg) 0 0 no-repeat;}
div.thumb-pic.wedding span{display: block;width: 248px; height:153px;background: url(../img/hahndorf-house-wedding-venue.jpg) 0 -153px no-repeat;}
div.thumb-pic.garden{width: 248px; height:153px;display: block;background: url(../img/hahndorf-house-garden.jpg) 0 0 no-repeat;}
div.thumb-pic.garden span{display: block;width: 248px; height:153px;background: url(../img/hahndorf-house-garden.jpg) 0 -153px no-repeat;}
div.thumb-pic.packages{width: 248px; height:153px;display: block;background: url(../img/hahndorf-house-packages.jpg) 0 0 no-repeat;}
div.thumb-pic.packages span{display: block;width: 248px; height:153px;background: url(../img/hahndorf-house-packages.jpg) 0 -153px no-repeat;}
div.thumb-pic.getaway{width: 248px; height:153px;display: block;background: url(../img/hahndorf-accommodation-package-hideaway.jpg) 0 0 no-repeat;}
div.thumb-pic.getaway span{display: block;width: 248px; height:153px;background: url(../img/hahndorf-accommodation-package-hideaway.jpg) 0 -153px no-repeat;}
div.thumb-pic.honeymoon{width: 248px; height:153px;display: block;background: url(../img/hahndorf-accommodation-package-honeymoon.jpg) 0 0 no-repeat;}
div.thumb-pic.honeymoon span{display: block;width: 248px; height:153px;background: url(../img/hahndorf-accommodation-package-honeymoon.jpg) 0 -153px no-repeat;}
div.thumb-pic.winery{width: 248px; height:153px;display: block;background: url(../img/hahndorf-accommodation-package-winery-tour.jpg) 0 0 no-repeat;}
div.thumb-pic.winery span{display: block;width: 248px; height:153px;background: url(../img/hahndorf-accommodation-package-winery-tour.jpg) 0 -153px no-repeat;}
div.thumb-pic.picnic{width: 248px; height:153px;display: block;background: url(../img/hahndorf-accommodation-package-picnic.jpg) 0 0 no-repeat;}
div.thumb-pic.picnic span{display: block;width: 248px; height:153px;background: url(../img/hahndorf-accommodation-package-picnic.jpg) 0 -153px no-repeat;}
div.thumb-pic.weddings{width: 248px; height:153px;display: block;background: url(../img/hahndorf-accommodation-package-garden-wedding.jpg) 0 0 no-repeat;}
div.thumb-pic.weddings span{display: block;width: 248px; height:153px;background: url(../img/hahndorf-accommodation-package-garden-wedding.jpg) 0 -153px no-repeat;}
div.thumb-pic.high-tea{width: 248px; height:153px;display: block;background: url(../img/hahndorf-accommodation-package-high-tea.jpg) 0 0 no-repeat;}
div.thumb-pic.high-tea span{display: block;width: 248px; height:153px;background: url(../img/hahndorf-accommodation-package-high-tea.jpg) 0 -153px no-repeat;}
div.thumb-pic.girls{width: 248px; height:153px;display: block;background: url(../img/hahndorf-accommodation-package-girl-party.jpg) 0 0 no-repeat;}
div.thumb-pic.girls span{display: block;width: 248px; height:153px;background: url(../img/hahndorf-accommodation-package-girl-party.jpg) 0 -153px no-repeat;}
div.thumb-pic.estate{width: 248px; height:153px;display: block;background: url(../img/hahndorf-accommodation-package-manage-estate.jpg) 0 0 no-repeat;}
div.thumb-pic.estate span{display: block;width: 248px; height:153px;background: url(../img/hahndorf-accommodation-package-manage-estate.jpg) 0 -153px no-repeat;}
div.thumb-pic.hh{width: 248px; height:153px;display: block;background: url(../img/Hahndorf-holiday-accomodation-hahndorf-house-welcome.jpg) 0 0 no-repeat;}
div.thumb-pic.hh span{display: block;width: 248px; height:153px;background: url(../img/Hahndorf-holiday-accomodation-hahndorf-house-welcome.jpg) 0 -153px no-repeat;}
div.thumb-pic.brook{width: 248px; height:153px;display: block;background: url(../img/Hahndorf-holiday-accomodation-brook-cottage-welcome.jpg) 0 0 no-repeat;}
div.thumb-pic.brook span{display: block;width: 248px; height:153px;background: url(../img/Hahndorf-holiday-accomodation-brook-cottage-welcome.jpg) 0 -153px no-repeat;}
div.thumb-pic.oak{width: 248px; height:153px;display: block;background: url(../img/Hahndorf-holiday-accomodation-oak-villa-welcome.jpg) 0 0 no-repeat;}
div.thumb-pic.oak span{display: block;width: 248px; height:153px;background: url(../img/Hahndorf-holiday-accomodation-oak-villa-welcome.jpg) 0 -153px no-repeat;}
div.thumb-shade{display: block;width: 248px; height:12px;background: url(../img/box-shade-down.png) 0 0 no-repeat; margin-left:10px}
div.column-shade{display: block;width: 258px; height:18px;background: url(../img/column-shade.png) 0 0 no-repeat}
div.thumb-desc{padding:5px 15px; color:#444}
/* Learn more > */
.learn-more{color:#cb0446;}
span.right-arrow{display:block;width:8px;height:11px;background: url(../img/right-arrow.png) 0 0 no-repeat; margin-left:92px; margin-top:-13px}
span.right-arrow2{display:block;width:8px;height:11px;background: url(../img/right-arrow.png) 0 0 no-repeat; margin-left:84px; margin-top:-13px; }
/* TESTIMONIALS SCROLLABLE */
div.box-testimonials{display:block;width:1100px;height:170px;background: url(../img/review-box.png) 0 0 no-repeat;}
div.box-testimonials:hover{display:block;width:1100px;height:170px;background: url(../img/review-box.png) 0 -170px no-repeat;}
/* root element for the scrollable. when scrolling occurs this element stays still.*/
.scrollable {position:absolute;overflow:hidden;width: 720px;height:160px;float:left;left:320px;}
/* root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set the width and height for the root element and
not for this element.*/
.scrollable .items {width:20000em;position:absolute;clear:both;}
.items div {float:left; width:720px;}
/* prev, next, prevPage and nextPage buttons */
a.browse {background:url(../img/review-next-prev-btn.png) no-repeat;display:block;width:34px;height:72px;
float:left; cursor:pointer; font-size:1px; margin-top:26px;}
/* left */
a.left{ margin-left: 14px;display:none; }
a.left:hover {background-position:0 -72px; }
/* right */
a.right { background-position: -34px 0; float:right; margin-right: 22px;display:none;}
a.right:hover{ background-position:-34px -72px; }
/* QUOTES */
div.active-quote{margin-top:26px;margin-left:20px;color:#cb0446; }
span.quote-start{background-image:url(../img/quote-start.png); background-repeat:no-repeat;width:19px;height:100px;display:block; float:left;margin-right:8px}
.guest{font-family: 'CartoGothicStdBold'; color:#111;font-size:18px;}
.guest span{font-family: 'CartoGothicStdBook'; color:#777;font-size:14px; margin-left:6px}
/* FOOTER */
footer {background: #000 url(../img/bg-black.jpg) top repeat-x; color:#aaa}
div.footer-column{width:255px; float:left; padding:0 10px;}
.footer-column h1{font-family: 'CartoGothicStdBold'; color:#FF6; font-size:18px; border-bottom:1px solid #FF6; text-shadow:none; padding-bottom:4px; margin-top:4px; margin-bottom: 8px }
.footer-column a, .footer-column a:hover{color:#aaa}
div.booklink1{margin:0; color:#FF0; cursor:pointer}
div.booklink1:hover{ text-decoration:underline}
/* BOOK NOW link*/
.booklink{color:#fe9bc2; font-size:12px; cursor:pointer; float:right; margin-top:-31px}
.booklink:hover, .enquire:hover{ text-decoration:underline}
.enquire{cursor:pointer;}
/* BOOK NOW OVERLAY FORM */
#form{display:none; background-image:url(../img/booking-overlay.png);
z-index:10000; width:659px; height:606px; padding:40px 50px 20px 20px; position:relative;}
#form .close {position:absolute;right:0px; top:0px; cursor:pointer; height:50px; width:65px; font-size: 500px; /* ie fix */ line-height:50px;/* ie fix */}
#form div#bookform{ margin: 0; width:650px;}
/* GALLERY */
#gallery {width:1090px; height:274px; border:1px solid #dedede; background-color:#FFF; margin-top:-172px;padding-top:10px;padding-left:10px; cursor:pointer}
.gallery-items {width:20000em; position:absolute;clear:both;}
#thumbnails {position:relative; overflow:hidden; float:left; width: 1080px; height:264px;}
#thumbnails .gallery-items div {padding-right:10px; float:left;}
/* next/prev buttons */
.navi { background-image:url(../img/banner_prev_next.png); width:43px; height:43px;float:left; position:absolute;display:none; top: 120px}
.next { background-position: -43px 0; margin-left:1022px }
.next:hover, .next:active { background-position:-43px 43px; }
.prev {margin-left: 14px;}
.prev:hover, .prev:active {background-position:0 44px}
.navi.disabled {visibility:hidden;}
/* GALLERY OVERLAY */
#box{display:none; background-image:url(../img/gallery-overlay.png);
z-index:10000; width:800px; height:600px; padding:38px 35px 20px 20px; position:absolute;}
/* overlay scrollable */
#images {
position:absolute;
overflow:hidden;
margin:0px;
width:800px;
height:600px;
}
/* single image */
#images .gallery-items div {
float:left;
width:800px;
height:600px;
margin-right:0px;
}
/* the tooltip */
#images .gallery-items .info {
float:none;
background:#000;
color:#fff;
font-size:16px;
margin-top:-100px;
height:100px;
display:none;
width:800px;
}
#images .gallery-items .info h3 {
color:#FF0;
margin-top:10px;
margin-left:80px
}
#images .gallery-items .info p{margin-left:80px;margin-right:80px}
#box .close {position:absolute;right:0px; top:0px; cursor:pointer; height:50px; width:65px;font-size: 500px; /* ie fix */ line-height:50px;/* ie fix */}
#box div.gallery-btn{ display:none; position:absolute; margin:0; background:url(../img/gallery-btns.png); width:73px;height:600px; cursor:pointer;top:38px;}
div.navi .next .gallery-btn { top:50px; left:355px; background-position:-73px 0 }
div.navi .prev .gallery-btn{top:55px; left:255px }
#gallery-shade{display:block;width:1100px;height:27px;background:url(../img/banner-shadow.png) no-repeat;clear:both}
/* PAGE TITLE */
div#title{ background:url(../img/social-btn-hover-bg.png) 736px 8px no-repeat;display:block; width:1100px; height:55px;margin-top:-20px; padding-top:20px}
div#title:hover{ background:url(../img/social-btn-bg.png) 736px 8px no-repeat;}
/* PAGE COLUMNS */
.column1{display:block; width:737px; float:left;margin-top:10px; }
.article1-box{display:block; width:737px; background:url(../img/box-shadow-right.png) right top no-repeat;}
.article1-content{display:block; width:703px; background-color:#FFF;border: 1px solid #d2d2d2; padding:10px; }
.column3{display:block; width:360px; float:right;margin-top:10px;}
.article3-box{display:block; width:360px; background:url(../img/box-shadow-right.png) right top no-repeat;}
.article3-content{display:block; width:326px; background-color:#FFF;border: 1px solid #d2d2d2; padding:10px;}
.column11{float:left;width:345px; padding-right:5px; }
.column12{float:right;width:345px; padding-left:5px;}
.col-wide{display:block; width:735px; background:url(../img/box-shadow-right.png) right top no-repeat; float:left}
.col-wide-content{display:block; width:720px; background-color:#FFF;border: 1px solid #d2d2d2; padding-top:10px }
.col-narrow{display:block; width:365px; background:url(../img/box-shadow-right.png) right top no-repeat; float:right}
.col-narrow-content{display:block; width:330px; background-color:#FFF;border: 1px solid #d2d2d2; padding:10px }
.page{display:block; width:1100px; background:url(../img/box-shadow-right.png) right top no-repeat;}
.page-content{display:block; width:1085px; background-color:#FFF;border: 1px solid #d2d2d2; padding-top:10px }
.page-col-third{float:left; width:328px; margin-left:10px; padding:10px;}
.minus{margin-top:-20px}
.col-third{display:block; width:710px; float:left;}
div.col-third h1{margin-left:10px}
.col1{display:block; width:345px; float:left; padding-left:10px}
/* RATES table */
#rates{margin-bottom:12px; margin-top:8px}
#rates td{border-bottom: 1px solid #fcbed1;border-top: 1px solid #fcbed1; text-align:center; padding: 3px 7px 2px 7px;color:#cb0446;}
.price{font-family: 'CartoGothicStdBold'; font-size:15px;color:#cb0446;}
.highlight{ background-color:#fceff3}
/* POLICIES table */
#policies{margin-bottom:12px; margin-top:8px; margin-left:10px; text-align:left}
#policies td{border-bottom: 1px solid #fcbed1;border-top: 1px solid #fcbed1; width:150px; padding: 3px 7px 2px 7px;}
.policy{font-family: 'CartoGothicStdBold'; color:#444;font-size:17px}
#policies td.policy{padding-left:20px}
/* MAP OVERLAY pop up */
#map{display:none; background-image:url(../img/booking-overlay.png);
z-index:10000; width:659px; height:606px; padding:40px 50px 20px 20px; position:relative;}
#map .close {position:absolute;right:0px; top:0px; cursor:pointer; height:50px; width:65px;font-size: 500px; /* ie fix */ line-height:50px;/* ie fix */}
#map div#google-map{width:670px; height:500px; margin-top:20px}
/* ATTRACTIONS SCROLLABLE */
div.box-testimonials{display:block;width:1100px;height:170px;background: url(../img/review-box.png) 0 0 no-repeat;}
div.box-testimonials:hover{display:block;width:1100px;height:170px;background: url(../img/review-box.png) 0 -170px no-repeat;}
/* root element for the scrollable. when scrolling occurs this element stays still.*/
.attractionsscrollable {position:absolute;overflow:hidden;width: 640px;height:175px; left:40px;float:left;}
/* root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set the width and height for the root element and
not for this element.*/
.attractionsscrollable .items {width:20000em;position:absolute;clear:both;}
.attract {float:left; width:640px; height:175px; margin:0;}
.attract h2{margin-top:10px;color:#cb0446;}
.attract p{width:640px; color:#cb0446;}
.attract a{ text-decoration:underline; }
.attract ul a{ margin-left:20px}
/* prev, next, prevPage and nextPage buttons */
a.attraction-btn-left, a.attraction-btn-right {background:url(../img/attraction-btns.png) no-repeat;display:block;width:30px;height:175px; cursor:pointer; margin:0; padding:0;}
/* left */
a.attraction-btn-left{float:left}
a.attraction-btn-left:hover {background-position:0 -175px; }
/* right */
a.attraction-btn-right { background-position: -30px 0; float:right; }
a.attraction-btn-right:hover{ background-position:-30px -174px; }
/* PROPERTY PLAN */
div#property{width:648px; height:349px;display: block; background: url(../img/hahndorf-property-plan.png) 0 0 no-repeat; margin-left:38px}
div#property span{float:left;width:648px; height:349px; background: url(../img/hahndorf-property-plan.png) 0 -349px no-repeat; }
/* TIME LINE */
div.timeline{margin-left:10px; width:700px;background: url(../img/pink-bg.png) 345px 0 repeat-y;}
div.time-left{display:block; float:left; width:480px; border-top: 3px solid #fcc6db; padding: 6px 0; margin-top:10px}
div.time-right{display:block; float:right; width:480px; border-top: 3px solid #fcc6db; padding: 6px 0; margin-top:10px}
div.timeline h2{color:#cb0446; font-size:40px}
div.timeline P{margin-top:6px}
div.timeline-bubble{float:left; display:block; width:314px; height:124px; background: url(../img/timeline-event-up.png) 0 0 no-repeat; margin-right:31px; padding:10px}
div.timeline-bubble-down{float:left; display:block; width:314px; height:129px; background: url(../img/timeline-event-down.png) 0 0 no-repeat; margin-left:182px; margin-right:31px; margin-top:-13px; padding:10px}
.timeline-bubble h2, .timeline-bubble-down h2{color:#cb0446; margin-top:0}
.timeline-bubble p, .timeline-bubble-down p{color:#cb0446; margin-top:5px}