body { background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; } #container { width: 910px; padding: 0 10px 10px 10px; margin: 0 auto; background: #baccda; } /* =Header ----------------------------------------------- */ #header { background: url('../images/header.jpg') no-repeat; width: 910px; height: 243px; position: relative; } #header h1 { padding: 40px 0 0 140px; } #header h1 a { display: block; text-indent: -5000px; width: 232px; height: 82px; } #header.home { background: url('../images/header/1_Home.jpg') no-repeat; } #header.korcula { background: url('../images/header/3_Korcula.jpg') no-repeat; } #header.lumbarda { background: url('../images/header/4_Lumbarda.jpg') no-repeat; } #header.gallery { background: url('../images/header/5_Gallery.jpg') no-repeat; } #header.links { background: url('../images/header/8_Links.jpg') no-repeat; } #header.hotel { background: url('../images/header/2_Hotel.jpg') no-repeat; } #header.webcam1 { background: url('../images/header/6_Webcam1.jpg') no-repeat; } #header.webcam2 { background: url('../images/header/7_Webcam2.jpg') no-repeat; } #header.book-online { background: url('../images/header/10_Book.jpg') no-repeat; height: 190px; } #header.contact { background: url('../images/header/9_Contact.jpg') no-repeat; } #main-nav { position: absolute; top: 190px; height:41px; background: url('../images/main_nav.gif') top repeat-x;width: 910px; } #main-nav li { display: block; float: left; background: url('../images/main_nav_divider.gif') left no-repeat; padding-left: 1px; } #main-nav li.first-item { background: none; padding-left: 0; padding-left: 22px; } #main-nav li.first-item.webcam { padding-left: 70px; } #main-nav li.first-item.custom { padding-left: 120px; } #main-nav li.first-item.de, #main-nav li.first-item.hr, #main-nav li.first-item.fr { padding-left: 73px; } #main-nav li a { display: block; float: left; padding: 11px 11px 12px 11px; text-decoration: none; font-size: 12px; color: #004a82; } #main-nav li a:hover { color: #fff; background: url('../images/main_nav_hover.gif') top repeat-x; } #main-nav li a.active { color: #fff; background: url('../images/main_nav_active.gif') top repeat-x; } #main-nav li a.book-online { background: url('../images/main_nav_book.gif') top repeat-x; font-weight: bold; font-size: 10px; margin-top: 1px; padding-bottom: 14px; } #main-nav li a.book-online:hover { color: #fff; background: url('../images/main_nav_hover.gif') top repeat-x; } #lang { position: absolute; left: 615px; top: 13px; } #lang li { float: left; } #lang li img { vertical-align: middle; margin-right: 3px; } #lang li a { font-size: 10px; color: #004e86; text-decoration: none; margin-right: 8px; display: block; float: left; padding: 1px; } #lang li a:hover, #lang li a.selected { background: #6284a0; color: #fff; } .holder { background: #fff url('../images/holder_top_bg.gif') top repeat-x; padding-top: 10px; margin-top: -15px; position: relative; } .inner-holder { background: url('../images/holder_bottom_bg.gif') bottom repeat-x; padding-bottom: 10px; } /* =Main Content ----------------------------------------------- */ #main-content { width: 550px; float: left; margin: 60px 50px 0 30px; } #main-content h2 { font: bold 22px Georgia, "Times New Roman", Times, serif; color: #DF805D; margin: 0 0 30px -15px; } #main-content h2.custom { text-align: center; margin-bottom: 6px; } #main-content h3 { font: bold 14px Arial, Helvetica, sans-serif; color: #DF805D; margin-bottom: 20px; } #main-content h3.custom { color: #294F79; font-size: 12px; text-align: center; } #main-content p { font-size: 12px; margin-bottom: 15px; line-height: 1.5; } #main-content p span { color: #294F79; font-weight: bold; } #main-content a { color: #E6AF51; } #main-content h4 { font-size: 12px; color: #294F79; font-weight: bold; margin-bottom: 10px; } #main-content ul li { list-style-type: disc; margin-left: 15px; font-size: 12px; } #main-content ul li a { display: block; } #main-content img { margin-bottom: 20px; } #main-content.gallery { width: 860px; } #main-content.gallery h2 { text-align: center; clear: both; } #main-content.gallery .gallery-images { background: url('../images/holder_bottom_bg.gif') bottom repeat-x; padding-bottom: 25px; margin-bottom: 25px; width: 880px; margin-left: -30px; padding-left: 30px; position: relative; } #main-content.gallery .gallery-images li { float: left; list-style-type: none; margin: 0 6px -15px 0; } #main-content.gallery .gallery-images li img { border: 5px solid #a6b08b } #main-content.gallery .gallery-images li img:hover { border: 5px solid #fa815b; } #main-content .links-list { float: left; width: 240px; margin: 0 0 40px 0; } #main-content .links-list li { list-style: none; margin: 0; line-height: 1.3; background: url('../images/links_list_bullet.gif') top left no-repeat; padding-left: 12px; display: block; } #main-content .links-list li.first-item { background: none; margin-left: -10px; position: relative; } #main-content .links-list li h2 { text-transform: uppercase; margin-bottom: 20px; } #main-content .links-list li a { color: #2f5222; display: inline; } #main-content .links-list li a:hover { background: #2f5222; color: #fff; } #main-content .links-list li span { display: block; color: #427397; } #main-content .links-list.first-row-item { margin-right: 60px; } #main-content .links-list.custom { float: none; } #main-content .pic { border: 5px solid #a6b08b; } .web-cam { width: 560px; margin-bottom: 20px; } .web-cam h2 { text-align: center; text-transform: uppercase; margin: -20px 0 20px 0; position: relative; } .web-cam img { border: 5px solid #798d45; display: block; margin-bottom: 0; } .web-cam .webcam-text { background: #e6e8db; padding: 15px; margin-top: -20px; } #contact-form { width: 562px; } #contact-form h2 { text-align: center; text-transform: uppercase; } #contact-form fieldset { padding: 15px 5px 0 5px; background: #a2b17e; } #contact-form ul li { margin: 0; padding: 0; list-style: none; margin-bottom: 8px; } #contact-form ul li .input-text { width: 200px; border: 2px solid #849250; padding: 2px; border-right: none; border-bottom: none; } #contact-form ul li label { color: #2c4f24; text-transform: uppercase; font-weight: bold; } #contact-form ul li label span { color: #999966; } #contact-form ul li textarea { width: 545px; height: 300px; padding: 2px; border: 2px solid #849250; border-right: none; border-bottom: none; } #contact-form ul li.last-item { background: #e5e9db; padding: 10px 0; margin: 0 -5px; } #contact-form ul li.last-item .input-button { background: #2f5222; padding: 2px 10px; color: #fff; border: 2px solid #798d44; margin-left: 475px; cursor: pointer; font-weight: bold; } .column:hover p a { color: #666; } .column p a { font: 12px Verdana, Arial, Helvetica, sans-serif; color: black; text-decoration: none; } .column { width: 270px; float: left; margin: 0 35px 10px 0; } .column img.custom-first-col { margin-bottom: 10px; } .column:hover p { color: #666; } .column:hover h2 a { color: #f89f7e;} .column:hover h2.custom a { color: #f89f7e; } .column p { font: 12px Verdana, Arial, Helvetica, sans-serif; } .column h2 a { font: bold 21px Georgia, "Times New Roman", Times, serif; color: #DF805D; margin: 30px 0 12px 0; text-align: center; text-decoration: none; display: block; } .column img:hover { border: 5px solid #fa815b; } .column h2.custom a { color: #004e7d; } .book { width: 299px; height: 75px; display: block; text-indent: -5000px; background: url('../images/book.gif') no-repeat; margin: 0 0 10px -20px; position: relative; } .book:hover { background: url('../images/book_hover.gif') no-repeat; } #interior .book { margin: 20px 0 0 -40px; float: left; } #interior .contact { margin: 15px 0 0 20px; float: left; } #interior .contact p { margin-bottom: 0; } .column img { border: 5px solid #798d45; } .column img.custom { margin-top: 1px; } .first { margin-left: 10px; } .last { margin: 0; } .last.column.webcam { margin-left: -8px; } #main-content .contact { width: 220px; text-align: center; margin: 15px 0 0 10px; } #main-content .contact p { font-size: 11px; margin-bottom: 4px; } #main-content .contact.custom { text-align: left; margin-top: 20px; } #main-content .contact.gallery { float: none; } .contact.home { margin-left: 10px; text-align: center; } .contact.custom { text-align: left; padding-left: 10px; } .contact address { font-size: 12px; color: #3E532A; line-height: 1.4; } .contact address strong { font-weight: bold; } .contact address span { color: #294F79; } .contact address a { text-decoration: none; font-weight: bold; color: #3E532A!important; } .contact address a:hover { background: #798d45; color: #fff!important; } .last-col h2 { margin-top: 10px; } #price-list { margin-bottom: 20px; border-collapse: collapse; font-size: 10px; text-align: center; } #price-list th { color: #394f3a; line-height: 1.7; font-size: 9px; padding: 0 9px; text-align: center; font-weight: bold; } #price-list tr.custom td { color: #104577; padding: 10px 0; font-weight: bold; } #price-list tr td { padding: 5px 0; } /*.check-availability { background: url('../images/check_availability_gallery.gif') no-repeat; width: 598px; height: 291px; float: right; margin-right: -30px; margin-top: -70px; }*/ .check-availability { width: 598px; float: right; margin-top: -88px; margin-right: -10px;} /* =Sidebar ----------------------------------------------- */ #sidebar { width: 280px; float: left; margin-top: 40px; margin-left: -15px; } #sidebar img { border: 5px solid #798d45; margin-bottom: 30px; } #sidebar img:hover { border: 5px solid #fa815b; } /* =Footer ----------------------------------------------- */ #footer { width: 910px; height: 76px; padding-top: 20px; text-align: center; background: #fff url('../images/footer.gif') no-repeat; font: 12px Verdana, Arial, Helvetica, sans-serif; color:#294F79;} #footer ul li { display: inline; padding: 0 2px 0 5px; border-left: 1px solid #f68354; } #footer ul li.first-item { border: none; } #footer ul li a { color:#294F79; text-decoration: none; padding: 1px; } #footer ul li a:hover { background: #798d45; color: #fff; } #footer p { margin: 3px 0; } #footer p span { color: #f68354; }