/* GENARAL STYLES */ body { margin:0; padding:0; text-align:center; background:url(images/bg_body.jpg); font-family:"Times New Roman", Times, serif; font-size:11px; color:#f3e6ca; } p, h1, h2, h3, h4, h5, ul, li, form { margin: 0; padding: 0; } a { color: #000000; text-decoration: underline; } a:hover { color: #909090; text-decoration: underline; } .fl { float: left; } .fr { float: right; } .cb { clear: both; } .black { color: #000000; } form {margin: 0; padding: 0;} /*MAIN LAYOUT STYLES*/ /*first layer: background divs*/ #L1align { width:100%; text-align:center; margin-top:90px; } #L1wrapper { width:1020px; height:600px; margin:0 auto; text-align:left; } #L1shaddowLeft { float:left; width:20px; height:600px; background:url(images/bg_shaddow_left.jpg) no-repeat; } #L1contentNarrow { float:left; width:980px; height:600px; background:url(images/bg_home.jpg) 0px 127px no-repeat; } #L1contentWide { float:left; width:3000px; height:600px; background:url(images/bg_accomodation.jpg) 0px 127px repeat-x; } #L1header { float:left; width:100%; height:164px; background:url(images/bg_header.jpg) repeat-x; } #L1header img { float:left; border:0; } #L1content { float:left; width:100%; height:347px; } #L1footer { float:left; width:100%; height:89px; background:url(images/bg_footer.jpg) repeat-x; } .copyright { float:left; margin-top:18px; font-size:9px; color:#631503; font-weight:bold; } #copyrightHome { padding-left: 765px; } #copyrightAcc { padding-left: 2785px; } #copyrightRes { padding-left: 765px; } #copyrightCnt { padding-left: 765px; } #L1shaddowRight { float:left; width:20px; height:600px; background:url(images/bg_shaddow_right.jpg) no-repeat; } /*second level: actual content divs*/ #L2align { width:100%; position:absolute; top:90px; left:0; text-align:center; } #L2mainNarrow { width:1020px; height:600px; margin:0 auto; } #L2mainWide { width:3000px; height:600px; margin:0 auto; } #menu { height:24px; padding-left:360px; margin-top:73px; text-align:left; position: relative; } #langSelector { position: absolute; top: 52px; left: 216px} #langSelector.langSelectorAcc { left: 205px;} #langSelector a { text-decoration:underline; color:#631503; font-size: 10px; font-weight: bold; font-style:italic } #langSelector a:hover {text-decoration:none; color:#631503; } #menuList { float:left; list-style-type:none; } #menuList li { float:left;} #menuList li a { display:block; height:24px; background-position:top left; } #menuList li a:hover { display:block; height:24px; background-position:bottom left; } #menuList li a.selected { display:block; height:24px; background-position:bottom left; } #welcome a { width:82px; background-image:url(images/menu_welcome.gif); } #accomodation a { width:130px; background-image:url(images/menu_accomodation.gif); } #video a { width:50px; background-image:url(images/menu_video.gif); } #reservations a { width:109px; background-image:url(images/menu_reservations.gif); } #contact a { width:76px; background-image:url(images/menu_contact.gif); } #romanian a { width:76px; background-image:url(images/menu_romanian.gif); } #menuList li.menuSpacer1 { width:24px; height:24px; margin:0 10px; background:url(images/bg_menu_spacer1.gif); } #menuList li.menuSpacer2 { width:13px; height:24px; margin:0; background:url(images/bg_menu_spacer2.gif); } #pageIntro { float:left; width:244px; height:226px; padding:40px 38px 0 38px; margin-top:68px; background:url(images/back_page_intro.jpg) top left no-repeat; } #pageIntro h2 { font-size:14px; font-style:italic; color:#e4cf9b; } #pageIntro h2.welcome { margin-bottom:5px; } #pageIntro h2.accomodation { margin-bottom:8px; } #pageIntro h2.reservations { margin-bottom:0; } #pageIntro p { font-size:13px; font-style:italic; line-height:16px; padding-top:8px; } #pageIntro span { color:#e4cf9b; } #pageIntro a { text-decoration:underline; color:#e4cf9b; } #pageIntro a:hover { text-decoration:none; } #pageIntro a.contact { text-decoration:none; color:#e4cf9b; } #pageIntro a.contact:hover { text-decoration:underline; } #ambientLinks { float: left; width: 300px; font-size:10px; font-weight:bold; color:#631503; margin-top: 138px; margin-left: -30px; } #ambientLinksHome { float: left; width: 300px; font-size:10px; font-weight:bold; color:#631503; margin-top: 142px; margin-left: -30px; } #ambientLinks a, #ambientLinksHome a { text-decoration:none; color:#631503; font-size: 9px; } #ambientLinks a:hover, #ambientLinksHome a:hover { text-decoration:underline; color:#631503; } #homeHighlights { float:left; width:312px; height:458px; margin-left:34px; margin-top:45px; } #homeHighlightsTop {float:left; width:312px; height:232px; background:url(images/back_highlights_top.jpg) bottom left no-repeat; } #homeHighlightsTop h3 { float:right; margin:5px 0 11px 0; padding-right:12px; font-size:13px; color:#e4cf9b; text-transform:uppercase; } #homeHighlightsTop img { margin:0 0 14px 60px; } #homeHighlightsTop p { float:right; padding-right:12px; font-size:12px; text-align:right; } #homeHighlightsBottom {float:left; width:312px; height:196px; padding-top:30px; background:url(images/back_highlights_bottom.jpg) top left no-repeat;} #homeHighlightsBottom h2 { padding-bottom:32px; font-size:14px; font-style:italic; color:#52312d; } #homeHighlightsBottom p { font-size:12px; font-style:italic; font-weight:bold; color:#63403b; line-height:18px; } #homeHighlightsBottom span { color:#52312d; } #homeReservations { float:left; width:135px; height:88px; padding-top:206px; margin-left:28px; margin-top:45px; background:url(images/back_home_reservations.jpg) top left no-repeat; color:#5f4233; font-size:11px; font-weight:bold; line-height:15px; } #homeReservations a { text-decoration:underline; color:#5f4233; } #homeReservations a:hover { text-decoration:none; color:#5f4233; } /* accomodation */ #L2mainWide h4 { font-size:12px; font-style:italic; color:#e4cf9b; margin-bottom: 20px; } #L2mainWide p { font-size:13px; font-style:italic; color:#e9ddcd; margin-bottom:10px; line-height:16px; } #pic1 { float:left; width:245px; height:330px; margin:59px 0 0 59px; background:url(images/pic1.jpg) top left no-repeat; } #pic1 a.highslide { display:block; float:left; width:175px; height:260px; margin:35px 0 0 36px; } #pic2 { float:left; width:330px; height:380px; margin:71px 0 0 24px; padding-top:28px; background:url(images/pic2.jpg) bottom right no-repeat; } #pic2 h4 { text-align:right; padding-right:10px; } #pic2 p { text-align:right; padding-right:10px; } #pic2 a.highslide { display:block; float:left; width:260px; height:175px; margin:60px 0 0 35px; } #pic3 { float:left; width:330px; height:144px; margin:-4px 0 0 28px; padding-top:274px; background:url(images/pic3.jpg) top left no-repeat; } #pic3 h4 { text-align:left; padding-left:10px; } #pic3 p { text-align:left; padding-left:10px; } #pic3 a.highslide { display:block; float:left; width:260px; height:175px; margin:-239px 0 0 35px; } #pic4 { float:left; width:330px; height:128px; margin:-30px 0 0 30px; padding-top:272px; background:url(images/pic4.jpg) top right no-repeat; } #pic4 h4 { text-align:right; padding-right:72px; } #pic4 p { text-align:right; padding-right:72px; } #pic4 a.highslide { display:block; float:left; width:260px; height:175px; margin:-238px 0 0 35px; } #pic5 { float:left; width:330px; height:360px; margin:0 0 0 33px; padding-top:49px; background:url(images/pic5.jpg) bottom right no-repeat; } #pic5 h4 { text-align:left; padding-left:88px; margin-bottom:15px } #pic5 p { text-align:left; padding-left:88px; text-align:justify } #pic5 a.highslide { display:block; float:left; width:260px; height:175px; margin:28px 0 0 35px; } #pic6 { float:left; width:298px; height:160px; margin:-95px 0 0 50px; padding-top:344px; background:url(images/pic6.jpg) top right no-repeat; } #pic6 h4 { text-align:right; padding-left:30px; padding-right:10px; margin-bottom:15px; } #pic6 p { text-align:right; padding-left:30px; padding-right:10px; } #pic6 a.highslide { display:block; float:right; width:175px; height:260px; margin:-308px 35px 0 0; } #pic7 { float:left; width:410px; height:463px; margin:0 0 0 28px; padding-top:45px; background:url(images/pic7.jpg) bottom left no-repeat; } #pic7 h4 { text-align:left; padding-left:90px; margin-bottom:15px; } #pic7 p { text-align:left; padding-left:90px; text-align:justify; } #pic7 a.highslide { display:block; float:left; width:175px; height:260px; margin:32px 0 0 35px; } /* reservations & contact & useful links*/ #reservationsPageContent { float:left; width:538px; height:325px; margin:68px 0 0 44px; text-align:left; font-size:12px; color:#eadbbf; font-style:italic; } #contactPageContent { float:left; width:538px; height:348px; margin:45px 0 0 44px; text-align:left; font-size:12px; color:#eadbbf; font-style:italic; } #reservationsPageContent p, #contactPageContent p { margin-bottom:10px; } #contactPageContent p { width:270px; } #reservationsPageContent p a, #contactPageContent p a { text-decoration:underline; color:#e4cf9b; } #reservationsPageContent p a:hover, #contactPageContent p a:hover { text-decoration:none; color:#e4cf9b; } #contactPageContent p.contactPage { margin-bottom:10px; } #contactPageContent a img { margin:-7px 18px 0; border:0; } #reservationsPageContent span, #contactPageContent span { color:#e4cf9b; } #reservationsPageContent p.thanks, #contactPageContent p.thanks { color:#e4cf9b; margin-bottom:10px; } #reservationsPageContent table.filter, #contactPageContent table.filter {} table.filter tr td { color:#dcbd78; } table.filter tr td.label { padding:8px 0 4px 0; } table.filter tr td.error span { color:#FFF; } table.filter input { height:16px; border:1px solid #c69560; background-color:#f0d2a1; color:#3c1c18; font-size:11px; font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:bold; padding-left:3px; padding-top:2px; } table.filter input.submit { width:60px; height:20px; border:0; padding:0; margin-left:10px; } table.filter select { height:18px; border:1px solid #c69560; background-color:#f0d2a1; color:#3c1c18; font-size:11px; font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:bold; padding-left:3px;} table.filter textarea { height:50px; border:1px solid #c69560; background-color:#f0d2a1; color:#3c1c18; font-size:11px; font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:bold; padding-left:3px;} #reservationsHighlight { float: left; width: 365px; height: 192px; padding-left: 400px; text-align: left; } #vouchers { width: 365px; height: 160px; padding-top: 32px; background: url(images/back_reservations_highlight.jpg) top left no-repeat; text-align:center; } #vouchers h2 { padding-bottom: 5px; font-size: 14px; font-style: italic; color: #52312d; } #vouchers p { padding-bottom: 10px; font-size: 12px; font-style: italic; font-weight: bold; color: #63403b; line-height: 25px; } #vouchers span { color:#52312d; } ul.usefulLinks { float: left; width: 490px; margin-top: 10px; } ul.usefulLinks li { float: left; width: 510px; margin-bottom:5px; list-style-type: none; } ul.usefulLinks a { color: #DCBE78; text-decoration: underline; margin-left:5px; } ul.usefulLinks a:hover { text-decoration: none; } /* social media linkbar */ #socialMediaBarHome { float: left; color:#631503; margin-top: 20px; } #socialMediaBar { float: left; color:#631503; margin-top: 20px; } #socialMediaBarHome p, #socialMediaBar p { float:left; margin-top: -8px; font-size: 12px; color:#631503; font-style:normal; } #socialMediaBarHome div, #socialMediaBar div { float: left; margin-left: 6px; } #socialMediaBarHome a, #socialMediaBar a { float: left; display: block; width: 16px; height: 32px; margin-right: 6px; background: top left no-repeat; } #socialMediaBarHome a.facebook, #socialMediaBar a.facebook { background-image: url( images/social_facebook_icon.png ); } #socialMediaBarHome a.linkedin, #socialMediaBar a.linkedin { background-image: url( images/social_linkedin_icon.png ); } #socialMediaBarHome a.twitter, #socialMediaBar a.twitter { background-image: url( images/social_twitter_icon.png ); } #socialMediaBarHome a.gplus, #socialMediaBar a.gplus { background-image: url( images/social_gplus_icon.png ); } #socialMediaBarHome a.usefulLinks, #socialMediaBar a.usefulLinks { float: none; display: inline; color: #631503; text-decoration: underline; } #socialMediaBarHome a.usefulLinks:hover, #socialMediaBar a.usefulLinks:hover { text-decoration: none; } /* video tour */ #videoPageContent { float:left; width:538px; height:348px; margin:45px 0 0 44px; text-align:left; font-size:12px; color:#eadbbf; font-style:italic; } #videoHolder { float: left; width: 400px; height: 233px; padding: 33px 32px; margin: 50px 0 0 40px; background: url(images/bg_video_tour.png) top left no-repeat; } /* ambient exclusive */ #AmbientExclusive { float: right; width: 150px; height: 25px; } #AmbientExclusive.home { margin: 125px 60px 0 0; } #AmbientExclusive.accommodation { margin: -40px 40px 0 0; } #AmbientExclusive.video { margin: 115px 60px 0 0; } #AmbientExclusive.reservations { margin: 70px 55px 0 0; } #AmbientExclusive.contact { margin: 70px 55px 0 0; } #AmbientExclusive.useful_links { margin: 70px 55px 0 0; } #AmbientExclusive a { float: left; display: block; width: 150px; height: 25px; background: url(images/ambient_exclusive_badge.png) bottom left no-repeat; } #AmbientExclusive a:hover { background-position: top left; }