/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html, body {background:url(/www/static/layout/website/gfx/bg.body.gif);}
body { color:#938F7D; font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:11px;line-height:125%;}

h2 {font-size:39px;line-height:50px;margin-bottom:20px;text-align:left;text-transform:uppercase;}
h3, h4 {font-size:22px;color:#BDBAAD;font-weight:bold;padding:10px 0;text-align:left;}

a, a:visited {color:#E30062;outline-color:invert;outline-style:none;outline-width:medium;text-decoration:none;}
a:hover {text-decoration:none;}

p {margin:0 0 15px 0;}
em {font-style:italic;}
sup{ font-size: 50%; vertical-align: top;}

#kom_zint em {color: #e30062; font-style:normal;}

strong {font-weight:bold;}

.clear{ clear:both; }
.replace { background-repeat: no-repeat; background-position: 0 0; display: block; text-indent: -9999px; border: 0; text-decoration: none; overflow:hidden; }
.floatLeft { float: left; }
.floatRight { float: right; }

.pink {color:#E30062 !important;}

/* icons */
a.downloadPDF, a.downloadDocument, a.goTo, a.downloadImage, a.print, a.mailTo { background-position: 50% 0 !important; background-repeat:no-repeat !important; float: left; height: 16px; margin: 0 2px; width: 18px; }
a.downloadPDF { background: url(/www/static/layout/website/gfx/ico/download_pdf.gif); }
a.downloadDocument { background: url(/www/static/layout/website/gfx/ico/download_document.gif); }
a.goTo { background: url(/www/static/layout/website/gfx/ico/go_to.gif); }
a.downloadImage { background: url(/www/static/layout/website/gfx/ico/download_img.gif);}
a.print { background: url(/www/static/layout/website/gfx/ico/print.gif);}
a.mailTo { background: url(/www/static/layout/website/gfx/ico/mail_to.gif);}

/* static content */
.twoColumns { clear: both; overflow: hidden; text-align: justify; width: 100%; }

.leftside, .rightside { line-height: 125%; overflow: visible; padding: 40px 0px 0px; text-align:justify; }
.leftside {float: left; width: 47%; }
    .leftside span {color: #bdbaad; }
    .tableList li {background: url(/www/static/layout/website/gfx/bg.tablelist.li.gif) 0 100% repeat-x; display: block; height: 100%; margin-top: 10px !important; overflow: hidden; padding-bottom:10px; }
        .tableList li span { overflow: hidden; float: left; display: block; width: auto; margin: 0px 2px 0 10px; }
    .tableList li.last { background: none; }
        .tableList li.last ul { margin: 0 0 0 120px; }
            .tableList li.last ul li:last-child { background: none; }

    .tableList li em {color:#fff;display: block; float: left; font-style: normal; height: 15px; line-height: 125%; margin: 0px 10px 0px 0px; overflow: hidden; }
    .tableList li em.twoLines { height: 30px; }
    .tableList li em.threeLines { height: 45px; }
    .tableList li em.fourLines { height: 50px; }
    .tableList li p, .tableList li em {line-height:125%;overflow:hidden;}
    .tableList li p {margin:0;}
    .tableList li p.withIco { line-height: 155%; }
    .tableList a { color: #938F7D; text-decoration: none; }
    .tableList a:hover { color: #bdbaad; }
    .leftside .list_type1 { margin: 0 !important; overflow: hidden; float: left; display: inline; }
        .leftside .list_type1 li { background: none; margin: 0 !important; padding: 0 0 0 7px; text-indent: -7px; }

.typeB ul {margin:0 0 0 40px !important;}

.rightside { float: right; width: 48%; }
    .rightside a { color: #c2bda9; text-decoration: underline; }
        .rightside p strong.inverse { background: #ac0851; font-weight: normal; padding: 0 5px; }

    .rightside .list_type1 li { background: none; }
    .rightside .list_type3 {    padding-left:20px;}
        .rightside .list_type3 li { list-style-type: lower-alpha; background:none; padding-left:0px; }

    .rightside ul { padding: 0 0 0 10px; }
        .rightside ul li { background: url(/www/static/layout/website/gfx/li.style.square.pink.gif) no-repeat 0 5px; list-style: none; padding-left: 10px; }

    .rightside ol { list-style: decimal; padding: 3px 0px 0px 25px; }
        .rightside h5, .rightside h6, .rightside h3, .rightside h4 { font-size: 100%; color: #e30062; font-weight: normal;}
        .rightside ol li{ list-style: decimal; margin: 0px 0px 5px 0px; }
            .rightside ol li .casestudySlider { margin-left: -20px; }
                .rightside ol li ul li .casestudySlider { margin-left: -40px; }
            .rightside ol li ul li { background: url(/www/static/layout/website/gfx/li.style.square.pink.gif) no-repeat 0 5px; list-style: none; margin: 0; padding-left: 10px; }
            .rightside ol li ol li .movieCaption { margin-left: 0 !important;}
    .rightside ol.no_num, .rightside ol.no_num li{ list-style-type: none;}

    .movieBox {background:#232323;overflow:hidden;border:4px solid #232323;width:425px;margin:0 auto 10px auto;}
        .movieBox .movieCaption {float:right;padding: 7px 5px;}
        .movieBox object {display:block;margin:auto;padding:0px;}
    .movieBox.player {background:#232323;overflow:hidden;border:0px;width:auto;margin:10px 0 0 -20px;}

.allCsDownload{margin:auto;padding-top:8px; text-align:center;}
    .allCsDownload a{color:#C3BEA7;}

#right.entryView {float:none;height:auto !important;}
.rssViewWrapper {background: transparent url(/www/static/layout/website/gfx/bg.body.gif) repeat scroll 0 0;padding-top:15px;min-height:185px;height:auto !important;height:185px;}
.rssViewWrapper #showNews #right {height: auto;}

/** Portfolio **/  
#portfolio{padding-top:30px;}
    #portfolio h2 {margin-bottom:-55px;}
.simpleCase{background:url(/www/static/layout/website/gfx/background.gif) repeat-y; margin: 15px auto 0px; overflow:visible; position:relative; float:left;}
    .simpleCase .caseContent {overflow:hidden; padding-top:65px;}
    .simpleCase .tableList{float:left; width:968px; z-index:5; margin-bottom:20px;background: url(/www/static/layout/website/gfx/bg.tablelist.li.gif) scroll left bottom repeat-x; }
    .simpleCase .tableList li{float:left;background: none !important;margin-right:20px;}
    .simpleCase .tableList li.last{width:115px;margin-right:0 !important;float:right;overflow:hidden;}
    .simpleCase .tableList li.last em{width:55px;}
    .simpleCase .tableList p{float:left;}
    .simpleCase .tableList p.client{width:105px;}
    .simpleCase .tableList p.projectName{width:195px;}
    .simpleCase .tableList p.type{width:285px;}
    .simpleCase .imageSliderWrapper{width:939px;margin-left: auto; margin-right:auto;}
        .simpleCase .imageSliderWrapper .imageSlider{height:451px !important;width:939px !important;}
            .simpleCase .imageSliderWrapper .imageSlider img{height:451px; width:939px;}
            .simpleCase .imageSliderWrapper .imageSlider .ffGame img{cursor:pointer;} 
    .caseOverlay{background: transparent url(/www/static/layout/website/gfx/navMainUpShadow2.gif) repeat scroll 0 0; height: 320px; margin-left: -360px; _margin-left:-360px; *margin-left:-360px; margin-top:-145px; overflow: hidden; position: absolute; top: 198px; width: 1680px; z-index: 0;}
    .simpleCase .movieBox {cursor: pointer;width:939px;min-height:451px;height:auto !important;height:451px;text-align:center;position:relative !important;border:0 !important;margin:0 !important;}
    .simpleCase a.lbImage {width:939px;text-align:center;}      
    .simpleCase .portfolioSlider{top:0 !important;}
    .simpleCase .movieBox object{margin:0;}
    .simpleCase .ffGame{text-align:center;}
    

/** Portfolio - Campaigns **/  
.campaigns{background:url(/www/static/layout/website/gfx/background.gif) repeat-y; margin: 15px auto 0px; overflow:visible; position:relative; float:left;}
    .campaigns .caseContent {overflow:hidden; padding-top:65px;}
    .campaigns .tableList{float:left; margin-right: 30px; position:relative; width:170px; z-index:5;}
        .campaigns .tableList li em{width: 80px;display:block;}
        .campaigns .tableList li p{float:left; width:80px;}
    .campaigns .imageSliderWrapper{float:right; position:relative; width:750px;}
        .campaigns .imageSliderWrapper .imageSlider{height:200px !important;width:750px !important;top:0 !important;}
            .campaigns .imageSliderWrapper .imageSlider img{height:200px; width:750px;}            
    .campaigns .movieBox{width:750px;height:200px;border:0 !important;margin:0 !important;cursor:pointer;} 



.replace {background-repeat:no-repeat;background-position:0 0;display:block;text-indent:-9999px;border:0;text-decoration:none;}
.hidden {visibility:hidden;}
.hide {display:none;}

/******** Nagłówek ********/
#movieNav {background: url(/www/static/layout/website/gfx/bg.player.nav.gif) repeat-x;height: 31px;margin: 340px 0 0 0;position: absolute;width: 100%;}
.contentWrapper {margin: 0px auto; width: 960px;}
.contentWrapper.clients {overflow:hidden;padding-bottom:25px;}

    #logotype {color:#f6f0d6;height:107px;overflow:hidden;position:absolute;width:214px;z-index: 130;}
        #logotype a.bigRouge {float:left;margin-right:0px;position:relative;z-index: 50;}
        #logotype a.logotypeText {background-position:center top;float:right;height:107px;width:107px;cursor:pointer;}

    .rssButton{background:url(/www/static/layout/website/gfx/pixel.semi.transparent.png) repeat 0 0;color:#f6f0d6;height:31px;margin:0 0 0 827px;overflow:hidden;position:absolute;text-align:center;width:90px;z-index:130;}
        .rssButton a{color: #fff;line-height: 31px;}
        .rssButton img{float:left;margin:7px 0px 0px 7px;}
    .langSwitch {background:url(/www/static/layout/website/gfx/pixel.semi.transparent.png) repeat 0 0;color:#f6f0d6;height:31px;margin:0 0 0 922px;overflow:hidden;position:absolute;text-align:center;width:73px;z-index:130;}
        .langSwitch a {color: #fff;line-height: 31px;}

#flashHeader {height:534px;left:0px;position:absolute;overflow:hidden;top:0px;width:100%;z-index:25;}
#mainFlashHeader{overflow:hidden;}
    #flashHeader .overlay, #mainFlashHeader .overlay{background: transparent url(/www/static/layout/website/gfx/navMainUpShadow.gif) repeat scroll 0 0; height: 40px; margin-left: -360px; _margin-left:0px; *margin-left:0px; overflow: hidden; position: absolute; top: 198px; width: 1680px; z-index: 50;}
    #mainFlashHeader .overlay{ top: 340px; margin-left: -360px;}
    #flashMovieContainer {height:868px;margin:0px auto;overflow:hidden;position:relative;width:990px;z-index:25;}

#mainHeaderContent, #headerContent{ height: 670px; margin: auto; position: relative; width: 960px; }
    #wallpaperImage{ background-position: center 0; background-repeat: no-repeat; height: 833px; margin: 0 auto 0 -360px; position: relative; width: 1680px;}
    *html #wallpaperImage{ margin-left:-15px; }
    #mainHeaderContent #wallpaperImage{ height: 610px; margin-left: -440px; overflow: hidden; position: absolute; width: 1900px; z-index: 25; _margin-left:-598px; *margin-left:-598px;}
    #mainHeaderContent .youtubeMovie{position: absolute; right: 10px; top:50px; z-index: 100;}
        #siteHeaderTitle{ color:#ffffff; font-size: 21px; line-height:22px; position: absolute; _margin-left:350px; text-transform: uppercase; top: 206px; width: 100%; z-index: 40;}
        #mainHeaderContent #siteHeaderTitle{top: 344px; _left:-348px;}

/******** Headline ********/
.headline, .headlineLong {height:90px;position:relative;z-index:130;}
    .headline p, .headlineLong p {color:#f6f0d6;font-family:"Trebuchet MS";font-size:14px;line-height:21px;margin:0;}
.headlineLong { height: 171px; }
    .headline .leftSide, .headline .rightSide, .headlineLong .leftSide, .headlineLong .rightSide { margin: 26px 0px 0px 0px; width: 47%; }
    .headline .leftSide,.headlineLong .leftSide { float: left; }
    .headline .rightSide,.headlineLong .rightSide { float: right; }
div.blackBelt { background: #000000 url(/www/static/layout/website/gfx/list/list.bg.element.gif) repeat-x; height:30px; overflow: hidden; position:relative; z-index:130; }

.mainContentContainer {top:234px;position:absolute;overflow:hidden;width:100%;z-index:110;}
#dynamicContentNoList{ background: url(/www/static/layout/website/gfx/bg.body.gif); min-height:200px;}
.mainPage{top:370px !important; z-index:110;}

/******** Logotypy ********/
.clientsBarContainer {clear:both;overflow:hidden;width:100%;z-index:20;margin-bottom:25px;height:107px;}
.clientsBar {background-image:url(/www/static/layout/website/gfx/clients.gif);background-position:0px 0px;height:82px;margin:30px 0 0 0;width:950px;}

/******** ClientsBar ********/
.clientsBarContainer { clear: both; overflow: hidden; width: 100%; z-index: 20; margin-bottom: 25px; }
.clientsBar { background-image: url(/www/static/layout/website/gfx/clients.gif); background-position: 0px 0px; height: 82px; margin: 30px auto 0 ; width: 950px; }

/******** ImageSlider ********/
.imageSliderWrapper, #companyMap {background:#232323;overflow:hidden;border:4px solid #232323;margin-bottom:15px;width:446px;}
.imageSliderNav {height:20px;padding:5px;}
.imageSliderPager {background:#232323;height:18px;float:right;margin:2px;padding-top:4px;}
    .imageSliderPager a {color:#B6B2A0 !important;text-decoration:none;padding:3px 5px;}
    .imageSliderPager a.activeSlide {background:#000;}
    .imageSliderPager a:focus {outline:none;}

.prevNextOverlay {background:transparent url(/www/static/layout/website/gfx/transparent.gif) repeat;margin:0;overflow:hidden;padding:0;position:absolute;z-index:100;}
.prevNextOverlay a {display:block;height:100%;width:25%;outline:none;position:absolute;}
.prevNextOverlay .prevOverlay {float:left;left:0;top:0;}
.prevNextOverlay .prevOverlay:hover {background: url(/www/static/layout/website/gfx/imageSlider.prevArrow.gif) 0% 50% no-repeat;}
.prevNextOverlay .nextOverlay {float:right;right:0;top:0;}
.prevNextOverlay .nextOverlay:hover {background: url(/www/static/layout/website/gfx/imageSlider.nextArrow.gif) 100% 50% no-repeat;}
.prevNextOverlay .openOverlay {display:block;float:left;height:100%;margin:0 auto;width:100%;cursor:pointer;}

/******** ImageSlider - publikacje ********/
.publicationImageSliderWrapper {background:#232323;overflow:hidden;border:4px solid #232323;width:512px;}
.publicationImageSlider img {height:364px;width:512px;}

.imageSliderTitle {background:#232323;float:left;margin:5px;}
#left .imgDescription {height: 20px;line-height: 21px;padding: 0 10px;text-align: right;}
#teamImageSlider .imageSliderPager {display:none;}

/******** jScrollPane ********/
.holder { float: left; }
.scrollContainer .scrollPane { height: 389px; width: 380px; overflow: auto; float: left; }
    .jScrollPaneContainer { overflow: hidden; position: relative; z-index: 1; }
        .jScrollPaneTrack { background-color: #1a1a1a; cursor: pointer; position: absolute; right: 0px; top: 0px; height: 120px; width: 8px; }
            .jScrollPaneDrag { background-color: #4b4a46; cursor: pointer; min-height: 30px; overflow: hidden; position: absolute; }
                .jScrollPaneDragTop { left: 0px; overflow: hidden; position: absolute; top: 0px; height: 10px; }
                .jScrollPaneDragBottom { bottom: 0px; left: 0px; overflow: hidden; position: absolute; height: 10px; }

/*********  Nawigacja między treściami (wewnątrz treści wpisu np.: Case Studies) modułu (next, prev) **************/
.blackBeltContent {margin: 8px auto;*margin: 2px auto;width: 950px;}
    .blackBeltContent a {color: #716d5c;padding: 3px 0 0 0;}
    .blackBeltContent a:hover {color: #bdbaad;}
    .blackBeltContent a em {color: #991850;font-style: normal;}

    .blackBeltContent .showNavPrev {text-align:left;}
    .blackBeltContent .showNavNext {text-align:right;}
    .blackBeltContent .showNavBack, .backToTop .showNavBack {background:url(/www/static/layout/website/gfx/bg.arrow.up.gif) no-repeat scroll 0 6px;text-align:center;padding-left:10px;text-decoration:none;}
    .backToTop{text-align:right;}
.blackBeltLinka {float:left; height:20px; text-align:center; width:32%; }
.blackBeltLinkb {float:right; height:20px; text-align: right; width:32% }
.blackBeltLinka.prevCS {text-align:left;}

/******** sIFR ********/
/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important; margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash .fontSifr40 {font-size:40px; line-height:30px; text-transform:uppercase;visibility:hidden;height:120px;}
.sIFR-hasFlash .fontSifr32 {font-size:30px; line-height:40px; text-transform:uppercase;}
.sIFR-hasFlash .fontSifr22 {font-size:22px;text-transform:uppercase;}

/*********  Formularz kontaktowy *******/
#contactForm {margin:0px 0px 15px 0px;overflow:hidden;width:362px;text-align:left;}
#contactForm div {margin: 0px 0px 17px 0px;}
#contactForm input,#contactForm textarea {background: #111113;border: 1px #373737 solid;color:#bdbaad;font: 100%/130% Tahoma,Arial, Helvetica, sans-serif;padding: 9px 13px 9px 13px;width: 333px;}
#contactForm textarea {overflow: auto;}
#contactForm .active {border: 1px #dfdfdf solid;}
#contactForm .formError {border: 1px #e30062 solid;}
#contactForm .messages {color: #e30062;padding: 5px 0 0 16px;}
.messageSuccess {color: #E30062;font-size: 130%;line-height:130%;margin-bottom:15px;}
.messageError {color: #E30062;font-size: 130%;font-weight:bold;line-height:130%;margin-bottom:15px;}
#contactForm input#send {cursor: pointer;margin: 10px 0px 0px 256px;padding: 7px 13px 7px 13px;width: 105px;float:right;}
#contactForm .acceptMessage {margin-top:85px;}

/******** Logotypy ********/
.clientsLogosBar {background: url(/www/static/layout/website/gfx/clientsLogos/clientsHeader.png) 0 0 no-repeat;clear: both;height: 82px;overflow: hidden;width: 960px;}

.errorMessage{background:url(/www/static/layout/website/gfx/bg.footer.png) repeat; margin:auto; padding:80px 30px; min-height:200px;  text-align:center;}
    .errorMessage .box{margin:auto; width:1000px;}
        .errorMessage .box .title{color: #bdbaad; font-size:16px; font-weight:bold;}
/******** Stopka ********/
#footer {background:transparent url(/www/static/layout/website/gfx/bg.footer.png) repeat scroll 0 0;clear:both;font-size:90%;line-height:128%;overflow:hidden;padding:25px 0px;position:relative;width:100%;z-index:130;margin-top:10px;}
    #footer .contentWrapper { position: relative; }
        #footer a {color:#938f7d;}
        #footer a:hover {text-decoration:underline;}
        #footer h1, #footer .smallFfLogos {float:left;margin:16px 20px 0 0;}
        #footer .smallFfLogos img{border:0px;}
        #footer p {float:left;padding:14px 0px 0px 0px;width:350px;margin:0;}
        #footer .contentWrapper div {height:100%;position:absolute;right:0px;top:0px;width: 315px;}
            #footer .contentWrapper div a {display:block;float:left;height:57px;width:134px;position:absolute;top:12px;}
            #footer .contentWrapper div .memberOf {float:left;height:57px;width:139px;position:absolute;top:12px;background:url(/www/static/layout/website/gfx/logotypy/sar-iab.png) -1px 0px no-repeat;left:-85px;}
            #footer .contentWrapper div a#lgs1 {background:url(/www/static/layout/website/gfx/logotypy/facebook.png) -1px 0px no-repeat;left:185px;top:16px;width:30px;}
            #footer .contentWrapper div a#lgs2 {background:url(/www/static/layout/website/gfx/logotypy/youtube.png) -1px 0px no-repeat;left:226px;margin-top:1px;width:74px;}
            #footer .contentWrapper div a#lgs3pl {background:url(/www/static/layout/website/gfx/logotypy/pah.pl.png) 0 0px no-repeat;top:9px;left:65px;width:150px;}
            #footer .contentWrapper div a#lgs3en {background:url(/www/static/layout/website/gfx/logotypy/pah.en.png) 0 0px no-repeat;top:9px;left:65px;width:150px;}
            #footer span.footerSpan1 {font-size:10px;display:block;position:absolute;top:65px;left:-60px;}
            #footer span.footerSpan2 {font-size:10px;display:block;position:absolute;top:65px;left:106px;}
            #footer span.footerSpan3 {font-size:10px;display:block;position:absolute;top:65px;left:205px;width:100px;}
#printFooter,#printFooterClear,#printFooterClear2,#printFooterClear3{display:none;}
#printFlashcontent{display: none;}
p#printPage a#mainPrintBtn{color: #BDBAAD;float:none !important;background-position: 0 1px !important;padding: 2px 0 2px 20px;}
p#printPage{text-align:right;padding:0;margin:0 auto;width:960px;}

#footer .contentWrapper div .memberOf{*background-image: url(/www/static/layout/website/gfx/logotypy/sar-iab.gif) !important;}
#footer p{*margin-left:-20px;*display:block;}
* html #footer p{margin-left:-20px;display:block;}
* html #mainFlashHeader{position:absolute;}
#mainFlashHeader{*position:absolute;}

/******** Nawigacja główna ********/
.extNavMain {background:url(/www/static/layout/website/gfx/navigation/ext.navMain.png) repeat-x center top;height:100px;overflow:hidden;position:relative;width:100%;z-index:130;}
    #topNavi {background:url(/www/static/layout/website/gfx/navigation/bg.navMain.png) no-repeat center 0;height:100px;overflow:hidden;width:960px;}
        #topNavi ul {margin:40px 0px 0px 0px;}
            #topNavi ul li {display:inline;float:left;}
                #topNavi ul li a {display:block;height:17px;text-indent:-9999px;overflow:hidden;}

    /******** PL ********/
    #topNavi ul.pl li {margin: 0px 60px 0px 0px;}
    #topNavi ul li#topNavi_kontakt{ margin-right:0px;}
        #topNavi ul.pl li a {background:url(/www/static/layout/website/gfx/navigation/navMainTxtPl.gif) 0 0 no-repeat;}

    #topNavi ul.pl li#topNavi_oNas a {width:62px;}
    #topNavi ul.pl li#topNavi_oNas a:hover, #topNavi ul.pl li#topNavi_oNas a.active {background-position:0px -18px;}
    #topNavi ul.pl li#topNavi_newsy a {background-position:-652px 0px;width:72px;}
    #topNavi ul.pl li#topNavi_newsy a:hover, #topNavi ul.pl li#topNavi_newsy a.active {background-position:-652px -18px;}
    #topNavi ul.pl li#topNavi_naszeUslugi a {background-position:-62px 0px;width:148px;}
    #topNavi ul.pl li#topNavi_naszeUslugi a:hover, #topNavi ul.pl li#topNavi_naszeUslugi a.active {background-position:-62px -18px;}
    #topNavi ul.pl li#topNavi_caseStudies a {background-position:-211px 0px;width:145px;}
    #topNavi ul.pl li#topNavi_caseStudies a:hover, #topNavi ul.pl li#topNavi_caseStudies a.active {background-position:-211px -18px;}
    #topNavi ul.pl li#topNavi_portfolio a {background-position:-357px 0px;width:115px;}
    #topNavi ul.pl li#topNavi_portfolio a:hover, #topNavi ul.pl li#topNavi_portfolio a.active {background-position:-357px -18px;}
    #topNavi ul.pl li#topNavi_klienci a {background-position:-473px 0px;width:81px;}
    #topNavi ul.pl li#topNavi_klienci a:hover, #topNavi ul.pl li#topNavi_klienci a.active {background-position:-473px -18px;}
    #topNavi ul.pl li#topNavi_kontakt a {background-position: -556px 0px;width: 93px;}
    #topNavi ul.pl li#topNavi_kontakt a:hover, #topNavi ul.pl li#topNavi_kontakt a.active {background-position:-556px -18px;}

    /******** EN ********/
    #topNavi ul.en li {margin:0px 43px 0px 0px;}
        #topNavi ul.en li a {background: url(/www/static/layout/website/gfx/navigation/navMainTxtEn.gif) 0 0 no-repeat;}

    #topNavi ul.en li#topNavi_aboutUs a {width:102px;}
    #topNavi ul.en li#topNavi_aboutUs a:hover, #topNavi ul.en li#topNavi_aboutUs a.active {background-position:0px -18px;}
    #topNavi ul.en li#topNavi_ourServices a {background-position:-102px 0px;width:147px;}
    #topNavi ul.en li#topNavi_ourServices a:hover, #topNavi ul.en li#topNavi_ourServices a.active {background-position:-102px -18px;}
    #topNavi ul.en li#topNavi_caseStudies a {background-position:-251px 0px;width:145px;}
    #topNavi ul.en li#topNavi_caseStudies a:hover, #topNavi ul.en li#topNavi_caseStudies a.active {background-position:-251px -18px;}
    #topNavi ul.en li#topNavi_portfolio a {background-position:-397px 0px;width:115px;}
    #topNavi ul.en li#topNavi_portfolio a:hover, #topNavi ul.en li#topNavi_portfolio a.active {background-position:-397px -18px;}
    #topNavi ul.en li#topNavi_clients a {background-position:-510px 0px;width:88px;}
    #topNavi ul.en li#topNavi_clients a:hover, #topNavi ul.en li#topNavi_clients a.active {background-position:-510px -18px;}
    #topNavi ul.en li#topNavi_contact a {background-position:-598px 0px;width:96px;}
    #topNavi ul.en li#topNavi_contact a:hover, #topNavi ul.en li#topNavi_contact a.active {background-position:-598px -18px;}

/******** Nawigacja drugiego poziomu ********/
.extNavSub {background:#4a5661 url(/www/static/layout/website/gfx/navigation/ext.navSub.gif) center 0 repeat-x;height:56px;overflow:hidden;position:relative;width:100%;z-index:130;}
    #subNavi {height:56px;width:100%;}
        #subNavi ul {margin:20px 0px 0px 0px;}
        #subNavi ul li {display:inline;float:left;}
            #subNavi ul li a {display:block;height:15px;margin:0px 30px 0px 0px;text-indent:-9999px;}

    /******** PL - O nas ********/
    #subNavi ul li#subNavi_oAgencji a, #subNavi ul li#subNavi_newsy a, #subNavi ul li#subNavi_team a, #subNavi ul li#subNavi_nagrody a, #subNavi ul li#subNavi_kariera a {background:url(/www/static/layout/website/gfx/navigation/navSubTxt_oNas_pl.gif) no-repeat;}

    #subNavi ul li#subNavi_oAgencji a {background-position:0px 0px;width:86px;}
    #subNavi ul li#subNavi_oAgencji a:hover, #subNavi ul li#subNavi_oAgencji a.active {background-position:0px -15px;}
    #subNavi ul li#subNavi_newsy a {background-position:-135px 0px;width: 58px;}
    #subNavi ul li#subNavi_newsy a:hover, #subNavi ul li#subNavi_newsy a.active {background-position:-135px -15px;}
    #subNavi ul li#subNavi_team a {background-position:-87px 0px;width: 46px;}
    #subNavi ul li#subNavi_team a:hover, #subNavi ul li#subNavi_team a.active {background-position: -87px -15px;}
    #subNavi ul li#subNavi_nagrody a {background-position:-194px 0px;width:81px;}
    #subNavi ul li#subNavi_nagrody a:hover, #subNavi ul li#subNavi_nagrody a.active {background-position:-194px -15px;}
    #subNavi ul li#subNavi_kariera a {background-position:-274px 0px;width:74px;}
    #subNavi ul li#subNavi_kariera a:hover, #subNavi ul li#subNavi_kariera a.active {background-position:-274px -15px;}

    /******** PL - Nasze usługi ********/
    #subNavi ul li#subNavi_komunikacjaZintegrowanaIInteraktywna a, #subNavi ul li#subNavi_komunikacjaInteraktywna a, #subNavi ul li#subNavi_technologia a {background:url(/www/static/layout/website/gfx/navigation/navSubTxt_nUslugi_pl.gif) no-repeat;}

    #subNavi ul li#subNavi_komunikacjaZintegrowanaIInteraktywna a {background-position:0px 0px;width:410px;}
    #subNavi ul li#subNavi_komunikacjaZintegrowanaIInteraktywna a:hover, #subNavi ul li#subNavi_komunikacjaZintegrowanaIInteraktywna a.active {background-position:0px -15px;}
    #subNavi ul li#subNavi_komunikacjaInteraktywna a {background-position:-413px 0px;width:265px;}
    #subNavi ul li#subNavi_komunikacjaInteraktywna a:hover, #subNavi ul li#subNavi_komunikacjaInteraktywna a.active {background-position:-413px -15px;}
    #subNavi ul li#subNavi_technologia a {background-position:-678px 0px;width:160px;}
    #subNavi ul li#subNavi_technologia a:hover, #subNavi ul li#subNavi_technologia a.active {background-position:-678px -15px;}

    /******** PL - Portfolio - nawigacja drugiego poziomu ********/
    #subNavi ul li#subNavi_wybraneProjekty a, #subNavi ul li#subNavi_www a, #subNavi ul li#subNavi_ekampanie a, #subNavi ul li#subNavi_print a , #subNavi ul li#subNavi_filmy a , #subNavi ul li#subNavi_ci a, #subNavi ul li#subNavi_mobile a, #subNavi ul li#subNavi_multimedia a, #subNavi ul li#subNavi_ambient a, #subNavi ul li#subNavi_eventy a {background:url(/www/static/layout/website/gfx/navigation/navSubPortfolio2.gif) no-repeat;}

    #subNavi ul li#subNavi_wybraneProjekty a {background-position:-7px 0px;width:136px;}
    #subNavi ul li#subNavi_wybraneProjekty a:hover, #subNavi ul li#subNavi_wybraneProjekty a.active {background-position:-7px -15px;}
    #subNavi ul li#subNavi_www a {background-position:-170px 0px;width:37px;}
    #subNavi ul li#subNavi_www a:hover, #subNavi ul li#subNavi_www a.active {background-position:-170px -15px;}
    #subNavi ul li#subNavi_ekampanie a {background-position:-230px 0px;width:85px;}
    #subNavi ul li#subNavi_ekampanie a:hover, #subNavi ul li#subNavi_ekampanie a.active {background-position:-230px -15px;}
    #subNavi ul li#subNavi_print a {background-position:-340px 0px;width:40px;}
    #subNavi ul li#subNavi_print a:hover, #subNavi ul li#subNavi_print a.active {background-position:-340px -15px;}   
    #subNavi ul li#subNavi_filmy a {background-position:-404px 0px;width:40px;}
    #subNavi ul li#subNavi_filmy a:hover, #subNavi ul li#subNavi_filmy a.active {background-position:-404px -15px;}
    #subNavi ul li#subNavi_ci a {background-position:-467px 0px;width:11px;}
    #subNavi ul li#subNavi_ci a:hover, #subNavi ul li#subNavi_ci a.active {background-position:-467px -15px;}  
    #subNavi ul li#subNavi_mobile a {background-position:-503px 0px;width:49px;}
    #subNavi ul li#subNavi_mobile a:hover, #subNavi ul li#subNavi_mobile a.active {background-position:-503px -15px;}
    #subNavi ul li#subNavi_multimedia a {background-position:-580px 0px;width:82px;}
    #subNavi ul li#subNavi_multimedia a:hover, #subNavi ul li#subNavi_multimedia a.active {background-position:-580px -15px;}      
    #subNavi ul li#subNavi_ambient a {background-position:-688px 0px;width:62px;}
    #subNavi ul li#subNavi_ambient a:hover, #subNavi ul li#subNavi_ambient a.active {background-position:-688px -15px;}
    #subNavi ul li#subNavi_eventy a {background-position:-772px 0px;margin:0px;width:50px;}
    #subNavi ul li#subNavi_eventy a:hover, #subNavi ul li#subNavi_eventy a.active {background-position:-772px -15px;}  
    
    /******** EN - O nas ********/
    #subNavi ul li#subNavi_aboutAgency a, #subNavi ul.en li#subNavi_team a, #subNavi ul li#subNavi_awards a {background: url(/www/static/layout/website/gfx/navigation/navSubTxt_oNas_en.gif) no-repeat;}

    #subNavi ul li#subNavi_aboutAgency a {background-position:0px 0px;width:128px;}
    #subNavi ul li#subNavi_aboutAgency a:hover, #subNavi ul li#subNavi_aboutAgency a.active {background-position:0px -15px;}
    #subNavi ul.en li#subNavi_team a {background-position:-128px 0px;width:46px;}
    #subNavi ul.en li#subNavi_team a:hover, #subNavi ul.en li#subNavi_team a.active {background-position:-128px -15px;}
    #subNavi ul li#subNavi_awards a {background-position:-175px 0px;width:72px;}
    #subNavi ul li#subNavi_awards a:hover, #subNavi ul li#subNavi_awards a.active {background-position:-175px -15px;}

    /******** EN - Nasze usługi ********/
    #subNavi ul li#subNavi_integratedInteractiveCommunication a, #subNavi ul li#subNavi_interactiveCommunication a, #subNavi ul li#subNavi_technology a {background:url(/www/static/layout/website/gfx/navigation/navSubTxt_nUslugi_en.gif) no-repeat;}

    #subNavi ul li#subNavi_integratedInteractiveCommunication a {background-position:0px 0px;width:384px;}
    #subNavi ul li#subNavi_integratedInteractiveCommunication a:hover, #subNavi ul li#subNavi_integratedInteractiveCommunication a.active {background-position:0px -15px;}
    #subNavi ul li#subNavi_interactiveCommunication a {background-position:-384px 0px;width:257px;}
    #subNavi ul li#subNavi_interactiveCommunication a:hover, #subNavi ul li#subNavi_interactiveCommunication a.active {background-position:-384px -15px;}
    #subNavi ul li#subNavi_technology a {background-position: -642px 0px;width: 160px;}
    #subNavi ul li#subNavi_technology a:hover, #subNavi ul li#subNavi_technology a.active {background-position:-642px -15px;} 
    
    /******** EN - Portfolio - nawigacja drugiego poziomu ********/
    #subNavi ul li#subNavi_onlineCampaigns a, #subNavi ul li#subNavi_movies a , #subNavi ul li#subNavi_multimediagames a, #subNavi ul li#subNavi_events a {background:url(/www/static/layout/website/gfx/navigation/navSubPortfolio2en.gif) no-repeat;}

    #subNavi ul li#subNavi_onlineCampaigns a {background-position:-76px 0px;width:130px;}
    #subNavi ul li#subNavi_onlineCampaigns a:hover, #subNavi ul li#subNavi_onlineCampaigns a.active {background-position:-76px -14px;}   
    #subNavi ul li#subNavi_movies a {background-position:-299px 0px;width:47px;}
    #subNavi ul li#subNavi_movies a:hover, #subNavi ul li#subNavi_movies a.active {background-position:-299px -14px;}
    #subNavi ul li#subNavi_multimediagames a {background-position:-499px 0px;width:136px;}
    #subNavi ul li#subNavi_multimediagames a:hover, #subNavi ul li#subNavi_multimediagames a.active {background-position:-499px -14px;}      
    #subNavi ul li#subNavi_events a {background-position:-812px 0px;margin:0px;width:50px;}
    #subNavi ul li#subNavi_events a:hover, #subNavi ul li#subNavi_events a.active {background-position:-812px -14px;}


#list {position:relative;z-index:130;}

.listElement, .emptyListElement {background: url(/www/static/layout/website/gfx/list/list.bg.element.gif) repeat-x;overflow:hidden;width:100%;}
    .listElement p {margin:0;}

.emptyListElement {height:31px;}

.listElementExpanded {background: url(/www/static/layout/website/gfx/list/list.bg.expanded.gif) repeat;height:110px;}
.listElementExpandedTop {background: none !important;height:110px;}

.listElementContent, .listElementContentText {cursor:default;}
.listElementContent {height:110px;margin:0px auto;width:950px;}

.listElementHeader { cursor: pointer; height: 31px; margin: 0px auto; width: 950px; }
    .listElementHeader h3, .listElementHeader h4 {display:block;float:left;font-weight:normal;font-size:100%;height:20px;padding:8px 0px 0px 0px;line-height:100%;margin:0;}

    .listElementHeader h3 {margin: 0px 90px 0px 0px; text-align: right; width: 500px; }
        .listElementHeader h3 a { color: #5e5d55; }
        .listElementHeader h3 a:hover { color: #938f7d; }

        .listElementHeader h4 a { color: #938f7d; text-align: left; }
        .listElementHeader h4 a:hover { color: #c3bea7; }

.listElement h4 a em { color: #403f38; font-style: normal; margin: 0px 0px 0px 1px; }
.listElement h4 a:hover em { color: #938f7d; }

.listImageBlock { display: block; height: 110px; float: left; width: 350px; }
*html .listImageBlock { height:70px; margin-top:30px; }

#team.pl .listImageBlock, #team.en .listImageBlock{ background: url(/www/static/layout/website/gfx/list/list.header.team.png) 0 50% no-repeat; }
#casestudies.pl .listImageBlock, #casestudies.en .listImageBlock { background: url(/www/static/layout/website/gfx/list/list.header.case_study.png) 0px 50% no-repeat; }
#news.pl .listImageBlock { background: url(/www/static/layout/website/gfx/list/list.header.newsy.png) 0 50% no-repeat; }
#career.pl .listImageBlock { background: url(/www/static/layout/website/gfx/list/list.header.kariera.png) 0 50% no-repeat; }
#awards.pl .listImageBlock { background: url(/www/static/layout/website/gfx/list/list.header.nagrody.png) 0 50% no-repeat; }
#awards.en .listImageBlock { background: url(/www/static/layout/website/gfx/list/list.header.awards.png) 0 50% no-repeat; }
#clients.pl .listImageBlock { background: url(/www/static/layout/website/gfx/list/list.header.referencje.png) 0 50% no-repeat; }
#clients.en .listImageBlock { background: url(/www/static/layout/website/gfx/list/list.header.references.png) 0 50% no-repeat; }
#portfolio.pl .listImageBlock { background: url(/www/static/layout/website/gfx/list/list.header.portfolio.png) 0 50% no-repeat; }

.listElementContentImg { display: block; float: left; height: 110px; margin-left: 20px; text-align: center; width: 200px; }
.listElementImgHolder { height: 60px; width: 200px; }

#caseStudies .rightside ol li p { margin:10px 0 3px 0; }
#caseStudies .rightside ol li ul { margin-bottom:10px; }
#casestudies #list { margin-bottom:10px; }

.listUp, .listUpMask, .listDown {display:block;height:25px;margin:0 auto;width:25px;}
.listUp { background: url(/www/static/layout/website/gfx/list/list.scroll.up.gif) 50% 50% no-repeat; }
.listDown { background: url(/www/static/layout/website/gfx/list/list.scroll.down.gif) 50% 50% no-repeat; }

.listElementContentText {float:left;width:350px;overflow:hidden;margin-left:30px;padding-top:20px;}
    .listElementContentText h4 { font-weight: normal; clear: both;font-size:100%;line-height:100%;margin:0;}
        .listElementContentText h4 a { color: #e30062; }
        .noFilter .listElementContentText h4 a { float: left; }
            .listElementContentText h4 a em {color: #403f38;    font-style: normal;    margin: 0px 0px 0px 5px; }
            .listElementContentText h4 a:hover em { color: #938f7d; }
    .listElementContentText a {color: #c3bea7;display: block; padding: 5px 0px 0px 0px; line-height: 120%; }

/* PAGE LISTER */
.pageListerWrapper {background:url(/www/static/layout/website/gfx/bg.pagelister.png) repeat-x;height:31px;overflow:hidden;}
* html .pageListerWrapper { margin-top: 2px !important; }
    .pageLister { margin-top: 3px; text-align: center; width: 100%; }
        .pageLister a { color: #c3bea7; font-size: 10px; padding: 3px 6px; margin: 0 2px; line-height: 25px; }
        .pageLister a.paginatorPage  { background-color: #3c444c; }
        .pageLister a.paginatorPage:hover,
        .pageLister a.paginatorPage:active { color: #ffffff; background-color: #e30062;}
        .pageLister .active { background-color: #222222 !important; color: #c3bea7 !important; cursor: default; }

        .pageLister a.paginatorPrev { margin-right: 5px; }
        .pageLister a.paginatorNext { margin-left: 5px; }

/* ----------------------------- LIGHTBOX ----------------------------------- */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline; width: 100%; }
* html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */}

#lightbox {position:absolute;left:0;width:100%;z-index:100;text-align:center;}
    #lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #000000; width: 250px; height: 250px; margin: 0 auto; min-width: 240px; overflow: visible; }
#imageContainer, #frameContainer, #modalContainer { padding: 10px; }
#modalContainer {overflow:auto;line-height:140%;}
#loading { height: 25%; width: 100%; text-align: center; line-height: 0; position: absolute; top: 40%; left: 45%; }
#bottomNav { z-index: 10; height: 50px; background: #000000 url(/www/static/layout/website/gfx/lightbox/bg.bottomnav.lightbox.gif) repeat; overflow: hidden; width: 100%; position: relative; }
    #bottomNav div a { display: block; height: 20px; margin: 18px 20px; outline: none; }

#hoverNav { z-index: 10; height: 100%; position: absolute; top: 0; left: 0; width: 100%; background: url(/www/static/layout/website/gfx/transparent.gif) repeat; }
#imageData>#hoverNav {left: 0;}
    #hoverNav a { outline: none; }

#prevHoverLink, #nextHoverLink {display: block; height: 100%; width: 49%; }
* html #prevHoverLink, #nextHoverLink { outline:none; }

#prevHoverLink { left: 0; float: left; }
#prevHoverLink:hover { background: url(//www/static/layout/website/gfx/bt.prevHoverArrow.gif) 0% 50% no-repeat; }

#nextHoverLink { right: 0; float: right; }
#nextHoverLink:hover { background: url(/www/static/layout/website/gfx/bt.nextHoverArrow.gif) 100% 50% no-repeat; }

#prevLinkContainer, #nextLinkContainer, #closeLinkContainer { width: 33%; float: left; }

#topClose { background: #000000 url(/www/static/layout/website/gfx/lightbox/bt.bottomnav.gif) -93px top no-repeat; border: 7px solid #000000; display: block; position: absolute; top: -28px; right: 0px; height: 14px; line-height: 14px; width: 80px; overflow: hidden;}
#printBtn { background-position:0 0 !important; background-color: #000000; border: 7px solid #000000; display: block; cursor: pointer; position: absolute; top: -28px; right: 110px; height: 14px; line-height: 14px; width: 50px; overflow: hidden; text-align: right;}
#bottomNavClose { margin: 18px auto !important; }

#prevLinkEmpty, #nextLinkEmpty { height: 20px; margin: 18px 20px; outline: none; }
#prevLink { background: url(/www/static/layout/website/gfx/lightbox/bt.bottomnav.gif) 0px top no-repeat; padding-left: 3px; }
#prevLink, #prevLinkEmpty { float: left; width: 65px; }
#bottomNavClose { background: url(/www/static/layout/website/gfx/lightbox/bt.bottomnav.gif) -93px top no-repeat; margin: 18px auto; height: 14px; width: 80px; }
#nextLink { background: url(/www/static/layout/website/gfx/lightbox/bt.bottomnav.gif) -135px top no-repeat; }
#nextLink, #nextLinkEmpty { float: right; width: 65px; }
#prevLink, #nextLink, #bottomNavClose, #topClose, #printBtn {font-weight:normal;color:#938f7d;}
#bottomNavClose, #topClose { padding-left: 10px; }
#prevLink, #nextLink, #bottomNavClose { font-size: 11px; }

#imageDataContainer {font-size:10px; background-color: #000000; margin: 0 auto; line-height: 1.4em; position: relative; height: 95px; }
#imageData { padding: 0 10px; }
    #imageData #imageDetails { margin-bottom: 10px; margin-right: auto; margin-left: auto; text-align: center; background-color: #232323; padding: 5px; }
    #imageData #caption { font-weight: normal; color: #b6b2a0; font-size: 110%; font-family: tahoma,verdana,arial; }
    #imageData #node_link_text { display: block; padding-bottom: 1.0em; }

#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
#loadingLink { display: block; background: url(/www/static/layout/website/gfx/lightbox/loading.gif) no-repeat; width: 32px; height: 32px; }

.lightbox_hide_image { display: none; }

.horizontalLine { background: url(/www/static/layout/website/gfx/lightbox/bg.linia.pozioma.kropki.gif) no-repeat; height: 1px; margin: 3px 0px; width: 365px; }
* html .horizontalLine { margin-top: 8px !important; margin-bottom: 0px !important; }
    * html .scrollContainer h4 { margin-top: 0px !important; }

/* ------------------------- LIGHTBOX / LOGOTYPE ---------------------------- */
#lightboxLogotype { color: #f6f0d6; height: 143px; overflow: hidden; position: absolute; width: 286px; z-index: 10600; margin-left: 10px; top: -143px; left: 0px; float: left; }
    #lightboxLogotype h1 { float: left; margin-right: 0px; position: relative; z-index: 50; }
    #lightboxLogotype p { padding: 30px 0px 0px 0px; position: relative; z-index: 50; }
    #lightboxLogotype .overlay { background-color: #000000; filter: alpha(opacity = 50); height: 143px; left: 0px; opacity: 0.7; position:absolute; z-index: 40; top: 0px; width: 286px; }

/* -------------------------- LIGHTBOX / SHOW ------------------------------- */
#showTeam #right .scrollContainer #textContainer h3 { height: 30px; }
#showCareer #right .scrollContainer #textContainer h3 { height: 30px; }
#showAwards #right .scrollContainer #textContainer h3 { height: 30px; }

/* --- NEWS --- */
#showNews .sliderLightbox, #showNews .sliderHover { width: 522px; height: 374px; }
#showNews .sliderLightbox img { width: 512px;	height: 364px; }
#showNews .sliderNav {width: 512px;}
#showNews #right { float: left; font-weight: normal; height: 408px; margin-left: 10px; text-align: justify;}
* html #showNews #right { margin-left: 5px;}
    #showNews #right .scrollContainer #textContainer { width: 365px !important; }
        #showNews #right .scrollContainer #textContainer .date strong { font-weight: normal; color: #bdbaad; }
        #showNews #right .scrollContainer #textContainer .entryContent { color: #8e8e8e; margin-top: 10px; }
    #showNews #right .scrollContainer .jScrollPaneContainer { width: 388px !important; }
        #showNews #right .scrollContainer .jScrollPaneContainer .jScrollPaneTrack { height: 408px; margin-left: 50px; }

#showNews #left { float: left; width: 512px; height: 408px; font-size: 11px; margin: 0 20px 0 0; }
#showNews .scrollContainer .scrollPane { height: 405px; width: 365px; }


