/* Main style sheet for Ellerman House & Villa *? /* designed by www.WebCentric.co.za for Traffic Integrated Marketing*/ body { background: url('../images/layout/body.gif') top center no-repeat; font-family: Arial, Helvetica, sans-serif; } #container { width: 986px; margin: 0 auto; height: 200px; } /* =Header & Sub Header ----------------------------------------------- */ #header { height: 176px; position: relative; } #header h1 a { display: block; text-indent: -5000px; width: 705px; height: 75px; top: 21px; left: 133px; position: absolute; } .explore-villa { position: absolute; right: 25px; top: 103px; } .explore-villa li a { background: url('../images/layout/explore_ellerman_villa.gif') no-repeat; width: 174px; height: 42px; text-indent: -5000px; display: block; } .explore-villa li a:hover { background: url('../images/layout/explore_ellerman_villa.gif') no-repeat; width: 174px; height: 42px; text-indent: -5000px; display: block; background-position: 0 -84px; } .explore-house { position: absolute; left: 15px; top: 103px; } .explore-house li a { background: url('../images/layout/explore_ellerman_house.gif') no-repeat; width: 182px; height: 42px; text-indent: -5000px; display: block; } .explore-house li a:hover { background: url('../images/layout/explore_ellerman_house.gif') no-repeat; width: 182px; height: 42px; text-indent: -5000px; display: block; background-position: 0 -84px; } #header a.reservation { background: url('../images/layout/make_a_reservation.gif') no-repeat; display: block; text-indent: -5000px; width: 131px; height: 42px; position: absolute; left: 424px; top: 103px; } #header a.reservation:hover { background: url('../images/layout/make_a_reservation.gif') no-repeat; display: block; text-indent: -5000px; width: 131px; height: 42px; position: absolute; left: 424px; top: 103px; background-position: 0 -84px; } /* sub header */ #fade { width: 960px; margin: 0 auto; height: 300px; } code.mix { display: none; } /* =Content ----------------------------------------------- */ #content { width: 968px; padding-left: 0px; margin: 0 auto; color: #333;} .narrow-content { width: 314px; padding-right: 30px; margin-right: 10px; float: left; background: url('../images/layout/narrow_content.gif') right no-repeat; margin-bottom: 40px; } /*.narrow-content { width: 314px; padding-right: 38px; float: left; background: url('../images/layout/narrow_content.gif') right no-repeat; margin-bottom: 40px; }*/ .narrow-content.interior { background: none; margin-bottom: 0;} .narrow-content.interior fieldset { margin-top: 0; } .narrow-content .indent { padding-left: 5px; } .narrow-content h2 { font: 24px "Times New Roman", Times, serif; margin-bottom: 15px; } /*.narrow-content p { font-size: 11px; margin-bottom: 15px; line-height: 1.4; }*/ .narrow-content p { font-size: 11px; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom: 15px; line-height: 1.4; } .narrow-content fieldset { padding: 25px 20px; margin-top: 40px; border: 1px solid #c39a9b; position: relative; } .narrow-content fieldset h3 { background: url('../images/layout/reservations2.gif') no-repeat; font: 17px "Times New Roman", Times, serif; color: #fff; margin: -33px 0 15px 0; width: 175px; height: 20px; text-indent: 10px; position: relative; } .narrow-content fieldset label { width: 45px; display: block; float: left; font-size: 11px; padding-top: 4px; } .narrow-content fieldset label.contact { width: 55px; display: block; float: left; font-size: 11px; padding-top: 4px; } .narrow-content fieldset label.custom { float: none; display: inline; margin-right: 6px; } .narrow-content fieldset li { margin-bottom: 5px; } .narrow-content fieldset li.last-item { margin-top: 20px; position: relative; } .narrow-content fieldset li.last-item p { width: 178px; padding-right: 22px; display: block; border-right: 1px solid #8c3d40; margin: 0; } .narrow-content fieldset li.last-item .input-button, .wide-content fieldset .input-button { background: url('../images/layout/next_button.gif') no-repeat; width: 44px; height: 28px; cursor: pointer; border: none; position: absolute; right: 10px; bottom: 0; } .narrow-content fieldset li.link a {font-size: 11px; font-family:Georgia, "Times New Roman", Times, serif; text-decoration: underline; color:#000000;} .narrow-content fieldset li.link {font-size: 11px; font-family:Georgia, "Times New Roman", Times, serif; color:#000000;} .narrow-content fieldset select.day, .narrow-content select.adults, .narrow-content select.children { width: 40px; } .narrow-content fieldset select.date { width: 80px; } .narrow-content fieldset select.year { width: 55px; } .newsletterbtn { background: url('../images/layout/next_button.gif') no-repeat; width: 44px; height: 28px; cursor: pointer; border: none;} .narrow-content2 { width: 314px; padding-right: 8px; float: left; background: url('../images/layout/narrow_content.gif') right no-repeat; margin-bottom: 40px; } .narrow-content2.interior { background: none; margin-bottom: 0;} .narrow-content2.interior fieldset { margin-top: 0; } .narrow-content2 .indent { padding-left: 5px; } .narrow-content2 h2 { font: 24px "Times New Roman", Times, serif; margin-bottom: 15px; } /*.narrow-content2 p { font-size: 11px; margin-bottom: 15px; line-height: 1.4; }*/ .narrow-content2 p { font-size: 11px; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom: 15px; line-height: 1.4; } .narrow-content2 fieldset { padding: 25px 20px; margin-top: 40px; border: 1px solid #c39a9b; position: relative; } .narrow-content2 fieldset h3 { background: url('../images/layout/reservations2.gif') no-repeat; font: 17px "Times New Roman", Times, serif; color: #fff; margin: -33px 0 15px 0; width: 175px; height: 20px; text-indent: 10px; position: relative; } .narrow-content2 fieldset label { width: 45px; display: block; float: left; font-size: 11px; padding-top: 4px; } .narrow-content2 fieldset label.contact { width: 55px; display: block; float: left; font-size: 11px; padding-top: 4px; } .narrow-content2 fieldset label.custom { float: none; display: inline; margin-right: 6px; } .narrow-content2 fieldset li { margin-bottom: 5px; } .narrow-content2 fieldset li.last-item { margin-top: 20px; position: relative; } .narrow-content2 fieldset li.last-item p { width: 178px; padding-right: 22px; display: block; border-right: 1px solid #8c3d40; margin: 0; } .narrow-content2 fieldset li.last-item .input-button, .wide-content fieldset .input-button { background: url('../images/layout/next_button.gif') no-repeat; width: 44px; height: 28px; cursor: pointer; border: none; position: absolute; right: 10px; bottom: 0; } .narrow-content2 fieldset li.link a {font-size: 11px; font-family:Georgia, "Times New Roman", Times, serif; text-decoration: underline; color:#000000;} .narrow-content2 fieldset li.link {font-size: 11px; font-family:Georgia, "Times New Roman", Times, serif; color:#000000;} .narrow-content2 fieldset select.day, .narrow-content2 select.adults, .narrow-content2 select.children { width: 40px; } .narrow-content2 fieldset select.date { width: 80px; } .narrow-content2 fieldset select.year { width: 55px; } #meta{margin-top:30px;margin-left:150px;text-align:left;} #meta p{padding-bottom:10px;} /* .narrow-content fieldset { padding: 25px 20px; margin-top: 40px; border: 1px solid #c39a9b; position: relative; } */ .wide-content { width: 576px; float: left; color: #8c3d40; } .wide-content h3 { font: 19px "Times New Roman", Times, serif; margin-bottom: 15px; } .wide-content #navigation { width: 555px; padding-left: 21px; height: 200px; background: url('../images/layout/navigation_1.gif') no-repeat; margin-bottom: 30px; } .wide-content #navigation li { display: inline; } .wide-content #navigation li a { display: block; width: 122px; float: left; margin-right: 16px; text-align: center; font-size: 10px; color: #8c3d40; text-decoration: none; } .wide-content #navigation li a img { display: block; width: 100px; margin: 0 auto 2px auto; padding: 3px; } .wide-content #navigation li.last-item a { margin-right: 0; } .wide-content #navigation li a:hover { text-decoration: underline; } .wide-content #navigation li a:hover img { padding: 2px; border: 1px solid #c59e9f; background-color: #FFFFFF; } .wide-content2 { width: 576px; float: left; color: #8c3d40; } .wide-content2 h3 { font: 19px "Times New Roman", Times, serif; margin-bottom: 15px; } .wide-content2 #navigation { width: 555px; padding-left: 21px; height: 200px; background: url('../images/layout/navigation_1.gif') no-repeat; margin-bottom: 30px; } .wide-content2 #navigation li { display: inline; } .wide-content2 #navigation li a { display: block; width: 122px; float: left; margin-right: 16px; text-align: center; font-size: 10px; color: #8c3d40; text-decoration: none; } .wide-content2 #navigation li a img { display: block; width: 100px; margin: 0 auto 2px auto; padding: 3px; } .wide-content2 #navigation li.last-item a { margin-right: 0; } .wide-content2 #navigation li a:hover { text-decoration: underline; } .wide-content2 #navigation li a:hover img { padding: 2px; border: 1px solid #c59e9f; background-color: #FFFFFF; } .wide-content #house-info { padding-top: 45px; } .wide-content #house-info ul { margin: 0 0 12px 15px; } .wide-content #house-info ul li { width: 355px; float: left; margin: 0 20px 0 0; } .wide-content #house-info ul li.last-item { width: 165px; margin: 0; float: left;} /*.wide-content #house-info p { font-size: 11px; color: #8c3d40; line-height: 1.4; margin-left: 15px; margin-bottom: 30px; }*/ .wide-content #house-info p { font-size: 11px; color: #000000; font-family:Georgia, "Times New Roman", Times, serif; line-height: 1.4; margin-left: 15px; margin-bottom: 30px; } .wide-content fieldset { padding: 25px 20px; margin-top: 40px; border: 1px solid #c39a9b; position: relative; } .newsletterFS { padding: 25px 20px; margin-top: 40px; border: 1px solid #c39a9b; position: relative; width:380px} .wide-content fieldset h3 { background: url('../images/layout/reservations3.gif') no-repeat; font: 17px "Times New Roman", Times, serif; color: #fff; margin: -33px 0 15px 0; width: 255px; height: 20px; text-indent: 10px; position: relative; } .wide-content fieldset ul li { float: left; margin-right: 15px; } .wide-content fieldset label { font-size: 11px; text-indent: 4px; display: block; margin-bottom: 3px; } .wide-content fieldset .input-text { background: url('../images/layout/input_text_bg.gif') top repeat-x; border: 2px solid #8c3d40; width: 110px; padding: 2px; font-size: 11px; } .wide-content fieldset .input-button { position: absolute; right: 30px; bottom: 0;} #photo { clear: both; width: 950px; margin: 20px auto 20px auto; } #photo-gallery { background: url('../images/layout/photo_gallery.png') bottom left no-repeat; width: 950px; height: 351px;color: #8c3d42; float: left; margin-bottom: 30px; } #photo-gallery.art { background:none; width: 950px; height: 351px;color: #8c3d42; float: left; margin-bottom: -20px; } #photo-gallery.large { margin-bottom: 1px; height: auto; } #photo-gallery h2 { font: 24px Georgia, "Times New Roman", Times, serif; margin-bottom: 15px; } #photo-gallery h3 { font: 18px Georgia, "Times New Roman", Times, serif; margin-bottom: 15px; color: #8b3f41; } #photo-gallery h3 span { font: 11px Arial, Helvetica, sans-serif; } /*#photo-gallery p { font-size: 11px; margin-bottom: 15px; }*/ #photo-gallery p { font: 11px Georgia, "Times New Roman", Times, serif; margin-bottom: 15px; color: #000000; } #photo-gallery a { color: #8c3d40; } #photo-gallery #navigation ul.thumbs li { display: inline; } #photo-gallery #navigation ul.thumbs li a { display: block; float: left; width: 43px; height: 43px; margin: 0 14px 14px 0; } #photo-gallery #navigation ul.thumbs li.last-row-item a { margin-right: 0; } #photo-gallery #gallery { width: 578px; float:left; overflow:hidden; } #photo-gallery2 { background: url('../images/layout/photo_gallery.png') bottom left no-repeat; width: 950px; color: #8c3d42; float: left; margin-bottom: 30px; } #photo-gallery2.art { background:none; width: 950px; height: 351px;color: #8c3d42; float: left; margin-bottom: -20px; } #photo-gallery2.large { margin-bottom: 1px; height: auto; } #photo-gallery2 h2 { font: 24px Georgia, "Times New Roman", Times, serif; margin-bottom: 15px; } #photo-gallery2 h3 { font: 18px Georgia, "Times New Roman", Times, serif; margin-bottom: 15px; color: #8b3f41; } #photo-gallery2 h3 span { font: 11px Arial, Helvetica, sans-serif; } /*#photo-gallery2 p { font-size: 11px; margin-bottom: 15px; }*/ #photo-gallery2 p { font: 11px Georgia, "Times New Roman", Times, serif; margin-bottom: 15px; color: #000000; } #photo-gallery2 a { color: #8c3d40; } #photo-gallery2 #navigation ul.thumbs li { display: inline; } #photo-gallery2 #navigation ul.thumbs li a { display: block; float: left; width: 43px; height: 43px; margin: 0 14px 14px 0; } #photo-gallery2 #navigation ul.thumbs li.last-row-item a { margin-right: 0; } #photo-gallery2 #gallery { width: 538px; float:left; overflow:hidden; } #left-col-wrapper { width: 315px; float: left; padding: 12px 20px 20px 20px; margin-right: 0px; } #left-col-wrapper.art { background: url('../images/layout/photo_gallery.png') bottom left no-repeat; width: 315px; float: left; padding: 12px 20px 20px 20px; margin-right: 7px; } #left-col-wrapper2 { width: 300px; float: left; padding: 12px 20px 20px 20px; margin-right: 0; } #left-col-wrapper2.art { background: url('../images/layout/photo_gallery.png') bottom left no-repeat; width: 300px; float: left; padding: 12px 20px 20px 20px; margin-right: 7px; } #left-col-wrapper3 { width: 315px; float: left; padding: 12px 10px 20px 10px; margin-right: 0px; } #left-col-wrapper3.art { background: url('../images/layout/photo_gallery.png') bottom left no-repeat; width: 315px; float: left; padding: 12px 20px 20px 20px; margin-right: 7px; } #contactCopy {width: 550px; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; line-height: 1.4 margin-bottom: 15px; color: #000000; padding-top: 30px; } /* jQuery specific overlay styles */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /* =Footer ----------------------------------------------- */ #footer { background: url('../images/layout/footer.gif') no-repeat; width: 986px; height: 130px; margin: 0 auto 25px auto; padding-top: 48px; clear: both; color: #333; position: relative;} #footer p img { vertical-align: middle; margin: 0 1px 0 20px; } #footer p { font-size: 12px; } #footer ul { position: absolute; right: 35px; top: 28px; } #footer ul li { float: left; padding: 0 22px; border-right: 1px solid #8c3d40; } #footer ul li.item-3 { border: none; padding-right: 0; } #footer ul li a { display: block; float: left; text-indent: -5000px; height: 62px; } #footer ul li.item-1 a { background: url('../images/layout/tgc_logo.gif') no-repeat; width: 137px; } #footer ul li.item-2 a { background: url('../images/layout/rc_logo.gif') no-repeat; width: 58px; } #footer ul li.item-3 a { background: url('../images/layout/virtuoso_logo.gif') no-repeat; width: 111px; } #footer ul li.item-4 a { background: url('../images/layout/tripadvisor_logo.gif') no-repeat; width: 162px; }