.articleList{ float: left; width: 980px; } .articleList li{ float: left; width: 320px; margin: 0 10px 44px 0; } .articleList .removeMargin{ margin: 0 0 44px 0; } .articleList li .imgContainer{ float: left; width: 306px; height: 170px; padding: 7px; margin: 0 0 20px 0; background: url(/sitefiles/14/design/articleImgBorder.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/14/design/articleImgBorder.png", sizingMethod="scale"); } .articleList li .imgContainer a{ float: left; } .articleList li .imgContainer a img{ float: left; } .articleList li h2{ padding: 0 5px 21px 5px; clear: both; } .articleH2Link{ font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 26px; color: #666666; } .articleTopH2Link{ font-family: Arial, Helvetica, sans-serif; font-size: 48px; line-height: 53px; color: #666666; } .articleList li p{ padding: 0 5px 23px 5px; } .articleList li .readMore{ float: right; clear: both; font-size: 9px; text-transform: uppercase; margin: 0 0 30px 0; } .articleList li .articleBottom{ float: left; clear: both; width: 320px; height: 6px; font-size: 3px; background: url(/sitefiles/14/design/articleBottom.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/14/design/articleBottom.png", sizingMethod="scale"); } .articleDetail{ float: left; width: 980px; } .articleDetailLeft{ float: left; width: 674px; } .articleDetailLeft .articleDetailImgContainer{ float: left; width: 640px; height: 358px; padding: 7px; margin: 0 0 27px 0; background: url(/sitefiles/14/design/articleImagesBg.jpg) 0 0 no-repeat; } .articleDetailLeft .articleDetailImgContainer .articleDetailImages{ float: left; position: relative; width: 640px; height: 358px overflow: hidden; } .articleDetailLeft .articleDetailImgContainer .articleDetailImages li{ width: 640px; height: 358px top: 0; left: 0; position: absolute; } .articleDetailLeft .articleDetailImgContainer .articleDetailImages li img{ float: left; } .articleDetailLeft h2{ clear: both; font-size: 48px; line-height: 53px; padding: 0 0 0 7px; } .articleDetailLeft p{ padding: 0 0 40px 7px; color: #999999; } .articleDetailLeft .ingress{ font-size: 14px; color: #666666; } .articleDetailRight{ position: relative; float: left; width: 257px; padding: 32px 30px 0 19px; background: url(/sitefiles/14/design/articleDetailRightShadow.jpg) right 0 no-repeat; } .articleDetailRight h3{ margin: 0 0 16px 0; font-weight: bold; } .articleDetailRight .facts{ float: left; height: 336px; padding: 0 0 32px 0; margin: 0 0 30px 0; border-bottom: 1px dotted #e0e0e0; overflow: hidden; } .articleDetailRight h4{ clear: both; margin: 0 0 21px 0; } .articleDetailRight h5 a{ color: #666666; } .articleDetailRight p a{ color: #999999; } .articleDetailRight .topicalNews, .articleDetailRight .topicalNews li{ float: left; width: 256px; } .articleDetailRight .topicalNews li{ margin: 0 0 20px 0; } .tumbnailsContainer{ position: absolute; top: 277px; left: 19px; width: 257px; } .tumbnailsContainer h5{ width: 257px; float: left; margin: 0 0 15px 0; font-size: 10px; font-weight: normal; text-transform: uppercase; } .tumbnailsContainer .tumbnails{ float: left; width: 241px; height: 45px; padding: 8px; border: 1px solid #cccccc; } .tumbnailsContainer .tumbnails .tumb{ float: left; margin: 0 8px 0 0; cursor: pointer; } .tumbnailsContainer .tumbnails .tumb img{ float: left; } .tumbnailsContainer .tumbnails .removeMargin{ margin: 0; } .articleFader{ position: relative; margin: 0 0 40px 0; } .articleFader, .articleFaderImgContainer { float: left; position: relative; width: 980px; height: 372px; } .articleFaderImgContainer li{ position: absolute; width: 980px; height: 372px; } .articleFaderImgContainer{ overflow: hidden; } .articleFaderImgContainer a, .articleFaderImgContainer img{ float: left; border: none; } .articleFaderLeft{ float: left; width: 640px; height: 358px; padding: 7px; background: url(/sitefiles/14/design/showcaseImgBg.jpg) 0 0 no-repeat; } .articleFaderRight{ position: relative; float: left; width: 268px; height: 220px; padding: 26px 30px 126px 28px; background: url(/sitefiles/14/design/articleFaderShadow.jpg) right 0 no-repeat; } .articleFaderRight h2{ font-size: 48px; line-height: 53px; } .articleFaderRight p{ color: #666; } .articleFaderRight .readMore{ position: absolute; top: 314px; right: 3px; width: 82px; height: 59px; cursor: pointer; text-indent: -99999px; } .articleFader .imgSelectSliderContainer{ position: absolute; bottom: 71px; right: 46px; width: 241px; height: 46px; } .articleFader #imgSelectBtnLeft{ float: left; width: 12px; height: 46px; text-indent: -99999px; background: url(/sitefiles/14/design/imgFaderBtnLeft.jpg) 0 0 no-repeat; } .articleFader #imgSelectBtnLeft:hover{ vertical-align: middle; background: url(/sitefiles/14/design/imgFaderBtnLeft.jpg) 0 -45px no-repeat; } .articleFader #imgSelectBtnRight{ float: left; width: 12px; height: 46px; text-indent: -99999px; background: url(/sitefiles/14/design/imgFaderBtnRight.jpg) 0 0 no-repeat; } .articleFader #imgSelectBtnRight:hover{ vertical-align: middle; background: url(/sitefiles/14/design/imgFaderBtnRight.jpg) 0 -45px no-repeat; } .articleFader #imgSelectImagesContainer{ position: relative; float: left; width: 211px; height: 45px; overflow: hidden; } .articleFader #imgSelectImages{ float: left; width: 9000px; height: 45px; } .articleFader #imgSelectImages li{ float: left; width: 42px; height: 29px; padding: 5px 4px; margin: 3px 0 0 0; overflow: hidden; background: url(/sitefiles/14/design/imgSelectorBgLiten.jpg) 0 0 no-repeat; cursor: pointer; } .articleFader #imgSelectImages .active{ float: left; width: 52px; height: 35px; padding: 5px 4px; margin: 0; background: url(/sitefiles/14/design/imgSelectorBgBig.jpg) 0 0 no-repeat; } .articleFader #imgSelectImages li img{ width: 42px; height: 28px; } .articleFader #imgSelectImages .active img{ width: 52px; height: 35px; } .articleFaderRight .readMore{ } /* Portifolio */ .menuLvl3Container{ float: left; width: 980px; margin: 0 0 35px 0; } .menuLvl3Container .menuLvl3{ float: left; width: 980px; } .menuLvl3Container .menuLvl3 li{ float: left; margin: 0 10px 0 0; } .menuLvl3Container .menuLvl3 li{ font-size: 11px; line-height: 13px; font-weight: bold; color: #333333; text-transform: uppercase; } .menuLvl3Container .menuLvl3 li a { font-size: 11px; line-height: 13px; color: #666666; text-transform: uppercase; } .menuLvl3Container .menuLvl3 .floatRight{ float: right; font-weight: normal; } .menuLvl3Container .menuLvl3 .floatRight a{ color: #cc0000; } .menuLvl3Container .menuLvl3 .floatRight .active{ font-weight: bold; } /* Portifolio */ .showcaseList, .showcaseList .showcase{ float: left; width: 980px; } .showcaseList .showcase{ margin: 0 0 42px 0; } .showcaseList .showcaseListLeft{ float:left; width: 640px; height: 358px; padding: 7px; background: url(/sitefiles/14/design/showcaseImgBg.jpg) 0 0 no-repeat; } .showcaseList .showcaseListRight{ float: left; width: 308px; padding: 27px 0 0 18px; } .showcaseList .showcaseListRight h2{ margin: 0 0 22px 0; } .showcaseList .showcaseListRight ul{ float: left; width: 308px; font-size: 12px; line-height: 18px; color: #666666; margin: 0 0 18px 0; } .showcaseList .showcaseListRight ul li{ float: left; width: 308px; } .showcaseList .showcaseListRight .uppercase{ text-transform: uppercase; } .showcaseList .showcaseListRight p{ clear: both; } /* Portifolio del2*/ .showcaseListNr{ float: left; width: 980px; margin: 0 0 42px 0; } .showcaseListNr li{ float: left; width: 306px; height: 170px; padding: 7px; margin: 0 10px 10px 0; background: url(/sitefiles/14/design/showcaseNrImgBg.jpg) 0 0 no-repeat; } .showcaseListNr .removeMargin{ margin: 0 0 10px 0; } .showcaseListNr li a{ float: left; width: 306px; height: 33px; padding: 137px 0 0 0; color: #fff; } .showcaseListNr li a:hover{ color: #fff; } .showcaseListNr li a span{ float: left; width: 292px; height: 23px; padding: 10px 0 0 14px; background: url(/sitefiles/14/design/showcaseNrOpacitybg.jpg) 0 0 repeat-x; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/14/design/showcaseNrOpacitybg.jpg", sizingMethod="scale"); } /* Paging*/ .paging{ float: left; width: 960px; margin: 0 0 24px 20px; _margin: 0 0 24px 10px; } .paging .pagingActive{ padding: 0 7px 0 0; font-weight: bold; } .paging li, .paging li a{ float: left; font-size: 11px; line-height: 13px; text-transform: uppercase; } .paging li a{ color: #666666; padding: 0 7px 0 0; } .paging li a:hover{ color: #333333; } .paging li{ color: #333333; } .paging .pagingRed, .paging .pagingRed a{ color: #CC0000; } .paging .pagingRed a:hover{ color: #FF0000; } /* Lightbox */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/sitefiles/14/design/lightbox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/sitefiles/14/design/lightbox/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }