/* Global Styes Liberty Hill */ @import url("http://www.unboxedstudios.com/clients/overide/lh_overide.css"); body {background:#fff url(http://libertyhillgreathouse.com/images/bg-wings-2.gif) no-repeat top center; min-height: 787px; font: 15px Helvetica, sans-serif; color: #666633; padding: 0px; margin: 0px;} #site_container {width: 1002px; margin: 0 auto; overflow: visible;} #site_container #main_container {width: 1002px; margin-left: 12px; line-height: 18px;} @media screen and (-webkit-min-device-pixel-ratio:0) {#site_container #main_container {margin-left: 13px;}} .left {float: left;} .right {float: right;} .center {text-align: center; margin: auto;} .clear {clear: both;} .hidden {display: none;} .upper {text-transform: uppercase;} .cursor {cursor: pointer;} img {border: none;} img.vert {vertical-align: bottom;} a, a:link, a:active {text-decoration: underline; color: #88b592;} a:visited {color: #6f8473;} #site_container #main_container #main_content h1, #site_container #content_right, #site_container #main_container #header #header_right {font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;} #site_container .thumb {border: 1px solid #eaeaea; padding: 5px; background: #fff;} #site_container .txt_wrapper {float: left; width: 150px;} #site_container .btn_tout {background: url(http://libertyhillgreathouse.com/images/touts/btn-tout-bg.gif) no-repeat; width: 151px; height: 20px; padding: 3px 0 0 7px; font-size: 12px; font-style: italic; color: #fff; text-transform: uppercase;} #site_container .btn_tout a {color: #fff; text-decoration: none; display: block;} #site_container .btn_tout:hover {background: url(http://libertyhillgreathouse.com/images/touts/btn-tout-bg-over.gif) no-repeat;} #site_container .body_img {float: left; margin: 0 10px 10px 0;} /**** HEADER ****/ #site_container #main_container #header {margin: 0px;} #site_container #main_container #header #logo {margin-left: 23px;} #site_container #main_container #header #header_right {color: #b8aa81; margin: 9px 23px 0 0;} #site_container #main_container #header #header_ss {clear: both; height: 267px;} /**** NAV ****/ #site_container #main_container #nav {clear: both; background: #9AB5A0; width: 100%; height: 46px; margin: 0px; padding: 0px; position: relative;} #site_container #main_container #nav .btn_nav {float: left; margin: 0px;} /**Dropdown Menu**/ .anylinkcss {position: absolute; top: 0px!important; left: 0px!important; visibility: hidden; z-index: 5; width: 150px; margin: 46px 0 0; color: #9ab5a0; background: #fff; text-align: left; font: 16px Georgia, "Times New Roman", Times, serif; padding-top: 5px; border: 2px solid #9ab5a0; border-top: none;} .anylinkcss a {color: #6f8473; display: block; text-decoration: none; min-height: 22px; padding: 7px 5px 5px; border-bottom: 1px solid #cacbaf; margin: 0 10px;} .anylinkcss a:hover {color: #fff; background: #9ab5a0; margin: 0px; border-bottom: 1px solid #fff;} .anylinkcss .last, .anylinkcss .last a:hover {border-bottom: none;} #spadd {margin-left: 72px; width: 105px;} #accomodationsdd {margin-left: 142px; width: 190px;} #weddingsdd {margin-left: 282px; width: 180px;} #packagesdd {margin-left: 290px; width: 160px;} #eventsdd {margin-left: 520px; width: 150px;} #toursdd {margin-left: 638px; width: 79px;} #contactsdd {margin-left: 782px; width: 150px;} /**** MAIN CONTENT ****/ #site_container #main_container #main_content {margin-top: 20px; clear: both; width: 1002px;} #site_container #main_container #main_content h1 {font-size: 24px; color: #6f8473;} #site_container #main_container #main_content p {margin-bottom: 15px;} #site_container #main_container #main_content #content_left {width: 565px; margin: 0 10px 0 0;} /**** SPA PAGE ****/ #site_container.spa #main_container p {clear: both; font-style: italic;} #site_container #main_container .option {float: left; clear: both; margin: 10px 0; font: italic 15px Georgia, serif; *width: 100%;} #site_container #main_container .option .img {float: left; margin-right: 10px;} #site_container #main_container .option .txt_wrapper {width: 295px;} #site_container #main_container .option h3 {font-size: 19px; color: #6f8473; margin: 0px; font-weight: normal;} #site_container #main_container .option p {color: #666633; line-height: 19px;} #site_container #main_container .info {font-size: 13px;} #site_container.accomidations .btn_tout {margin-bottom: 25px;} /**** RESERVATION PAGE ****/ #site_container #main_container #res_info {background:url(http://libertyhillgreathouse.com/images/reservation/reservations-bg.gif) no-repeat; float: left; width: 304px; height: 237px; padding: 10px 20px;} #site_container #main_container #res_info .hed {font: 19px Georgia, serif; color: #587561;} #site_container #main_container #res_info p {margin: 15px 0;} #site_container #main_container #buttons {float: left; margin-left: 20px;} #site_container #main_container #buttons .btn_tout {margin-bottom: 10px;} /****EVENTS PAGE ****/ #site_container #main_container #events_content {border: 1px double #f0efea; padding: 10px 15px; color: #666633;} #site_container #main_container h2 {font: 30px Georgia, serif; color: #6f8473; text-align: center; background: url(http://libertyhillgreathouse.com/images/touts/hed-tout-bg.gif) no-repeat bottom; padding-bottom: 25px;} #site_container #main_container #events_content h3 {font-size: 17px;} #site_container #main_container #events_content p {font-size: 15px;} #site_container #main_container .item {border-bottom: 1px solid #858786; margin: 10px 5px;} /****DIRECTIONS PAGE ****/ #site_container #main_container #directions_content {font: italic 15px Georgia, serif;} #site_container #main_container #directions_content #map {background: url(http://libertyhillgreathouse.com/images/directions-bg.gif) no-repeat; width: 585px; height: 757px;} #site_container #main_container #directions_content h3, #site_container #main_container #directions_content .hed {font-size: 19px; font-style: italic; color: #6f8473; font-weight: normal; padding: 20px 0 0 25px; margin-bottom: 5px;} #site_container #main_container #directions_content h4 {font-weight: normal; margin: 0px; color: #666633; padding: 0 0 10px 25px;} #site_container #main_container #directions_content iframe {margin: 10px;} #site_container #main_container #directions_content .hed, #site_container #main_container #directions_content ul {padding: 0px;} #site_container #main_container #directions_content ul {font-style: normal; margin: 10px 0 0 30px;} #site_container #main_container #directions_content li {list-style-image: url(http://libertyhillgreathouse.com/images/bullet.gif); padding: 5px 0 0 0;} /**** CONTACT PAGE ****/ #site_container #main_container #contact_content .item {clear: both; margin: 5px 0 10px; padding: 15px 0; border: none;} #site_container #main_container #contact_content .item img {float: left; margin-right: 10px;} #site_container #main_container #contact_content .address {color: #6f8473;} #site_container #main_container .border {background:url(http://libertyhillgreathouse.com/images/contact/border.gif) no-repeat; width: 575px; height: 38px; clear: both;} /**** HISTORY PAGE ****/ #site_container.history #main_container {font: 14px Georgia, serif; line-height: 20px;} #site_container #main_container .bullet {background:url(http://libertyhillgreathouse.com/images/bullet.gif) no-repeat 0 5px; padding-left: 25px;} #site_container #main_container #quote {background:url(http://libertyhillgreathouse.com/images/history-quote.gif) no-repeat; width: 597px; height: 320px; } #site_container #main_container #quote span {width: 450px; float: left; margin: 80px 0 0 70px; clear: both;} #site_container.history #main_container h3, #site_container.history #main_container #info {font-size: 19px; font-style: italic; color: #6f8473;} #site_container.history #main_container #info {text-align: center; margin: 10px 0; line-height: 23px;} #site_container.history #main_container #info a {color: #6f8473; text-decoration: none;} /**** WEDDINGS ****/ .weddings #main_container .pricing {font-size: 12px; font-style: italic; margin-left: 40px;} #site_container.weddings #main_container .item {margin-bottom: 20px; padding-bottom: 20px;} .weddings #main_container .special {color: #6f8473;} .weddings #main_container #weddings_content .btn_tout {float: left; margin: 20px 0 10px 40px;} /**** JUST FOR MEN ****/ #main_content #img_formen {float: left; width: 240px; height: 160px; margin: 0 10px 10px 0;} #main_content #txt .line {margin-bottom: 15px;} /**** PHOTO TOUR ****/ body#photos {background:#fff url(http://libertyhillgreathouse.com/images/bg-wings-photos.gif) no-repeat top center; min-height: 787px;} #site_container #main_container #main_content {margin:0;padding:30px;width:auto;} #site_container.photos h1 {margin:0 0 10px;} #photoTour #main {background:url(http://libertyhillgreathouse.com/images/photo_tour/photo_tour_main_bg.jpg) no-repeat 90px 0;position:relative;padding:25px 65px;text-align:center;} #photoTour #main #mainPhotoContainer {width:730px;height:610px;overflow:hidden;text-align:center;margin:0 auto;} #photoTour #main #mainPhotoContainer {display:table-cell;vertical-align:middle;} /* good for safari, ie8, ff */ #photoTour #main #mainPhotoContainer * {vertical-align:middle;} /*\*//*/ #photoTour #main #mainPhotoContainer {display:block;} #photoTour #main #mainPhotoContainer span {display:inline-block;height:100%;width:1px;} /**/ #photoTour #main #mainPhotoContainer img.mainImage {padding:3px;border:1px solid #eee;background:#fff;} #photoTour #leftOverlay {padding:275px 25px 0 0;} #photoTour #leftOverlay img {cursor:pointer;} #photoTour #rightOverlay {padding:275px 0 0;} #photoTour #rightOverlay img {cursor:pointer;} #photoTour #thumbs {margin:10px 0 0;padding:0 20px;} #photoTour #thumbs .thumbBorder {margin:10px 0;} #photoTour #thumbs #stepBack {padding:18px 21px 0 10px;} #photoTour #thumbs #stepForward {padding:18px 10px 0 21px;} #photoTour #rightOverlay img, #photoTour #leftOverlay img, #photoTour #thumbs #stepBack img, #photoTour #thumbs #stepForward img {cursor:pointer;} #photoTour #thumbs #stepBack img.inactive, #photoTour #thumbs #stepForward img.inactive {cursor:auto;} #photoTour #thumbs #viewPort {width:790px;overflow:hidden;position:relative;} #photoTour #thumbs #viewPort #thumbContainer {width:10000px;position:relative;left:0px;} #photoTour #thumbs #viewPort #thumbContainer img {cursor:pointer;border:5px solid #e8e9eb;margin-right:10px;padding:0;display:block;float:left;} #photoTour #thumbs #viewPort #thumbContainer img.current {border:5px solid #96b7a2;padding:0;} #photoTour #thumbs #viewPort #thumbContainer img.over, #photoTour #thumbs #viewPort #thumbContainer img:hover {border:5px solid #c6c9aa;padding:0;} /* Captions */ #captions .caption {display:none;text-align:center;} #captions .caption.current {display:block;} #captions .caption p.title {width:550px;margin:10px auto 15px;text-align:center;font:italic 19px Georgia, "Times New Roman", Times, serif;color:#6f8473;} #captions .caption p.descrip {width:550px;margin:15px auto;text-align:left;font:italic 15px Georgia, "Times New Roman", Times, serif;color:#666633;} /**** RIGHT COL TOUTS ****/ #site_container #content_right {width: 344px; float: left;} #site_container #content_right .tout {width: 344px; float: left; clear: both; margin: 0 0 10px 20px;} #site_container #content_right .tout h4 {background: url(http://libertyhillgreathouse.com/images/touts/hed-tout-bg.gif) no-repeat -5px -10px; width: 344px; height: 59px; font-size: 24px; font-weight: normal; color: #6f8473; margin-bottom: 0px;} #site_container #content_right .tout p {color: #666633; font-size: 15px; font-style: italic; margin-top: 0px; width: 175px;} #site_container #content_right .tout .thumb {width: 125px; height: 125px; float: left; margin-right: 10px;} /* Weddings Tout */ #site_container #content_right #tout_weddings.tout h4 {margin-top: 0px;} /* Photos Tout */ #site_container #content_right #tout_photos .ptout_th {float: left; margin: 5px 10px 10px 0; width: 61px; height: 61px;} #site_container #content_right #tout_photos .btn_tout {margin-top: 10px;} /* Hover Effect */ ul.hover_th {float: left; list-style: none; margin: 0; padding: 10px; width: 344px;} ul.hover_th li {margin: 0; padding: 5px; float: left; position: relative; width: 71px; height: 71px;} ul.hover_th li img {position: absolute; left: 0; top: 0; -ms-interpolation-mode: bicubic;} ul.hover_th li img.hover {border: none;} /**** FOOTER ****/ #site_container #footer {clear: both; text-align: center; font: 15px Arial, Helvetica, sans-serif; color: #6f8473;} #site_container #footer a {color: #6f8473; text-decoration: none;} #site_container #footer a:hover {text-decoration: underline;} #site_container #footer .footer_links {background: #bbd6c1; padding: 10px 20px; margin: 15px 0 10px;} #site_container #footer #copyright {font-size: 12px; color: #6f8473; margin-bottom: 10px;}