* { color: white; font-family: Arial; font-size: 10pt; line-height: 15pt; } html { height: 100%; } body { background-color: black; padding: 0; margin: 0; height: 100%; } img { border: 0; } a { text-decoration: none; } a:hover { text-decoration: underline; } h1 { text-transform: uppercase; font-size: 25px; } h3 { text-transform: uppercase; font-size: 14pt; } label { font-weight: bold; } input, textarea { color: black; } #main-wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -502px; } /* the bottom margin is the negative value of the footer's height */ #main-push { height: 502px; } #main-body { text-align: center; vertical-align: bottom; } #main-news { position: absolute; height: 215px; width: 348px; top: 5px; left: 37px; text-align: left; text-transform: uppercase; font-weight: bold; } #main-news-image { width: 189px; height: 190px; } #main-news-image-holder { margin-top: 29px; width: 189px; height: 190px; } #main-logo { position: absolute; top: 25px; width: 100%; text-align: center; } #main-footer-left { position: absolute; left: 35px; bottom: 40px; } #main-footer-right { position: absolute; right: 35px; bottom: 40px; text-align: left !important; } #main-box { width: 539px; height: 502px; z-index: 2; } #main-peppers { width: 100%; height: 502px; vertical-align: bottom; text-align: center; } #main-menu-specials { position: absolute; left: 450px; bottom: 200px; width: 124px; height: 67px; z-index: 3; visibility: hidden; } #main-menu-portfolio{ position: absolute; left: 590px; bottom: 270px; width: 85px; height: 107px; z-index: 3; visibility: hidden; } #main-menu-services { position: absolute; left: 660px; bottom: 280px; width: 120px; height: 112px; z-index: 3; visibility: hidden; } #main-menu-about { position: absolute; left: 725px; bottom: 190px; width: 73px; height: 35px; z-index: 3; visibility: hidden; } #main-menu-contacts { position: absolute; left: 730px; bottom: 90px; width: 98px; height: 47px; z-index: 3; visibility: hidden; } #inner-wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -80px; } /* the bottom margin is the negative value of the footer's height */ #inner-push { height: 80px; } #inner-body { text-align: center; vertical-align: bottom; } #inner-logo { position: absolute; height: 180px; padding-top: 25px; width: 100%; text-align: center; background-repeat: no-repeat; background-position: center top; } #inner-footer { height: 80px; vertical-align: bottom; text-align: center; } #inner-footer-left { position: absolute; left: 35px; padding-top: 30px; } #inner-footer-right { position: absolute; right: 35px; text-align: left !important; padding-top: 10px; } #inner-content { width: 50%; margin-left: 25%; text-align: left; padding-top: 230px; margin-bottom: 80px; } #inner-menu-holder { } #inner-menu-specials { position: absolute; left: -105px; top: 110px; width: 175px; height: 131px; z-index: 3; } #inner-menu-portfolio { position: absolute; left: -100px; top: 215px; width: 224px; height: 105px; z-index: 4; } #inner-menu-services { position: absolute; left: -80px; top: 305px; width: 186px; height: 88px; z-index: 2; } #inner-menu-about { position: absolute; left: -75px; top: 360px; width: 159px; height: 65px; z-index: 3; } #inner-menu-contacts { position: absolute; left: -75px; top: 405px; width: 145px; height: 75px; z-index: 1; } #news-menu { padding-left: 40px; } .news-header { text-transform: uppercase; } .news-menu-year { font-weight: bold; font-size: 13pt; } .news-month-selecta { font-size: 22pt; line-height: 32px; } .news-month { font-weight: bold; font-size: 13pt; line-height: 26px; } .news-body { padding-bottom: 40px; } #inner-left { float: left; margin-top: 480px; text-align: left; padding-left: 0px; } #inner-menu-brief { margin-top: 160px; } #about-submenu { margin-top: -85px; height: 80px; margin-left: 560px; } #about-submenu-press { position: absolute; margin-left: -35px; margin-top: -15px; } #about-submenu-reviews { position: absolute; margin-top: 23px; margin-left: -14px; } #about-submenu-clients { position: absolute; margin-top: 80px; } #clients td { font-size: 8pt; line-height: 15px; } #clients td a { font-size: 8pt; line-height: 15px; } .w220 { width: 220px; } .w430 { width: 430px; } .err { color: red; } #port-view { width: 790px; height: 340px; } #port-current-event { width: 525px; height: 340px; float: left; } #port-events-wrapper{ overflow: hidden; height: 340px; } #port-events { height: 200px; } #port-events a.name { text-transform: uppercase; display: block; } .port-event-aux { margin-bottom: 15px; } #content-slider { height: 340px; width: 3px; margin: 5px; background: url(/i/port-slider.jpg) no-repeat; float: right; position: relative; } .content-slider-handle { width: 11px; height: 18px; position: absolute; top: -4px; background: url(/i/port-slider-handler.jpg) no-repeat; border: solid 1px black; } #inner-portfolio-pepper { position: absolute; top: 180px; left: 0px; } #inner-content-portfolio{ margin-top: 230px; width: 100%; overflow: hidden; text-align: left; } #inner-portfolio { width: 100%; overflow: hidden; } #inner-content-portfolio p { margin-left: 300px; text-transform: uppercase; } #inner-content-portfolio img { display: inline; } #port-holder { width: 1500px; height: 270px; } #port-slider { height: 3px; width: 340px; margin-top: 15px; background: url(/i/inport-slider.jpg) no-repeat; position: relative; text-align: left !important; } .port-slider-handle { width: 18px; height: 11px; position: absolute; top: -4px; background: url(/i/inport-slider-handler.jpg) no-repeat; border: solid 1px black; } /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.pictureHolder .top .left { background: #fff; } /* Top left corner */ div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */ div.pictureHolder .top .right { background: #fff; } /* Top right corner */ div.pictureHolder .content { background-color: #fff; } /* Content background */ div.pictureHolder .content a.next:hover { background: url(/i/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.pictureHolder .content a.previous:hover { background: url(/i/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.pictureHolder .content a.expand { background: url(/i/prettyPhoto/light_rounded/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */ div.pictureHolder .content a.expand:hover { background: url(/i/prettyPhoto/light_rounded/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */ div.pictureHolder .content a.contract { background: url(/i/prettyPhoto/light_rounded/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */ div.pictureHolder .content a.contract:hover { background: url(/i/prettyPhoto/light_rounded/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */ div.pictureHolder .content a.close { width: 75px; height: 22px; background: url(/i/prettyPhoto/light_rounded/btnClose.png) center right no-repeat; cursor: pointer; } /* Close button */ div.pictureHolder .content .details .nav a.arrow_previous { background: url(/i/prettyPhoto/light_rounded/arrow_previous.png) top left no-repeat; } /* The previous arrow in the bottom nav */ div.pictureHolder .content .details .nav a.arrow_next { background: url(/i/prettyPhoto/light_rounded/arrow_next.png) top left no-repeat; } /* The next arrow in the bottom nav */ div.pictureHolder .bottom .left { background: #fff; } /* Bottom left corner */ div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */ div.pictureHolder .bottom .right { background: #fff; } /* Bottom right corner */ div.pictureHolder .loaderIcon { background: url(/i/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(/i/prettyPhoto/light_rounded/ttl.gif) top left no-repeat; } div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(/i/prettyPhoto/light_rounded/ttr.gif) top left no-repeat; } div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(/i/prettyPhoto/light_rounded/ttp.gif) top left repeat-x; } div.light_square .top .left , div.light_square .top .middle, div.light_square .top .right, div.light_square .bottom .left, div.light_square .bottom .middle, div.light_square .bottom .right, div.light_square .content, div.light_square div.prettyPhotoTitleLeft, div.light_square div.prettyPhotoTitleRight, div.light_square div.prettyPhotoTitleContent { background: #fff; } div.light_square div.prettyPhotoTitleContent { color: #666666; } /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.prettyPhotoOverlay { background: #000; position: absolute; top: 0; left: 0; z-index: 9500; width: 100%; } div.pictureHolder { position: absolute; z-index: 10000; width: 100px; } div.pictureHolder .top { position: relative; height: 20px; } * html div.pictureHolder .top { padding: 0 20px; } div.pictureHolder .top .left { position: absolute; left: 0; width: 20px; height: 20px; } div.pictureHolder .top .middle { position: absolute; left: 20px; right: 20px; height: 20px; } * html div.pictureHolder .top .middle { position: static; left: 0; } div.pictureHolder .top .right { position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } div.pictureHolder .content { position: relative; text-align: left; width: 100%; height: 40px; } div.pictureHolder .content .details { display: none; margin: 10px 15px 2px 20px; } div.pictureHolder .content .details p.description { display: none; float: left; margin: 0; } div.pictureHolder .content .details .nav { float: left; margin: 3px 0 0 0; } div.pictureHolder .content .details .nav p { float: left; margin: 0 4px; } div.pictureHolder .content .details .nav a.arrow_previous, div.pictureHolder .content .details .nav a.arrow_next { float: left; display: block; width: 14px; height: 15px; overflow: hidden; text-indent: -10000px; margin-top: 3px; } div.pictureHolder .content .details .nav a.disabled { background-position: 0 -16px; cursor: default; } div.pictureHolder .content div.hoverContainer { position: absolute; z-index: 2000; top: 0; left: 0; width: 100%; } div.pictureHolder .content a.next { display: block; float: right; text-indent: -10000px; width: 49%; height: 100%; background: url(/i/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; } div.pictureHolder .content a.previous { display: block; float: left; text-indent: -10000px; width: 49%; height: 100%; background: url(/i/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; } div.pictureHolder .content a.expand, div.pictureHolder .content a.contract { position: absolute; z-index: 20000; top: 10px; right: 30px; cursor: pointer; display: none; text-indent: -10000px; width: 20px; height: 20px; } div.pictureHolder .content a.close { float: right; display: block; text-indent: -10000px; } div.pictureHolder .bottom { position: relative; height: 20px; } * html div.pictureHolder .bottom { padding: 0 20px; } div.pictureHolder .bottom .left { position: absolute; left: 0; width: 20px; height: 20px; } div.pictureHolder .bottom .middle { position: absolute; left: 20px; right: 20px; height: 20px; } * html div.pictureHolder .bottom .middle { position: static; left: 0; } div.pictureHolder .bottom .right { position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } div.pictureHolder .loaderIcon { display: none; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; } div.pictureHolder #fullResImageContainer { width: 100%; text-align: center; } div.pictureHolder #fullResImageContainer { display: block; margin: 0 auto; } div.prettyPhotoTitle { display: none; position: absolute; top: 0; left: 0; z-index: 9999; color: #fff; font-size: 13px; } div.prettyPhotoTitle div.prettyPhotoTitleLeft, div.prettyPhotoTitle div.prettyPhotoTitleRight { float: left; width: 19px; height: 23px; overflow: hidden; } div.prettyPhotoTitle div.prettyPhotoTitleContent { float: left; line-height: 23px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */