body { margin: 0px; margin-bottom: 10px; padding: 0px; background-color: #778899; background-image: url('/template/bg.gif'); background-repeat: no-repeat; background-position: center 150px; } body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 20px; } input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; } a { outline: none; text-decoration: underline; color: #778899; } a:hover { color: #63717f; text-decoration: underline; } a img { border: 0px; } h1, h2, h3, h4, h5 { line-height: normal; } h1 { font-size: 60px; font-weight: normal; margin: 0px 0px 5px 0px; position: relative; margin-left: -10px; color: #000; } h2 { font-size: 20px; font-family: "Times New Roman", Times, serif; font-weight: normal; margin: 0px; margin-bottom: 10px; } h3 { font-size: 10px; font-weight: normal; margin: 0px; margin-bottom: 10px; color: #000; font-style: italic; } h4 { font-size: 14px; font-family: "Times New Roman", Times, serif; font-weight: bold; margin: 0px; } h1 a, h2 a, h3 a { text-decoration: none; color: #000; } p { margin: 0px; margin-bottom: 10px; } hr { color: #ccc; background-color: #ccc; height: 1px; border: 0; margin-bottom: 10px; } form { margin: 0px; padding: 0px; } #content li { margin-bottom: 5px; } h1.large-h1 { font-size: 74px; color: #000; position: relative; } .photo_left { float: left; margin-right: 10px; border: 1px solid #ccc; padding: 5px; } .photo_right{ float: right; margin-left: 10px; border: 1px solid #ccc; padding: 5px; } .photo { border: 1px solid #ccc; padding: 5px; } a.bullet { background: url(/template/bullet.gif) no-repeat; background-position: left 7px; padding-left: 10px; display: inline-block; height: 18px; } /* Page Layout */ #container { width: 855px; margin: 0 auto; } #logo { width: 558px; margin: 0px auto; margin-top: 20px; margin-bottom: 0px; } #description { text-align: center; } #description h2 { margin: 10px; } #body { margin-top: 0px; background-image: url('/template/body-bg.png') !important; background-image: url('/template/body-bg.gif'); background-repeat: repeat-y; clear: both; } #body_footer { background-image: url('/template/body-footer.png') !important; background-image: url('/template/body-footer.gif'); background-repeat: no-repeat; height: 40px; } #fullcontent { background-image: url('/template/fullcontent-bg.gif'); background-repeat: repeat-y; margin-left: 20px; margin-right: 20px; margin-top: -8px; } #content_container { background-image: url('/template/content-bg.gif'); background-repeat: no-repeat; } #sidebar { width: 201px; float: left; margin-top: 20px; margin-left: 24px; display: inline; } #content { width: 525px; float: left; margin: 15px 20px 10px 34px; position: relative; z-index: 1; } #slideshow { z-index: 10; overflow: hidden; margin-left: 20px; height: 363px; clear: left; } #slideshow .slide { display: none; position: absolute; padding-left: 9px; padding-right: 10px; top: 162px; background-image: url('/template/slideshow-bg.gif'); background-repeat: no-repeat; } #footer { text-align: center; font-size: 11px; } #gallerytab { float: right; margin-right: 20px; position:relative; } #gallerytab a { display: block; background: url(/template/gallery-tab.png) no-repeat; width: 135px; height: 26px; } #gallerytab a:hover { background-position: 0px -26px; } #gallerycontrols { display: inline; float: right; margin-right: 5px; height: 26px; position: relative; margin-top: -10px; background: url(/template/gallerycontrols-bg.png) repeat-x; } #gallerycontrols span { background: url(/template/gallerycontrols-left.png) no-repeat; height: 26px; display: inline-block; } #gallerycontrols span span { background: url(/template/gallerycontrols-right.png) no-repeat; background-position: top right; height: 26px; padding: 2px 20px 0px 15px; display: inline-block; } #gallerycontrols .controls { padding: 0px; background: none; float: left; } #gallerycontrols .controls a { font-weight: bold; color: #D3C3A9; } #gallerycontrols .thumbnail img { margin-top: 0px; width: 20px; height: 20px; border: none; } #gallerycontrols .thumbnail:hover img, #gallerycontrols .current:hover img { margin-top: -21px; width: 40px; height: 40px; border: 1px solid #8A7860; } #gallerycontrols .current:hover img { border-color: #D3C3A9; } #gallerycontrols .current img { border: 1px solid #D3C3A9; height: 18px; width: 18px; } /* Sidebar Box */ #sidebar p { clear: left; margin-bottom: 10px; } #sidebar h2 { font-size: 14px; font-weight: bold; margin-bottom: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; } #sidebar h3 { font-size: 16px; margin-bottom: 5px; } #sidebar hr { color: #a0acb8; background-color: #a0acb8; height: 1px; border: 0; margin-bottom: 10px; } .sidebar_logo { width: 55px; height: 54px; float: left; padding: 3px; border: 1px solid #ccc; margin-left: 2px; margin-right: 2px; margin-bottom: 4px; } /* Contact Form */ #contact-form { margin-bottom: 10px; } #contact-form input[type=text], #contact-form textarea { width: 400px; border: 1px solid #778899; margin-bottom: 5px; padding: 2px; } /* Guestrooms */ #guestrooms .list-item { width: 250px; float: left; padding: 10px 0px 10px 0px; } #guestrooms .list-item img { margin-right: 5px; float: left; margin-top: 2px; } #guestrooms .list-item h2 { margin: 0px; } #guestrooms .list-item h2 a { font-weight: normal; } #guestrooms #room-nav h2 { font-size: 16px; font-weight: bold; } /* Navigation */ #mainnav { background-image: url('/template/navbg.png') !important; background-image: url('/template/navbg.gif'); background-repeat: no-repeat; height: 60px; padding-left: 20px; padding-right: 20px; } #nav { position: relative; z-index: 100; margin-left: 20px; } #nav, #nav ul { padding: 0; margin: 0; list-style: none; } #nav a { display: block; font-weight: normal; text-decoration: none; } #nav li { float: left; width: 10em; } #nav li ul { position: absolute; width: 1px; left: -9999em;} #nav li ul li { border: 1px solid #334455; border-top: none; width: 171px; border-bottom: 1px solid #4f5f6e; } #nav li ul a { padding: 2px; padding-left: 19px; width: 150px; background: #334455; color: #cccccc; font-size: 13px; text-indent: 0px; height: auto; } #nav li ul a:hover { background: #3e5368; color: #fff; } #nav li:hover ul, #nav li.sfhover ul { left: auto; } #nav { margin: 0px auto; } #nav-home a, #nav-guest-rooms a, #nav-reservations a, #nav-gallery a, #nav-history a, #nav-attractions a, #nav-testimonials a, #nav-links a, #nav-contact-us a { display: block; height: 33px; background: url('/template/navigation.gif'); text-indent: -9999px; } #nav-home { width: 64px !important; } #nav-home a:hover, #nav-home a.current { background-position: -0px 33px; } #nav-guest-rooms { width: 119px !important; } #nav-guest-rooms a { background-position: -64px 0px; } #nav-guest-rooms a:hover, #nav-guest-rooms a.current { background-position: -64px 33px !important; } #nav-reservations { width: 113px !important; } #nav-reservations a { background-position: -183px 0px !important; } #nav-reservations a:hover, #nav-reservations a.current { background-position: -183px 33px !important; } #nav-gallery { width: 75px !important; } #nav-gallery a { background-position: -296px 0px !important; } #nav-gallery a:hover, #nav-gallery a.current { background-position: -296px 33px !important; } #nav-history { width: 73px !important; } #nav-history a { background-position: -371px 0px !important; } #nav-history a:hover, #nav-history a.current { background-position: -371px 33px !important; } #nav-attractions { width: 102px !important; } #nav-attractions a { background-position: -444px 0px !important; } #nav-attractions a:hover, #nav-attractions a.current { background-position: -444px 33px !important; } #nav-testimonials { width: 111px !important; } #nav-testimonials a { background-position: -546px 0px !important; } #nav-testimonials a:hover, #nav-testimonials a.current { background-position: -546px 33px !important; } #nav-links { width: 61px !important; } #nav-links a { background-position: -657px 0px !important; } #nav-links a:hover, #nav-links a.current { background-position: -657px 33px !important; } #nav-contact-us { width: 97px !important; } #nav-contact-us a { background-position: -718px 0px !important; } #nav-contact-us a:hover, #nav-contact-us a.current { background-position: -718px 33px !important; } /* Clearfix */ .clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .clearfix {display: inline-block;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;}