.latestWorkContainer{ float: left; clear: both; width: 950px; } .latestWorkContainer h2{ float: left; clear: both; font-size: 36px; line-height: 38px; color: #655b62; margin: 0 0 5px 0; width: 950px; } .latestWorkContainer .latestWorkSliderContainer{ position: relative; float: left; width: 745px; height: 290px; overflow: hidden; margin: 0 17px 0 0; background: url(/sitefiles/30/design/latestWork.jpg) 0 0 repeat-x; } .latestWorkSliderContainer .latestWorkSliderContent{ float: left; } .latestWorkSliderContent .latestWork{ float: left; width: 745px; } .latestWorkSliderContent .latestWork .latestWorkLeft{ float: left; width: 360px; height: 290px; } .latestWorkSliderContent .latestWork .latestWorkRight{ position: relative; float: left; width: 355px; height: 262px; padding: 18px 15px 10px 15px;; } .latestWorkSliderContent .latestWork .latestWorkRight h3{ font-size: 18px; line-height: 24px; font-weight: bold; color: #b9e7fb; } .latestWorkSliderContent .latestWork .latestWorkRight p{ font-size: 15px; line-height: 24px; font-weight: bold; color: #fff; } .latestWorkSliderContent .latestWork .latestWorkRight .readMoreSpan{ position: absolute; bottom: 20px; left: 15px; border-bottom: 1px solid #4082b0; } .latestWorkSliderContent .latestWork .latestWorkRight .readMore{ font-size: 15px; font-weight: bold; color: #fff; text-decoration: none; } .latestWorkContainer .downloadEtc{ float: left; width: 170px; padding: 10px 9px; height: 270px; background: url(/sitefiles/30/design/downloadEtc.jpg) 0 0 repeat-x; } .latestWorkContainer .downloadEtc h3{ display: block; width: 161px; height: 39px; padding: 7px 0 0 9px; color: #fff; background: url(/sitefiles/30/design/chatBubble.png) 0 0 no-repeat; } .latestWorkContainer .downloadEtc .fileList{ width: 170px; margin: 7px 0 25px 0; } .latestWorkContainer .downloadEtc .fileList li{ width: 145px; height: 24px; padding: 0 0 0 25px; border-bottom: 1px solid #719d03; } .latestWorkContainer .downloadEtc .fileList li a{ display: block; font-size: 14px; height: 24px; line-height: 24px; vertical-align: middel; text-decoration: none; color: #fff; } .latestWorkContainer .downloadEtc h4{ font-size: 18px; font-weight: bold; color: #fff; line-height: 20px; padding: 0 0 5px 0; border-bottom: 1px solid #719d03; } .latestWorkContainer .downloadEtc .linkList{ width: 170px; } .latestWorkContainer .downloadEtc .linkList li{ width: 170px; height: 24px; border-bottom: 1px solid #719d03; } .latestWorkContainer .downloadEtc .linkList li a{ display: block; text-decoration: none; text-indent: -99999px; } .latestWorkNavigation{ float: left; clear: both; width: 950px; height: 30px; margin: 10px 0 12px 0; } .latestWorkNavigation li{ float: left; width: 30px; height: 30px; } .latestWorkNavigation li .naviNum{ display: block; float: left; width: 30px; height: 30px; background: url(/sitefiles/30/design/naviNums.jpg) no-repeat; text-indent: -99999px; } .latestWorkNavigation .num1 a{ background-position: 0 0; } .latestWorkNavigation .num1 a.active{ background-position: 0 -32px; } .latestWorkNavigation .num2 a{ background-position: -32px 0; } .latestWorkNavigation .num2 a.active{ background-position: -32px -32px; } .latestWorkNavigation .num3 a{ background-position: -64px 0; } .latestWorkNavigation .num3 a.active{ background-position: -64px -32px; } .latestWorkNavigation .num4 a{ background-position: -96px 0; } .latestWorkNavigation .num4 a.active{ background-position: -96px -32px; } .latestWorkNavigation .num5 a{ background-position: -128px 0; } .latestWorkNavigation .num5 a.active{ background-position: -128px -32px; } .latestWorkNavigation .num6 a{ background-position: -160px 0; } .latestWorkNavigation .num6 a.active{ background-position: -160px -32px; } .latestWorkNavigation .num7 a{ background-position: -192px 0; } .latestWorkNavigation .num7 a.active{ background-position: -192px -32px; } .latestWorkNavigation .num8 a{ background-position: -224px 0; } .latestWorkNavigation .num8 a.active{ background-position: -224px -32px; } .latestWorkNavigation .num9 a{ background-position: -256px 0; } .latestWorkNavigation .num9 a.active{ background-position: -256px -32px; } .mydesignfavoritesLogo{ float: left; clear: both; display: block; width: 338px; height: 38px; background: url(/sitefiles/30/design/mydesignfavorites.jpg) 0 0 no-repeat; text-indent: -99999px; margin: 0 0 16px 0; } .mydesignfavoritesContainer{ position: relative; float: left; clear: both; width: 950px; height: 300px; overflow: hidden; } .mydesignfavoritesContent{ float: left; } .mydesignfavoritesContent li{ float: left; width: 316px; height: 300px; } .mydesignfavoritesContent li a{ display: block; float: left; width: 316px; height: 300px; text-indent: -99999px; text-transform: uppercase; } #mydesignfavoritesPrevious{ clear: both; position: absolute; width: 15px; height: 28px; text-indent: -99999px; top: 120px; left: 0; background: url(/sitefiles/30/design/previousArrow.png) 0 0 no-repeat; } #mydesignfavoritesNext{ clear: both; position: absolute; width: 15px; height: 28px; text-indent: -99999px; width: 15px; height: 28px; top: 120px; right: 0; background: url(/sitefiles/30/design/nextArrow.png) 0 0 no-repeat; } .latestBlogsContainer .latestBlog{ position: absolute; top: -43px; left: 0px; width: 200px; } .latestBlogsContainer{ position: relative; float: left; clear: both; width: 944px; height: 26px; padding: 13px 0 0 6px; margin: 46px 0 5px 0; background: #ff4000; } .latestBlogsContainer .latestBlogsContent{ float: left; width: 944px; } .latestBlogsContainer .latestBlogsContent li{ float: left; padding: 0 24px 0 18px; background: url(/sitefiles/30/design/star.jpg) 0 2px no-repeat; } .latestBlogsContainer .latestBlogsContent li a{ float: left; display: block; font-size: 13px; line-height: 15px; color: #fff; text-decoration: none; text-transform: uppercase; } .latestBlogsContainer .latestBlogsContent .more{ float: right; padding: 0 33px 0 0; background: url(/sitefiles/30/design/moreArrow.jpg) right 2px no-repeat; } .articleNavigation{ float: left; clear: both; width: 374px; height: 30px; margin: 10px 0 12px 0; } .articleNavigation li{ float: left; width: 30px; height: 30px; } .articleNavigation li .naviNum{ display: block; float: left; width: 30px; height: 30px; background: url(/sitefiles/30/design/naviNums.jpg) no-repeat; text-indent: -99999px; } .bubbleHeaderGreen{ float: left; clear: both; display: block; width: 119px; height: 31px; padding: 5px 0 0 9px; color: #fff; background: url(/sitefiles/30/design/bubbleHeaderGreen.png) 0 0 no-repeat; } .bubbleHeaderBlack{ display: block; width: 534; height: 31px; padding: 5px 0 0 9px; margin: 0 0 14px 0; color: #fff; background: url(/sitefiles/30/design/bubbleHeaderBlack.png) 0 0 no-repeat; } .ingressWrapper p{ font-weight: bold; } .links{ float: left; width: 360px; margin: 7px 0 0 0; } .links li{ width: 335px; padding: 0 0 16px 0; } .links li .linkName{ float: left; font-size: 14px; line-height: 14px; color: #ff4000; } .links li .linkName a{ font-size: 14px; line-height: 14px; color: #655b62; } .imgContainer{ position: absolute; top: -444px; left: -374px; width: 950px; height: 420px; } .imgContainer img{ float: left; clear: both; } .imgContainer .articleHeader{ float: left; clear: both; width: 950px; height: 45px; } .imgContainer .articleHeader h2{ float: left; clear: both; height: 45px; font-size: 36px; line-height: 38px; color: #655b62; } .imgContainer .articleHeader .star{ float: left; width: 14px; height: 45px; background: url(/sitefiles/30/design/starOrange.jpg) 0 0 no-repeat; } .articleImgPhoto{ position: absolute; top: -19px; left: -374px; width: 950px; height: 19px; text-align: right; font-size: 10px; color: #000; } .articleImgPhoto a{ text-align: right; font-size: 10px; color: #000; } .contentLeft2 h2{ margin: 0 0 5px 0; float: none; } .contentLeft2 h3{ font-size: 14px; color: #ff4000; margin: 0 0 5px 0; } .contentLeft2 .text p, .contentLeft2 p{ font-size: 12px; line-height: 14px; } .contentLeft2 .wrapper, .contentCenter2 .wrapper, .contentRight2 .wrapper{ margin: 0 0 24px 0; float: left; } .contentLeft2 h2, .contentCenter2 h2, .contentRight2 h2{ float: none; margin: 0 0 8px 0; } .contentLeft2 h3, .contentCenter2 h3, .contentRight2 h3{ font-size: 14px; color: #ff4000; margin: 0 0 5px 0; } .contentLeft2 p, .contentCenter2 p, .contentRight2 p{ width: 100%; } .contentLeft2 .text p, .contentCenter2 .text p, .contentRight2 .text p { font-size: 12px; } .contentRight2 .links{ width: 290px; } .contentRight2 .links li{ width: 290px; float: left; } .contentCenter2 .links li, .contentLeft .links li{ float: left; } .contentRight2 .links a, .contentLeft .links a{ float: left; } .contentRight2 .links .linkName, .contentLeft .links .linkName{ padding: 0 5px 0 0; } .contentLeft .links .file{ padding: 0 0 5px 0; } .contentLeft .links .file .name{ float: left; padding: 3px 5px 3px 25px; font-size: 14px; } .contentCenter2 .links .linkName{ float: left; } .contentLeft .links a{ float: left; } .contentCenter2 .links .icon{ float: left; width: 100%; } .contentLeft .links .file a{ padding: 3px 0 3px 0; } .contentCenter2 .links .linkName2{ float: left; clear: both; color:#655B62; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 14px; } .contentRight2 .links .linkName2{ float: left; color: #655B62; font-size: 12px; line-height: 14px; } .contentCenter2 .links a{ float: left; clear: both; font-size: 12px; } .contentCenter2 .file{ padding: 3px 0 3px 25px; } .contentCenter2 .file .name{ float: left; color: #ff4000; font-size: 14px; line-height: 14px; padding: 0 5px 0 0; } .contentCenter2 .links .file a{ float: left; clear: none; } .contentLeft2 .files li, .contentCenter2 .files li, .contentRight2 .files li{ padding: 3px 0 3px 25px; } .contentLeft2 .files li a, .contentCenter2 .files li a, .contentRight2 .files li a{ font-weight: bold; } .contentCenter2 form ul li label{ color: #655b62; font-size: 12px; font-weight: bold; } .contentCenter2 form.kpvertical fieldset ul, .contentCenter2 form.kpvertical fieldset ul li, .contentCenter2 form.kpvertical fieldset ul li label{ width: 362px; } .contentLeft2 .icon, .contentCenter2 .icon, .contentRight2 .icon{ display: block; width: 130px; height: 22px; margin: 2px 0 2px 0; }