body { background: #fff url('../images/layout/body.jpg') top center no-repeat; font-family: Arial, Helvetica, sans-serif; } #container { width: 960px; margin: 0 auto 15px auto; } /* =Header ----------------------------------------------- */ #header { height: 205px; position: relative; } #header h1 a { background: url(../images/layout/logo.gif) no-repeat; display: block; text-indent: -5000px; width: 196px; height: 120px; position: absolute; top: 40px; left: 0; } #header ul { position: absolute; bottom: 44px; right: 15px; } #header ul li { display: inline; } #header ul li a { display: block; float: left; padding: 12px 0 12px 10px; background: url(../images/layout/main_nav_a.gif) left no-repeat; font-size: 11px; color: #fff; text-decoration: none; margin-left: 5px; } #header ul li a span { padding: 12px 12px 12px 0; background: url(../images/layout/main_nav_span.gif) right no-repeat; } #header select { position: absolute; top: 4px; right: 15px; font-size: 11px; color: #999; width: 106px; padding: 5px; border: 1px solid #0089bf; } #header label { font-size: 11px; color: #fff; position: absolute; top: 13px; right: 130px; } #header p#breadcrumbs { font-size: 11px; color: #999; position: absolute; left: 15px; top: 168px; } #header p#breadcrumbs strong { font-weight: bold; } #header p#breadcrumbs a { color: #999; } #header p#actions { position: absolute; left: 15px; top: 13px; font-size: 11px; color: #fff; } #header p#actions a { color: #fff; text-decoration: none; } /* =Header ----------------------------------------------- */ #sub-header { position:relative; height: 297px; z-index: 1000;} #search { width: 302px; float: left; margin: 0 15px;} #search h3 { background: url(../images/layout/search_heading_bg.gif) no-repeat; width: 302px; height: 24px; font-size: 11px; font-weight: bold; color: #fff; text-indent: 20px; padding-top: 12px; } #search fieldset { background: url(../images/layout/search_fieldset.gif) no-repeat; width: 272px; height: 236px; padding: 10px 15px 0 15px; } #search fieldset li { width: 131px; float: left; margin: 0 10px 10px 0; position: relative; } #search fieldset li.last-row-item { margin-right: 0; } #search fieldset li select { width: 100%; padding: 2px 3px; height: 22px; font-size: 11px; color: #999; border: 1px solid #c5c5c5; } #search fieldset li label { display: block; font-size: 11px; font-weight: bold; color: #999; margin-bottom: 8px; background: url(../images/layout/search_label_bg.gif) left no-repeat; padding-left: 13px; } #search fieldset li .input-text { width: 100px; padding: 3px; font-size: 11px; color: #999; border: 1px solid #c5c5c5; } #search fieldset li a { display: block; background: url(../images/icons/calendar.gif) no-repeat; width: 14px; height: 16px; text-indent: -5000px; position: absolute; right: 0; top: 24px; } #search fieldset li.custom, #search fieldset li.wide, #search fieldset li.object { width: 272px; font-size: 11px; color: #999; } #search fieldset li.custom { padding-top: 6px; margin-bottom: 29px; } #search fieldset li.wide select { width: 131px; } #search fieldset li.custom input { vertical-align: middle; margin-right: 4px; } #search fieldset li.custom .input-button { background: url(../images/form/search.gif) no-repeat; width: 81px; height: 26px; cursor: pointer; border: none; position: absolute; right: 0; top: 0; } #search fieldset li.object .input-text { background: url(../images/layout/search_object.gif) no-repeat; width: 164px; height: 17px; padding: 5px 0 0 17px; border: none; display: block; } #search fieldset li.object .input-button { background: url(../images/form/search_object.gif) no-repeat; width: 81px; height: 22px; border: none; cursor: pointer; position: absolute; right: 0; top: 0; } #gallery { width: 613px; float: left; } #gallery a { background: url(../images/layout/proceed_to_gallery.gif) no-repeat; width: 109px; height: 25px; display: block; font-size: 11px; text-decoration: none; color: #fff; padding: 11px 0 0 504px; } #gallery a img { margin-right: 3px; } /* =Content ----------------------------------------------- */ #content { margin-left: 15px; font-size: 11px; } .column { float: left; z-index: 10; position: relative; } .column.left { width: 160px; margin-right: 15px; } .column.left h3 { background: url(../images/layout/column_left_heading.gif) no-repeat; width: 160px; height: 25px; font-size: 11px; color: #fff; padding-top: 11px; text-indent: 20px; font-weight: bold; } .column.left ul { padding: 10px 10px 15px 10px; background: #e6eefe url(../images/layout/column_left.gif) bottom no-repeat; } .column.left ul li { background: url(../images/layout/column_left_li_divider.gif) bottom repeat-x; margin: 0 -10px 10px -10px; padding: 0 10px 10px 10px; } .column.left ul li.last-item { background: none; padding: 0; margin: 0; } .column.left ul li div, .column.main div.img-holder, .column.main .gallery-row ul li { background: url(../images/layout/column_left_img_holder.gif) no-repeat; width: 132px; height: 82px; padding: 4px 6px 6px 4px; margin-bottom: 8px; } .column.left ul li h4 a { color: #006891; font-weight: bold; text-decoration: none; display: block; background: url(../images/layout/column_left_blue_bullet.gif) left no-repeat; padding-left: 12px; margin-bottom: 5px; } .column.left ul li p { color: #666; background: url(../images/layout/column_left_gray_bullet.gif) left no-repeat; padding-left: 12px; margin-bottom: 6px; } .column.left ul li p strong { color: #006891; } .column.left ul ul { padding: 0 0 12px 10px; background: none; } .column.left ul ul li { float: left; margin: 0 4px 0 0; padding: 0; background: none; } .column.main { width: 506px; } .column.main h3 { background: url(../images/layout/column_main_heading.gif) no-repeat; width: 506px; height: 25px; text-indent: 20px; padding-top: 11px; color: #fff; font-weight: bold; margin-bottom: 20px; } .column.main .indent { padding: 0 20px; } .column.main h2 { color: #006891; font-size: 18px; margin-bottom: 10px; } .column.main h2 strong { color: #f68a3d; } .column.main .indent h3 { height: auto; width: auto; padding: 0; margin: 0 0 15px 0; color: #006891; font-size: 14px; font-weight: bold; text-indent: 0; background: none; } .column.main h4 { color: #666; font-size: 12px; font-weight: bold; margin-bottom: 20px; } .column.main span.date { background: url(../images/icons/clock.gif) left no-repeat; padding-left: 15px; color: #999; display: block; margin-bottom: 12px; } .column.main p { font-size: 12px; color: #666; margin-bottom: 20px; line-height: 1.4; } .column.main div.img-holder { float: left; margin-right: 12px; } .column.main a { color: #f68a3d; } .column.main ul { margin-bottom: 20px; } .column.main ul li { font-size: 12px; color: #666; line-height: 1.4; list-style: disc; margin-left: 15px; } /* contact */ .column.main.wide { width: 930px; float: none; } .column.main.wide h3 { background: url(../images/layout/column_main_heading_wide.gif) no-repeat; width: 930px; } .column.main.wide .intro { width: 410px; } .column.main.wide .inner.column { width: 450px; float: left; overflow: hidden; } .column.main.wide .inner.column.last { width: 460px; float: right; } .column.main.wide .inner.column h3 { background: none; text-indent: 20px; font-size: 18px; color: #006891; margin-bottom: 12px; font-weight: normal; } .column.main.wide .inner.column h3 img { margin-bottom: 2px; } .column.main.wide .inner.column .location { background: #e6eefe; padding: 20px; margin-bottom: 20px; } .column.main.wide .inner.column .location img { background: #fff; padding: 1px; border: 1px solid #cedfff; margin-right: 15px; float: left; } .column.main.wide .inner.column .location h4, .column.main.wide .inner.column .company-info li h4 { font-size: 11px; font-weight: bold; color: #999; margin: 5px 0 5px 0; background: url(../images/icons/label_bullet.gif) left top no-repeat; padding-left: 8px; } .column.main.wide .inner.column .location h4 a { color: #999; text-decoration: none; } .column.main.wide .inner.column .location p { font-size: 11px; color: #999; margin-bottom: 0; padding-left: 8px; } .column.main.wide .inner.column .location .address { float: left; } .column.main.wide .inner.column .company-info { margin-left: 20px; width: 240px; float: left; } .column.main.wide .inner.column .company-info.last { width: 150px; } .column.main.wide .inner.column .company-info li { list-style: none; margin: 0; font-size: 11px; } .column.main.wide .inner.column .company-info li p { margin-bottom: 0; font-size: 11px; padding-left: 8px; } .column.main.wide .inner.column .company-info li.skype p { color: #fd766a; } .column.main.wide .inner.column .company-info li.skype img { margin: 10px 0 0 8px; } .column.main.wide .inner.column .company-info li h4 { color: #999; margin-bottom: 3px; } /* search results */ .column.main.search { width: 755px; } .column.main.search h3 { background: url(../images/layout/column_main_heading_search.gif) no-repeat; width: 755px; } .column.main.search p.sort { font-size: 11px; color: #999; } .column.main.search p strong { font-weight: bold; margin-right: 4px; } .column.main.search p a { color: #999; text-decoration: none; background: url(../images/icons/label_bullet.gif) top left no-repeat; padding-left: 8px; margin-right: 3px; } .column.main.search .indent { position: relative; } .column.main.search .actions { position: absolute; right: 0; bottom: -20px; } .column.main.search .actions li { display: inline; margin-left: 0; list-style: none!important; } .column.main.search .actions li a { font-size: 11px; text-decoration: none; color: #999; font-weight: bold; margin-left: 8px; padding-left: 15px; } .column.main.search .actions li.item-1 a { background: url(../images/icons/cart.gif) left no-repeat; color: #f68a3d; } .column.main.search .actions li.item-2 a { background: url(../images/icons/my_account.gif) left no-repeat; } .column.main.search .actions li.item-3 a { background: url(../images/icons/my_reservations.gif) left no-repeat; } .column.main.search .results { background: #e6eefe url(../images/layout/column_main_search_results.gif) top repeat-x; border-bottom: 1px solid #cedfff; margin-bottom: 20px; } .column.main.search .results .apartment { background: url(../images/layout/column_main_search_results_apartment.gif) bottom no-repeat; } .column.main.search .results .apartment.last { background-position: top; } .column.main.search .results .apartment .info { width: 335px; float: left; padding: 15px 20px 0 20px; margin-right: 14px; } .column.main.search .results .apartment .info .img-holder { float: left; margin-right: 10px; } .column.main.search .results .apartment .info ul li { margin-left: 0; list-style: none; font-size: 11px; color: #006891; margin-bottom: 6px; } .column.main.search .results .apartment .info ul li strong { font-weight: bold; display: block; float: left;margin-right: 3px; background: url(../images/icons/app_search_bullet.gif) left top no-repeat; padding-left: 8px; } .column.main.search .results .apartment .info ul li strong.category { margin-right: 5px; } .column.main.search .results .apartment .info ul li span { font-weight: bold; color: #f68a3d; } .column.main.search .results .apartment .info ul li ul { display: inline; padding-left: 5px; } .column.main.search .results .apartment .info ul li ul li { float: left; margin-right: 2px; padding-top: 2px; } .column.main.search .results .apartment .list { float: left; width: 345px; padding-top: 15px; padding-bottom: 5px; } .column.main.search .results .apartment .list ul { margin-bottom: 10px; } .column.main.search .results .apartment .list ul li { list-style: none; margin-left: 0; font-size: 11px; color: #666; float: left; } .column.main.search .results .apartment .list ul li.item-1 { width: 160px; padding-right: 20px; } .column.main.search .results .apartment .list ul li.item-1 strong { color: #006891; font-weight: bold; background: url(../images/icons/app_search_bullet.gif) left top no-repeat; padding-left: 8px; } .column.main.search .results .apartment .list ul li.item-2 { width: 150px; background:url(../images/icons/label_bullet.gif) left top no-repeat; padding-left: 8px; } .column.main.search .results .apartment .list ul li.item-2 strong { color: #f68a3d; } .column.main.search .results .apartment .list ul li.item-2 em { display: block; } .column.main.search .pagination { margin-left: 270px; } /* blog */ .column.main .blog.post { border-bottom: 1px solid #ddd; margin-bottom: 20px; } .column.main .blog.post h2 a { font-size: 18px; color: #006891; text-decoration: none; } .column.main .blog.post .info { width: 150px; float: left; } .column.main .blog.post .info span.date { margin-bottom: 0; display: inline; } .column.main .blog.post .info p { font-size: 11px; color: #999; line-height: 1.6; } .column.main .blog.post .info p strong { font-weight: bold; } .column.main .blog.post .info p a.comment { color: #999; text-decoration: none; background: url(../images/icons/comment.gif) left no-repeat; padding-left: 15px; } .column.main .blog.post .content { width: 310px; float: left; } .column.main .blog.comments h3 { font-size: 11px; font-weight: bold; color: #999; padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-top: -5px; margin-bottom: 0; } .column.main .blog.comments h3 img { margin-left: 2px; } .column.main .blog.comments ul li { list-style: none; margin-left: 0; padding: 15px 0; border-bottom: 1px solid #ddd; } .column.main .blog.comments ul li .photo { width: 56px; margin-right: 20px; background: #fff; padding: 1px; border: 1px solid #cedfff; float: left; } .column.main .blog.comments ul li .photo img { display: block; } .column.main .blog.comments ul li .info { width: 360px; float: left; } .column.main .blog.comments ul li .info h3 { color: #f68a3d; font-size: 12px; font-weight: bold; margin: 0 0 5px 0; padding: 0; border: none; } .column.main .blog.comments ul li .info em { font-size: 11px; color: #999; display: block; margin-bottom: 5px; } .column.main .blog.comments ul li .info p { line-height: 1.5; margin-bottom: 0; } /* contact & add blog comment form */ fieldset.form { background: #e6eefe; padding: 20px; margin-bottom: 15px; } fieldset.form ul li { margin: 0 0 10px 0!important; list-style: none!important; } fieldset.form ul li label { display: block; margin-bottom: 8px; font-weight: bold; font-size: 11px; color: #999; background: url(../images/icons/label_bullet.gif) left top no-repeat; padding-left: 8px; } fieldset.form ul li .input-text { background: url(../images/form/input_text.gif) no-repeat; width: 322px; height: 22px; border: 1px solid #cedfff; padding: 4px; } fieldset.form ul li textarea { background: url(../images/form/textarea.gif) no-repeat; width: 400px; height: 122px; border: 1px solid #cedfff; padding: 4px; } fieldset.form ul li .input-button { background: url(../images/form/send.gif) no-repeat; width: 81px; height: 26px; border: none; cursor: pointer; float: right; } /* home blocks */ .column.main #blocks li { width: 140px; float: left; list-style:none!important; } .column.main #blocks li h3 {font-size: 12px; width: 140px; border-bottom: 1px solid #fff; padding:7px 20px 5px 20px; background: url(../images/layout/column_main_blocks_heading.gif) no-repeat; margin-bottom: 0; } .column.main #blocks li.last-item { margin-right: 0; } /* gallery */ .column.main .gallery-row { margin: 0 -20px 15px -20px; position: relative; padding: 0 20px 13px 20px; border-bottom: 1px solid #ddd; } .column.main .gallery-row ul li { width: 132px; height: auto; margin: 0 18px 0 0; padding-bottom: 0; float: left; list-style: none; } .column.main .gallery-row ul li.last-row-item { margin-right: 0; } .column.main .gallery-row ul li img { margin-bottom: 10px; } .column.main .gallery-row ul li span { color: #999; line-height: 1.5; } .column.main .pagination { margin-left: 135px; margin-bottom: 15px; } .column.main .pagination.blog { margin-left: 165px; } .column.main .pagination li { display: inline; } .column.main .pagination li a { display: block; float: left; padding: 5px 0; font-size: 11px; font-weight: bold; color: #ccc; text-decoration: none; border: 1px solid #fff; margin-right: 10px; } .column.main .pagination.blog li a { color: #999; } .column.main .pagination li a.active { background: #e6eefe; border: 1px solid #cedfff; color: #006891; padding: 5px 9px; } .column.main .pagination li.next a { color: #999; } /* info site */ .column.main .img-holder-wrapper { padding: 15px 0 10px 0; margin-bottom: 15px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .column.main .img-holder.wide { background: url(../images/layout/column_main_img_holder_wide.gif) no-repeat; width: 456px; height: 156px; padding: 8px 10px 9px 8px; margin-left: -3px;} .column.right { width: 234px; margin-left: 15px; } .column.right h3 { background: url(../images/layout/column_right_heading.gif) no-repeat; text-indent: 20px; padding-top: 11px; height: 25px; font-weight: bold; color: #fff; } .column.right p { text-align: center; } .column.right .box { background: #e6eefe url(../images/layout/column_right_box.gif) bottom no-repeat; padding: 15px; margin-bottom: 15px; } .column.right .box ul li { background: url(../images/layout/column_left_li_divider.gif) bottom repeat-x; padding: 0 15px 10px 15px; margin: 0 -15px 10px -15px; position: relative; } .column.right .box ul li a { font-size: 11px; color: #666; text-decoration: none; background: url(../images/icons/blog_post.gif) left no-repeat; padding-left: 15px; display: block; margin-bottom: 5px; } .column.right .box ul li span { display: block; text-indent: 15px; color: #999; } .column.right .box span.view-all a { font-weight: bold; background: url(../images/icons/view_all_posts.gif) left no-repeat; margin-left: 110px; padding-left: 15px; color: #006891; text-decoration: none; } .column.right .box.rss h4, .column.right .box.newsletter h4 { background: url(../images/icons/rss.gif) left no-repeat; padding-left: 15px; margin-bottom: 5px; font-weight: bold; color: #666; } .column.right .box.rss h4 a { text-decoration: none; color: #666; } .column.right .box.rss h4 a span { color: #f68a3d; } .column.right .box.rss p, .column.right .box.newsletter p { padding-left: 15px; color: #999; margin-bottom: 5px; } .column.right .box.rss p a { text-decoration: none; color: #666; } .column.right .box.rss p strong { font-weight: bold; } .column.right .box.newsletter h4 { background: url(../images/icons/newsletter.gif) left no-repeat; } .column.right .box.newsletter h4 strong { color: #006891; font-weight: bold; } .column.right .box.newsletter p { margin-bottom: 13px; } .column.right .box.newsletter fieldset { margin: 0 -15px; padding: 15px 15px 0 15px; background: url(../images/layout/column_right_fieldset_divider.gif) top repeat-x; } .column.right .box.newsletter fieldset .input-text { background: url(../images/form/input_text.gif) no-repeat; width: 186px; height: 20px; border: 1px solid #cedfff; font-size: 11px; color: #999; padding: 3px 8px; margin-bottom: 10px; } .column.right .box.newsletter fieldset .input-button { cursor: pointer; border: none; background: url(../images/form/signup.gif) no-repeat; width: 81px; height: 26px; float: right; } /* =Footer ----------------------------------------------- */ #footer { background: url(../images/layout/footer.jpg) bottom center no-repeat; width: 100%; height: 175px; margin: 0 auto; margin-top: -22px; position: relative; padding-top: 22px; font-size: 11px; } #footer-inner { width: 930px; margin: 0 auto; } #footer-inner #weather { background: url(../images/layout/footer_weather.gif) no-repeat; width: 280px; height: 134px; position: relative; float: left; } #footer-inner #weather h4 { font-weight: bold; color: #fff; text-indent: 20px; padding-top: 11px; } #footer-inner #weather ul { position: absolute; left: 125px; top: 48px; color: #777; } #footer-inner #weather ul li { line-height: 1.7; background: url(../images/layout/footer_weather_bullet.gif) left no-repeat; padding-left: 8px; } #footer-inner #weather ul li strong { font-weight: bold; } #footer-inner #weather img{ position: absolute; left: 14px; top: 45px; } #footer-inner .weather_info p { position: absolute; left: 125px; top: 48px; color: #777; } #footer-inner .weather_info p a { color: #999; text-decoration: none; } #footer-inner .weather_info img { position: absolute; left: 20px; top: 50px; } #footer-inner #wide-part { width: 635px; float: left; margin-left: 15px; } #footer-inner #wide-part p#copyright { background: url(../images/layout/footer_copyright.gif) no-repeat; width: 635px; height: 36px; padding-top: 11px; height: 25px; text-indent: 20px; color: #777; margin-bottom: 11px; margin-left: 0; } #footer-inner #wide-part p { color: #999; margin-left: 20px; margin-bottom: 3px; } #footer-inner #wide-part p a { color: #999; text-decoration: none; } #footer-inner #wide-part p#custom { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd; } #footer-inner #wide-part p#special { margin-bottom: 8px; } #footer-inner #wide-part p#special a { color: #999; font-weight: bold; text-decoration: none; background: url(../images/layout/footer_special_bullet.gif) left no-repeat; padding-left: 8px; margin-right: 50px; } #footer-inner #wide-part ul { margin-left: 20px; } #footer-inner #wide-part ul li { float: left; margin-right: 10px; }