/***************************************** CSS file for HamHam Copyright (c) web.burza.hr *****************************************/ * {margin: 0; padding: 0;} body {font: 62.5%/1.1 Arial, Helvetica, sans-serif; text-align: center; background: #000 url('/css/cssimg/bkg-body2.jpg') repeat-x left top; color: #fff;} a, img, fieldset {outline: none; border: none;} ul {list-style-type: none;} a {text-decoration: none; color: #f57e00;} .clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clear {display:inline-block;} .clear {display:block;} .clearfix {clear: both;} h3 {text-transform: uppercase;} .highlight {font-weight: bold;} .structural {position: absolute !important; left: -9999px !important;} .left {float: left; display: inline;} .right {float: right; display: inline;} .group {overflow: hidden;} #container {width: 100%; position: absolute; top: 0; left: 0;} #sizer {width: 989px; margin: 0 auto; text-align: left;} #header {position: relative;} div#logo {width: 345px; height: 86px; background-image: url("/css/cssimg/bkg-logo.png"); padding: 13px 0 0 21px;} #navigation {position: absolute; top: 0px; right: 0px;} #content {position: relative; min-height: 810px;} #featured-event {background: transparent url('/css/cssimg/bkg-featured-event.png') no-repeat left top; width: 956px; height: 290px; margin-top: 8px; padding: 16px; position: relative;} #contact {width: 896px; height: 191px; background: transparent url('/css/cssimg/contact1.png') no-repeat right top; position: relative; top: 7px; left: 87px;} #event-inner {width: 956px; height: 290px; background: transparent url('/css/cssimg/bkg-event-inner.jpg') no-repeat left top;} #footer {width: 100%; height: 180px; text-align: center; background: url('/css/cssimg/bkg-footer-line.png') repeat-x;} #footer-content {width: 989px; height: 180px; text-indent: -9999px; margin: 0 auto; background: url('/css/cssimg/bkg-footer.png') 0 30px no-repeat; } #navigation li {float: left; margin-right: 2px;} #navigation a {width: 123px; height: 99px; display: block; position: relative;} #navigation a span {position: absolute; width: 100%; height: 100%; } #navigation #nav-klub a span {background: url('/css/cssimg/nav/bar.jpg') no-repeat; } #navigation #nav-klub a:hover span {background-position: left bottom;} #navigation #nav-prostor a span {background: transparent url('/css/cssimg/nav/prostor.jpg') no-repeat left top;} #navigation #nav-prostor a:hover span {background-position: left bottom;} #navigation #nav-seminar a span { background: url(/css/cssimg/nav/seminari.jpg) no-repeat; } #navigation #nav-seminar a:hover span { background-position: left bottom; } #navigation #nav-birthday a span { background: url(/css/cssimg/nav/rodjendani.jpg) no-repeat; } #navigation #nav-birthday a:hover span { background-position: left bottom; } #navigation #nav-wedding a span { background: url(/css/cssimg/nav/vjencanja.jpg) no-repeat; } #navigation #nav-wedding a:hover span { background-position: left bottom; } #navigation #nav-kontakt a span {background: transparent url('/css/cssimg/nav/kontakt.jpg') no-repeat left top;} #navigation #nav-kontakt a:hover span {background-position: left bottom;} #navigation #nav-kontakt {margin-right: 0px;} .klub_body #navigation #nav-klub a span, .prostor_body #navigation #nav-prostor a span, .kontakt_body #navigation #nav-kontakt a span {background-position: left bottom;} #side {width: 175px; height: 926px; background: transparent url('/css/cssimg/bkg-side3.jpg') repeat-y right top; position: absolute; left: -15px; top: 0;} .prostor_body #side {display: none; background: none;} #lamp {width: 139px; height: 216px; background: transparent url('/css/cssimg/lamp.png') no-repeat right top; position: absolute; left: -20px; top: 0;} .prostor_body #lamp {display: none; background: none;} #chair {width: 338px; height: 439px; background: transparent url('/css/cssimg/chair.png') no-repeat right top; position: absolute; left: 0; top: 488px;} .prostor_body #chair {background-image: url('/css/cssimg/office-chair.png');} #picture {width: 123px; height: 383px; background: transparent url('/css/cssimg/picture.png') no-repeat left top; position: absolute; right: 0; top: 0;} #featured-event h3 {font-size: 3em; position: absolute; left: 522px; top: 33px; font-weight: bold;} #featured-event h3 span {color: #ff9600; display: block;} #featured-event p {font-size: 1.1em; width: 175px; position: absolute; top: 105px; left: 525px; line-height: 1.32} #featured-event #featured-flash {outline: none;} #featured-event ul {font-family: 'Trebuchet MS', sans-serif; text-align: right; width: 221px; position: absolute; top: 178px; left: 86px; line-height: 0.85; letter-spacing: -0.01em;} #featured-event ul a {color: #fff; display: block; padding: 10px 10px 7px 0;} #featured-event ul a:hover span {color: #ff9600;} #featured-event ul a.active {background: transparent url('/css/cssimg/bkg-menu-item-active.png') repeat left top; cursor: default;} #featured-event ul a.active:hover span {color: #fff;} #featured-event ul li {font-size: 1.2em;} #featured-event ul li span {display: block; text-transform: uppercase; font-size: 2.8em; letter-spacing: -0.02em;} #featured-event.landscape p {width: 400px;} #featured-event #flyer { position: absolute; left: 712px; top: 90px; z-index: 1000; } #featured-event.landscape #flyer { left: 630px; top: 155px; } .flyer_holder { padding: 0 10px 0 3px; z-index: 1000; background: url(/css/cssimg/flyer-background.png) 100% -10px no-repeat; } .img_flyer { z-index: 1020; } .flyer_top { height: 20px; margin: 0 20px 0 13px; background: url(/css/cssimg/flyer-back-top.png) 0 10px no-repeat; } .flyer_bottom { height: 10px; margin: 0 20px 0 13px; background: url(/css/cssimg/flyer-back-bottom.png) 0 100% no-repeat; } .flyer_top_left { width: 20px; height: 20px; position: absolute; top: 0; left: 0; background: url(/css/cssimg/flyer-back-tl.png) -7px 10px no-repeat; z-index: 1010; } .flyer_top_right { width: 20px; height: 20px; position: absolute; top: 0; right: 0; background: url(/css/cssimg/flyer-back-tr.png) 100% 10px no-repeat; z-index: 1010; } .flyer_bottom_left { width: 20px; height: 10px; position: absolute; bottom: 0; left: 0; background: url(/css/cssimg/flyer-back-bl.png) -7px 100% no-repeat; z-index: 1010; } .flyer_bottom_right { width: 20px; height: 10px; position: absolute; bottom: 0; right: 0; background: url(/css/cssimg/flyer-back-br.png) 100% 100% no-repeat; z-index: 1010; } #about_club { position: absolute; width: 335px; height: 141px; top: 50px; left: 0; font-size: 1.1em; line-height: 1.6em; z-index: 500; } .about_read_more { float: left; width: 150px; height: 40px; display: block; text-align: center; text-transform: uppercase; } .about_read_more a { display: block; width: 150px; height: 40px; line-height: 50px; } #about_club_intro, #about_club_program { font-size: 1.1em; width: 347px; line-height: 1.6em; } #about_club_intro { float: left; margin-left: 88px; display: inline; background: url('/css/cssimg/bkg-about_club_intro.png') 53px 100% no-repeat; padding-bottom: 140px; } #about_club_program { float: right; margin: 72px 181px 0 0; display: inline; } #about_club_intro p, #about_club_program p { margin-bottom: 1.6em; } #body_o-klubu_overview { background: #000 url('/css/cssimg/bkg-body-nojs4.jpg') repeat left top; } #body_o-klubu_overview #content { background: url(/css/cssimg/club1.png) 100% 345px no-repeat; overflow: hidden; padding-bottom: 3px; } #body_o-klubu_overview #content h1 { text-transform: uppercase; font-size: 3em; padding: .7em 0 .7em 88px; font-weight: bold;} #facebook {background: transparent url('/css/cssimg/facebook-top.png') no-repeat left top; width: 256px; padding-top: 36px; position: absolute; left: 494px; top: 375px; font-family: 'Trebuchet MS', sans-serif; font-size: 1.2em; line-height: 1.2; font-weight: bold; z-index: 500;} #facebook p {background: transparent url('/css/cssimg/facebook-btm.png') no-repeat left bottom; padding: 0 40px 20px 17px; position: relative; top: 10px;} #past-events {position: absolute; top: 583px; left: 122px; width: 793px; background: transparent url('/css/cssimg/bkg-past-events.png') no-repeat left top; padding: 18px 0 0 25px;} .past-event {width: 793px; background: transparent url(/css/cssimg/bkg-past-event-top.png) no-repeat scroll left top; padding: 18px 0 0 25px; clear: both; margin-bottom: 20px;} #body_klub_view_gallery .past-event {margin-bottom: 25px;} .past-event-btm {background: transparent url(/css/cssimg/bkg-past-event-btm.png); width: 818px; height: 9px; position: relative; bottom: -9px; left: -25px; overflow: hidden;} #past-events .overflow, .past-event .overflow {overflow: hidden; width: 765px;} #past-events .inner, .past-event .inner {width: 745px; height: 190px; padding-left: 20px;} .past-event .inner {height: auto;} #past-event-content, .past-event-content {float: right; padding-top: 1em; width: 390px;} #past-events h2 {text-transform: uppercase; font-family: 'Trebuchet MS', sans-serif; font-size: 1.2em; letter-spacing: -0.01em; position: absolute; top: -29px; left: 0;} #past-events h2 span {padding: 0 10px;} #past-events h2 span span {padding: 0 7px;} #past-events h3, .past-event h3 {font-size: 3em; font-weight: bold; margin-bottom: 10px;} #past-events h3 a, .past-event h3 a {color: #fff;} #past-events h3 span, .past-event h3 span {color: #00ccff; display: block;} #past-events p, .past-event p {font-size: 1.1em; width: 386px; line-height: 1.23; padding-left: 2px;} #event-gallery-link, .event-gallery-link {padding: 3px 7px 10px 3px; background: transparent url('/css/cssimg/past-event-frame.png') no-repeat left top; float: left;} #previous, #next {position: absolute; top: 0; width: 43px; height: 208px; text-indent: -9999px; background: transparent url('/css/cssimg/past-event-nav.png') no-repeat left top;} #previous {background-position: left top; left: -33px;} #next {background-position: right top; right: -33px;} #previous:hover {background-position: left bottom;} #next:hover {background-position: right bottom;} #past-events p.event_history { position: absolute; text-transform: uppercase; font-size: 1.2em; font-weight: bold; width: auto; top: -29px; line-height: 1; right: 0; } #body_klub_archive #content {padding: 18px 80px; min-height: 780px; overflow: hidden; } #body_klub_archive #content h1, #back-to-event-listing {text-transform: uppercase; font-family: "Trebuchet MS", Arial, sans-serif;} #body_klub_archive #content h1 {float: left; font-size: 3em; padding-bottom: .4em; font-weight: normal;} #body_klub_archive {background: #000 url('/css/cssimg/bkg-body-nojs4.jpg') repeat left top;} #body_klub_archive .pagination {width: 818px;} #TB_overlay {position: fixed; z-index:2998; top: 0px; left: 0px; height:100%; width:100%;} .TB_overlayMacFFBGHack {background: url("/images/iface/macFFBgHack.png") repeat;} .TB_overlayBG {background-color:#000; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;} #TB_window {position: fixed; z-index: 3000; display:none; text-align:left; top:50%; left:50%; background: transparent url("/css/cssimg/modal/bkg-modal-window.png"); padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} #TB_window img#TB_Image {display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666;} #TB_caption {height:25px; padding:7px 30px 10px 25px; float:left;} #TB_closeWindow {height:25px; padding:11px 25px 10px 0; float:right;} #TB_closeAjaxWindow {position: relative; text-indent: -9999px;} #TB_closeWindowButton {position: absolute; background: transparent url("/css/cssimg/modal/btn-modal-close.png") no-repeat left top; width: 60px; height: 13px; display: block; top: 7px; left: 6px; z-index: 3001;} #TB_ajaxWindowTitle {display: none;} #TB_title {height: 0;} #TB_ajaxContent {clear:both; padding:0px; overflow:visible; text-align:left;} #TB_load {position: fixed; display:none; height:13px; width:208px; z-index:2999; top: 50%; left: 50%; margin: -6px 0 0 -104px; } #TB_HideSelect {z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%;} #TB_iframeContent {clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px;} #gallery-view-modal {position: relative; text-align: left; width: 750px; padding: 30px 20px 20px 20px; background: transparent url("/css/cssimg/modal/bkg-modal-content.png"); min-height: 410px;} #TB_window #gallery-view-modal { -moz-border-radius: 2px;} #TB_window #gallery-view-modal #flyer {position: absolute; right: -30px; top: -50px; z-index: 1000;} #TB_window #gallery-view-modal #flyer.landscape { right: -85px; top: -60px; } #gallery-view-modal h1 {font-size: 1.4em; font-weight: bold; margin-bottom: 15px; text-transform: uppercase; position: static;} #gallery-view-modal h1 span {color: #ff9600; display: block; font-size: 1.9em;} #gallery-view-modal h2 {text-transform: uppercase; font-size: 1.2em; margin: 0 0 29px 210px;} #gallery-view-modal #prev-next-nav {position: absolute; right: 20px; bottom: 24px;} #gallery-view-modal #prev-next-nav img {background: transparent url("/css/cssimg/modal/bkg-prev-next-nav.png") no-repeat left top; padding: 3px 4px 3px 4px;} #gallery-view-modal #prev-photo {margin-right: 7px;} #current-photo-container {width: 530px; height: 310px; text-align: center; } #gallery-view-modal #current-photo { position: absolute; left: 20px; bottom: 20px; } #body_klub_view_gallery #current-photo-container { height: 330px; position: relative; } #body_klub_view_gallery #gallery-view-modal #current-photo { left: 0; top: -20px; } #current-photo img { background: transparent url("/css/cssimg/imgloader.gif") 50% 50% no-repeat; } #current-photo a.inline-prev {background: transparent url("/css/cssimg/modal/overlay-prev.png") no-repeat left center; width: 40%; height: 100%; display: none; position: absolute; left: 3px; top: 0; z-index: 3002;} #current-photo a.inline-next {background: transparent url("/css/cssimg/modal/overlay-next.png") no-repeat right center; width: 40%; height: 100%; display: none; position: absolute; right: 10px; top: 0; z-index: 3002;} #prev-next-nav a {position: relative; display: block; width: 106px; height: 108px; float: left; margin-left: 5px;} #prev-next-nav a div.inline-prev {background: transparent url("/css/cssimg/modal/overlay-prev.png") no-repeat right center; width: 78px; height: 17px; display: block; position: absolute; left: 4px; bottom: 10px; z-index: 3002;} #prev-next-nav a div.inline-next {background: transparent url("/css/cssimg/modal/overlay-next.png") no-repeat left center; width: 78px; height: 17px; display: block; position: absolute; right: 4px; bottom: 10px; z-index: 3002;} #body_klub_view_gallery #content {padding: 18px 80px; min-height: 780px; } #body_klub_view_gallery #content h1, #back-to-event-listing {text-transform: uppercase; font-family: "Trebuchet MS", Arial, sans-serif;} #body_klub_view_gallery #content h1 {float: left; font-size: 3em; padding-bottom: .4em; font-weight: normal;} #back-to-event-listing {float: right; font-size: 1.2em; padding: 1.5em 1em 0 0; font-weight: bold;} #gallery_flyer { position: relative; width: 1px; height: 1px; margin-left: 829px; z-index: 10; } #body_klub_view_gallery #gallery_flyer #flyer { right: 7px; top: -20px; position: absolute; z-index: 1000; } #body_klub_view_gallery #gallery_flyer #flyer.landscape { right: -75px; top: -20px; } #body_klub_view_gallery #gallery-view-modal { position: static; width: auto; padding: 0px; background: none;} #body_klub_view_gallery #prev-next-nav, #body_klub_view_gallery #past-events { position: static; margin: 15px 0 20px 0; clear: both; } #body_klub_view_gallery #gallery-view-modal { position: relative; } #body_klub_view_gallery #prev-next-nav {width: 530px;} #body_klub_view_gallery #prev-next-nav a {margin: 0 7px 15px 15px; display: inline-block;} #body_klub_view_gallery #prev-next-nav a.active img {background-image: url("/css/cssimg/modal/bkg-prev-next-nav-active.png");} #body_klub_view_gallery {background: #000 url('/css/cssimg/bkg-body-nojs4.jpg') repeat left top;} p.return_link { float: right; text-transform: uppercase; margin: 15px; font-size: 1.2em; font-weight: bold; } p.return_link_bottom { margin: 0 15px; } .pagination { float: left; width: 530px; margin-bottom: 15px; font-size: 1.2em; color: #f57e00; } .pagination .prev { float: left; display: none; } .pagination .next { float: right; display: none; } .pagination .pages { margin: 0 130px; text-align: center; } .pagination .next a, .pagination .prev a { float: left; text-transform: uppercase; font-weight: normal; } .pagination a:hover, .pagination a:active, .pagination a:focus { color: #fff; } .pagination .prev a:hover, .pagination .prev a:active, .pagination .prev a:focus { color: #fff; } .pagination .next a:hover, .pagination .next a:active, .pagination .next a:focus { color: #fff; } .pagination span, .pagination a, .pagination strong { display: inline; } .pagination .pages span, .pagination .pages strong, .pagination .pages a { padding: 0 3px; } .pagination .pages strong { color: #fff; } .pagination .pages a:hover, .pagination .pages a:active, .pagination .pages a:focus { color: #fff; } #contact-modal h1 {font-weight: bold; font-size: 3.3em; text-transform: uppercase;} #contact-modal p {font-size: 1.1em; line-height: 1.3em;} #contact-modal label {font-weight: bold; color: #fff568; margin-bottom: 8px;} #contact-modal input, #contact-modal textarea {color: #603913; font: inherit; width: 250px; border: none; background: transparent;} #contact-modal input.error, #contact-modal textarea.error {background: transparent url("/css/cssimg/error.png") no-repeat 100% 40%;} #contact-modal textarea.error {background-position: 100% 3%;} #contact-modal textarea {height: 131px;} #contact-modal form p {margin-bottom: 7px; position: relative;} #contact-modal form p span {position: absolute; top: -1.85em; left: 5em; text-transform: uppercase; color: red; text-align: right; width: 20em; font-weight: bold;} #contact-modal button {padding: 0; border: none; background: none; margin: 0; cursor: pointer;} #contact-modal p.input {background: transparent url("/css/cssimg/bkg-input.png") no-repeat left top; padding: 9px 12px 11px;} #contact-modal p.textarea {background: transparent url("/css/cssimg/bkg-textarea.png") no-repeat left top; padding: 9px 12px 11px;} #contact-modal .location-map {width: 275px; height: 339px; background: transparent url("/css/cssimg/bkg-location-map.png") no-repeat left top;} #contact-modal #success, #contact-modal #failiure {min-height: 197px; padding: 100px 0 0 30px; font-size: 2.1em; text-transform: uppercase; line-height: 1.1; font-weight: bold;} #contact-modal #success span, #contact-modal #failiure span {position: static; font-size: .5em; display: block; color: #fff; text-align: left; font-weight: normal;} #contact-modal #failiure span {color: red;} #contact-modal .idle-field {color: #603913;} #contact-modal .focused-field {color: #000;} #TB_ajaxContent #contact-modal {background: transparent url("/css/cssimg/modal/bkg-contact-modal.png") repeat left top; position: relative; padding: 22px 20px; width: 756px;} #TB_ajaxContent #contact-modal h1 {position: static; color: #fff;} #TB_ajaxContent #contact-modal #info {width: 330px; position: absolute; left: 619px; bottom: 53px; color: #fff;} #TB_ajaxContent #contact-modal form {padding: 6em 0 0 75px; position: relative;} #TB_ajaxContent .location-map {position: absolute; right: -25px; top: -50px;} #TB_ajaxContent button {position: absolute; left: 370px; bottom: 6px;} #body_kontakt_overview {background-image: url(/css/cssimg/bkg-body-nojs4.jpg);} #body_kontakt_overview #content {padding: 18px 80px; min-height: 650px; } #body_kontakt_overview h1 {padding-bottom: .5em;} #body_kontakt_overview .location-map {position: absolute; left: 400px; top: 13.7em;} #body_kontakt_overview form {padding-top: 2em;} #body_kontakt_overview button {position: relative; top: 1.1em; left: -0.2em;} .error-copy {width: 940px; margin: 0 auto;} .error-copy h1 {text-transform: uppercase; padding: 1.5em 0 1em 0; color: #ff9600;} .error-copy p, .error-copy ul {font-size: 1.2em; line-height: 1.5em;} .error-copy p {padding-bottom: 1.2em;} .error-copy ul {list-style-type: disc; list-style-position: inside;} .error-copy #navigation {list-style-type: none;} #body_homepage_overview {} #body_homepage_overview {background: #000 url('/css/cssimg/bkg-splash4.png') no-repeat fixed 50% 50%;} #body_homepage_overview #wrapper { width: 976px; margin: 0 auto;} #body_homepage_overview #container {position: absolute; top: 50%; left: 0px; width: 100%; margin-top: -200px; text-align: center; min-width: 976px;} #body_homepage_overview #sizer {position: relative; text-align: left; width: 976px; height: 500px; margin: 0 auto; } #body_homepage_overview #content {min-height: 0;} #body_homepage_overview #logo {position: absolute; top: -54px; left: 88px;} #body_homepage_overview h2, #body_homepage_overview ul {text-transform: uppercase; font-family: 'Trebuchet MS', sans-serif; font-weight: normal;} #body_homepage_overview #footer {display: none;} #navigation.simple a {width: auto; height: auto;} #splash-nav {width: 902px; height: 359px; background: transparent url('/css/cssimg/bkg-splash-nav.png') no-repeat left top; padding: 60px 0 0 71px;} #splash-nav #inner {width: 835px; height: 232px; background: transparent url('/css/cssimg/splash-nav-2.jpg') no-repeat left top;} #splash-nav ul {text-align: right; position: absolute; top: 195px; left: 197px; width: 197px;} #splash-nav ul li {font-size: 1.1em; margin-bottom: -6px; line-height: 0.85;} #splash-nav ul li span {display: block; text-transform: uppercase; font-size: 2.8em; letter-spacing: -0.02em;} #splash-nav ul a {color: #fff; display: block; padding: 9px 8px 7px 0;} #splash-nav ul a:hover {background: transparent url(/css/cssimg/bkg-menu-item-active.png) repeat left top;} #body_homepage_overview #navigation {position: absolute; top: -40px; right: 40px; font-size: 1em;} #body_homepage_overview #navigation li {padding: 0 10px; border-right: 1px solid #fff;} #body_homepage_overview #navigation #nav-kontakt {border: 0;} #body_homepage_overview #navigation a {color: #fff;} #body_homepage_overview #navigation a:hover {text-decoration: underline;} #body_homepage_overview #club {font-size: 5.7em; position: absolute; top: 66px; left: 206px;} #body_homepage_overview #club a {color: #fff;} #body_homepage_overview #event-venue {font-size: 3.7em; width: 176px; position: absolute; top: 180px; left: 640px; line-height: 0.94;} #body_homepage_overview #event-venue a {color: #31180d; display: block;} #body_homepage_overview #event-venue-list { position: absolute; left: 628px; top: 216px; width: 176px; } #body_homepage_overview #event-venue-list li { margin-bottom: 0; } #body_homepage_overview #event-venue-list a { color: #fff; font-weight: bold; } #body_prostor_overview {background: #fff url(/css/cssimg/bkg-body-prostor.jpg) repeat-x center top; color: #000;} #body_prostor_overview #content {background: transparent url(/css/cssimg/bkg-ornament.png) no-repeat right 420px;} .prostor_body #content {min-height: 0;} .body-copy {padding: 0 400px 20px 100px; position: relative;} .content-full {padding: 0 20px 50px 100px; overflow: hidden;} .content-full .col025 {width: 23%; padding-right: 1.5%; float: left; display: inline;} .content-full .col05 {width: 43%; padding-right: 1.5%; float: left; display: inline;} #call_to_action {width: 330px; font-weight: bold; position: absolute; right: 35px; top: 35em; text-align: center;} #call_to_action p {font-size: 1.8em; line-height: 1.2;} #featured-venue {height: 246px; background: transparent url(/css/cssimg/bkg-prostor-feature.png) no-repeat -1px top; padding: 21px 22px; margin-top: 11px;} #featured-venue-inner, #featured-venue-inner a {color: #fff;} #featured-venue-inner {height: 230px; position: relative; zoom:1;} .seminar #featured-venue-inner {background: transparent url(/css/cssimg/bkg-seminar-inner.jpg) no-repeat left top;} .birthday #featured-venue-inner {background: transparent url(/css/cssimg/bkg-birthday-inner.jpg) no-repeat left top;} .wedding #featured-venue-inner {background: transparent url(/css/cssimg/bkg-wedding-inner.jpg) no-repeat left top;} #featured-venue-nav span, #featured-venue-nav a:hover, #featured-venue-nav a:focus, #featured-venue-desc {background: transparent url(/css/cssimg/bkg-menu-item-active.png) repeat left top;} #featured-venue-desc {float: right; text-transform: uppercase; font-size: 2.4em; padding: 15px 30px; width: 415px; height: 200px; line-height: 1.2;} #featured-venue-nav {float: left; display: inline; text-transform: uppercase; width: 220px; margin-left: 71px; padding-top: 70px;} #featured-venue-nav li {list-style-type: none; font-size: 1.8em; text-align: right; _line-height:1 !important;} #featured-venue-nav li span, #featured-venue-nav li a {display: block; padding: .6em .3em;} #featured-venue-nav a:hover {color: #F57E00;} #featured-venue #flyer { position: absolute; right: 75px; top: 14em; z-index: 1000; } #featured-venue.landscape #flyer { right: 10px; top: 15em; } .callout {font-family: "Trebuchet MS", sans-serif;} .highlight {color: #cc3333;} .options {padding: 20px 0;} .options p {font-size: 1.8em !important; padding-bottom: 0 !important;} .options .fade {font-size: .777em;} .options .left, .options .right {width: 49%;} .prostor {} .prostor h1 {font-size: 2.5em; text-transform: uppercase;} .prostor p, .prostor li {font-size: 1.2em; line-height: 1.5em;} .prostor p, .prostor ul, .prostor ol {padding-bottom: 1.1em;} .prostor h1, .prostor h2, .prostor h3 {padding-bottom: .5em;} .prostor .fade {color: #666;} .prostor .lead {font-size: 1.8em; font-weight: bold; line-height: 1.2em; padding-bottom: .6em; padding-top: .3em;} .prostor .lead .fade {display: block;} .prostor .lead .massive {font-size: 1.1em; } .prostor li {list-style-position: outside;} .prostor ul, .prostor ol {margin-left: 2em;} .prostor ul {list-style-type: disc;} .prostor ol {list-style-type: decimal;} .baloons { background: url(/css/cssimg/baloons.png) 50% 150px no-repeat; } .baloons .inner { background: url(/css/cssimg/traka.png) -20px 85% no-repeat; } .wedding { background: url(/css/cssimg/gift.png) 50% 150px no-repeat; } .seminars { background: url(/css/cssimg/ploca.png) 100% 150px no-repeat; } .seminars .inner { } .edit-link { background: #fff; color: #f00; padding: 1px; margin: 1px; position: absolute; top: 0; right: 0; z-index: 9999; } #profiling { position: absolute; right: 0px; top: 5px; width: 480px; z-index: 9999; font-size: 1.1em; } #profiling_overview { text-align: right; color: #000; } #profiling_overview a { color: #888; text-decoration: underline; } #profiling_details { position: relative; top: -1px; background: #333; border: 1px solid #111; height: 600px; overflow: auto; padding: 10px; } #profiling_details thead * { font-weight: bold; color: #999; border-bottom: 1px solid #ccc; text-align: left; } #profiling_details tbody th, #profiling_details tbody td { border-bottom: 1px solid #ccc; padding: 5px 10px; font-weight: normal !important; font-size: 1em !important; } #profiling_details tbody th { padding: 5px 10px 5px 2px; text-align: left; } .diff_col, .total_col, #profiling_details tbody td { text-align: right !important; padding-right: 2px; padding-left: 20px; } #profiling_details tbody th { color: #666; } #profiling_details td span { display: block; padding-bottom: 2px; margin-bottom: 1px; border-bottom: 1px solid #eee; } #profiling_details .cool { color: #70BA0B !important; } #profiling_details .risky { color: #FF9000 !important; } #profiling_details .critical { color: #FF0000 !important; }