@media screen {  body { font-family: 'Lucida Grande', 'Lucida Sans Unicode'; font-size: 11px; color: #717171; padding: 0 0 30px; margin: 0; border-top: 3px solid #6890b5; } .text { line-height: 20px; margin-bottom: 10px; } img { border: none; } a { color: #ababab; text-decoration: none; } .text a { color: #ababab !important; text-decoration: underline; } .text a * { color: #ababab !important; text-decoration: underline; } .text a:hover { color: #fe006c !important; text-decoration: underline; } .text a *:hover { color: #fe006c !important; text-decoration: underline; } a:hover { color: #717171; } .site { width: 841px; margin: 0 auto; position: relative; } .top { height: 216px; margin-top: 26px; } .noSubMargin {  }  .marginTopThumbsGallery .relative { width: 95px; height: 57px; background: url(/has/css/../img/loader.png) no-repeat 50% 50%; } .gallery .items { background: url(/has/css/../img/loader.png) no-repeat 50% 0; }  .topImage { width: 100%; text-align: center; top:0; } .line { height: 1px; width: 100%; background: #717171; opacity: 0.2; filter:alpha( opacity=20 ); } .subLine { top: 249px; } .subSubLine { top: 279px; } .topLine { top: 219px; } .bottomLine { padding: 10px; } .logo { width: 178px; height: 132px; background: url(/has/css/../img/logo.png) no-repeat 0 0; } .logoMini { width: 85px; height: 71px; margin: 30px 0 60px 0; background: url(/has/css/../img/logo_small.png) no-repeat 0 0; } .weLove { height:15px; width:214px; left: 650px; top: 10px; } .footer .weLove { background: url(/has/css/../img/weLove.png) no-repeat 0 0; height:15px; width:214px; left: 650px; top: 10px; } .topMenu { font-family: Lucida Grande, Helvetica, Arial; text-transform: uppercase; margin: 37px 0; padding: 0; letter-spacing: 1px; } .footerMenu { margin: 0; padding: 0; } .topMenu li { float: left; list-style: none; margin: 0 30px 0 0; padding: 0; } .footerMenu li{ margin: 0 0 0 30px; } .menu a { color: #c3c3c3; } .subMenu { margin: -22px 0 0 0; padding: 0; clear: left; font-size: 9px; margin-right: 20px; } .subMenu .list{ background: url(/has/css/../img/list.gif) no-repeat 0 1px; padding-left: 30px; float: left; } .subMenu .thumb{ background: url(/has/css/../img/thumb.gif) no-repeat 0 1px; padding-left: 30px; float: left; } .subMenu .active a{ color: #717171; } .subMenu a.list.active, .subMenu .active .list{ background: url(/has/css/../img/list_active.gif) no-repeat 0 1px; } .subMenu a.thumb.active, .subMenu .active .thumb{ background: url(/has/css/../img/thumbs_active.gif) no-repeat 0 1px; } .sectionMenu { margin-top: -16px; } .projectType { margin-top: -9px; }  a.type { cursor: pointer; padding: 0 0 0 30px; margin-right: 8px; background: url(/has/css/../img/cb.gif) no-repeat 0 1px; } .projectType a.active { background: url(/has/css/../img/cb_active.gif) no-repeat 0 1px; } .listTypeMenu { margin-bottom: 38px; margin-top:-16px; } .webkit .listTypeMenu { margin-bottom: 30px; } .listTypeMenu li { margin-right: 60px; } .homeBox { position: relative; height: 400px; } .homeBox .box{ margin: 0; padding: 0; overflow: hidden; } .homeBox .left{ left:0; top: 0; height: 400px; } .homeBox .right{ right:0; height: 200px } .homeBox .top{ top:0; margin-top: 0; height: 200px } .homeBox .bottom{ top: 200px; } .homeBoxLeftCont { overflow: hidden; width: 539px; } .homeBox .overText { height: 0; overflow: hidden; background: #ccc; bottom: 0; background: url(/has/css/../img/over_bg_60.png); width: 100%; cursor: pointer; } .controller { position: absolute; left: 20px; top: 0; color: #fff; z-index: 10; } .controller .hbHandles{ color: #fff; background: #1c1c1c; width: 15px; padding: 3px 0 1px 2px; text-align: center; margin: 0; display: block; float: left; cursor: pointer; } .controller .active { background: #fe006c; } .homeTitle { font-size: 15px; color: #717171; padding: 27px 0 0 20px; margin: 0; } .homeText { font-size: 10px; color: #717171; padding: 0px 0 0 20px; margin: 0; text-transform: uppercase; } .homeArticles { margin-top: 0; } .homeDate { left:-46px; position:absolute; top:365px; } .icons { left:785px; position:absolute; top:440px; width: 80px; } .icons a{ padding: 0 0 0 12px; } .box2f3 { width: 499px; padding: 20px; padding-left: 0; } .box1f3 { width: 280px; padding: 20px; padding-left: 0; } .footer {} .boxes { margin-top: 70px; } .box { margin-bottom: 60px; color: #717171; line-height: 20px; } .boxImage { margin: 0 15px 22px 0; } .box .pink span, .box .orange span{ margin-bottom: 10px; } .box .pink, .box .orange{ margin-bottom: 0; } .projects { margin: 30px 0; } .listView .boxImage { margin-right: 30px; margin-bottom: 0; } .listText { width: 630px; margin-right: 30px; } .listView .box { padding: 15px 0 10px; margin: 0 auto; width: 841px; } .listView .alternate {  background: url(/has/css/../img/bg_alternate.png); } .listView h4 { margin: 0; } .thumbView { margin: 60px auto 0; width: 841px; } .thumbView .boxThumb { float: left; margin: 0 30px 30px 0; width: 240px; height: 120px; overflow: hidden;  } .webkit .thumbView .boxThumb { opacity: 1; filter:alpha(opacity=100); } .thumbView .overText { height: 0; overflow: hidden; background: #ccc; bottom: 0; background: url(/has/css/../img/over_bg_60.png); width: 100%; cursor: pointer; } .thumbView .thumbActive .overText { background: url(/has/css/../img/over_bg_pink.png); } .thumbView .homeTitle { font-size: 14px; color: #717171; padding: 10px 0 0 10px; margin: 0; } .thumbView .homeText { font-size: 10px; color: #717171; padding: 5px 0 0 10px; margin: 0; text-transform: uppercase; } .hideThumb { opacity: 0.3 !important; filter:alpha(opacity=30); } .hideThumbDiv{ display: none; position: absolute; top:0; left:0; } .hideThumb .hideThumbDiv{ display: block; } .thumbView .hideThumbDiv{ width: 240px; height: 120px; } .listView .hideThumbDiv{ width: 841px; height: 100px; } .activeThumbDiv { background: url(/has/css/../img/project_active.png) no-repeat; position:absolute; width: 240px; height: 120px; top: 0; left: 0; } .activeThumbDivOff { height: 0; opacity: 0; filter:alpha(opacity=0); } .activeThumbDivOn { height: 75px; opacity: 1; filter:alpha(opacity=100); } .active .activeThumbDivOff { height: 120px; opacity: 1; filter:alpha(opacity=100); } .listView .activeThumbDiv { top: 15px; width: 150px; height: 60px; background: url(/has/css/../img/project_active_list.png) no-repeat; } .listView .activeThumbDivOn { height: 75px; opacity: 1; filter:alpha(opacity=100); } .listView .activeThumbDivOff { height: 0; opacity: 0; filter:alpha(opacity=0); } .detailL{ width: 210px; min-height: 210px; border-right: 1px solid #e3e3e3; } .detailR{ width: 540px; margin: 0 0 0 30px; min-height: 240px; } .detail h4{ margin-bottom: 10px; } .gallery .toolbar button{ border: 1px solid #c3c3c3; width: 60px; height: 30px; cursor: pointer; } .toolbar { padding: 40px 0 20px; position: relative; } .toolbar .btnLeft{ background: url(/has/css/../img/left.gif) no-repeat 20% 50%; } .toolbar .btnLeft:hover{ background: url(/has/css/../img/left_hover.gif) no-repeat 20% 50%; border: 1px solid #6890b5; } .toolbar .paging { text-align: center; position: absolute; width: 300px; left: 170px; top: 50%; } .toolbar .active { color: #fe006c; } .toolbar span { margin: 0 0 0 10px; cursor: pointer; } .toolbar .btnRight{ background: url(/has/css/../img/right.gif) no-repeat 80% 50%; margin-right: 5px; } .toolbar .btnRight:hover{ background: url(/has/css/../img/right_hover.gif) no-repeat 80% 50%; border: 1px solid #6890b5; } .fakeProjectGallery, .gallery { width: 660px; position: relative; overflow: hidden; height: 890px; } .box_0 { border:none; } .col1 { width: 400px; margin-right: 20px; } .fakeProjectLogo { position: absolute; left: 20px; top: 0; } .fakeProjectGallery {  } .fakeProjectLogo {  } .galleryCont { position: absolute; } .galleryCont .items { float:left; width: 660px; height: 800px; overflow: hidden; } .imgScroll { position: relative; top:0; cursor: move; } .goTopImage { } .goBottomImage { } .scrollImage {  position: absolute; width: 21px; top: 0; left: 634px; z-index: 10; left: 0; display: none; } #projects { position: relative; padding-top: 40px; width: 811px; } .detail { position: relative; left: 0; top: 0; } .detailHeader { height: 210px; } .marginTopThumbsGallery { margin-top:120px; width: 95px; margin-left: 25px; } .marginTopThumbsGallery img { cursor: pointer; } .marginTopThumbsGallery .activeThumbDiv { top: 0; left: 0; width: 95px; height: 57px; background: url(/has/css/../img/thumb_active.png) no-repeat; } .marginTopThumbsGallery .active .activeThumbDivOff { opacity: 1; filter:alpha(opacity=100); } .goTop { position: absolute; left: -120px; width: 1015px; top: 200px; margin: 0 auto; padding-left: 30px; } .goTop a{ width: 88px; height: 60px; } #swfTop { margin-top: 3px; } .goTopLeft { display: none; background: url(/has/css/../img/top_left.png) no-repeat; } .goTopRight { background: url(/has/css/../img/gotop.png) no-repeat; } .projects { margin-bottom: 10px; } .newProject { background: url(/has/css/../img/new.png) no-repeat; width: 60px; height: 30px; position: absolute; top: 20px; left: 0; } .listView .newProject { background: url(/has/css/../img/new_project_list.png) no-repeat; top: 27px; }  .form form { width: 439px; } .form { margin-bottom: 120px; width: 900px; } .form .box { margin-bottom: 40px } .form label { width: 110px; margin: 4px; } .form .sendBtn { margin-left: 150px; } .form textarea { width: 320px; height: 130px; font-size: 11px; font-family: 'Lucida Grande', 'Lucida Sans Unicode'; } .form textarea , .form input { margin-bottom: 4px; border: 1px solid #b7b7b7; padding: 6px 5px; width: 306px; } .form button { border: 0; padding: 0; background: none; } .form .box { float: left; width: 400px; } .form .boxRight { width: 350px; float: right; }  .newsletterBox { width: 350px; float: right; height: 200px; margin-left: 15px; margin-top: -15px; } .nlBody { border-top: none; padding: 0; } .nlBody form { margin: 0; padding: 0; } .newsletterSubmit { border: 0; height:30px; padding:0; margin: 0 -5px; width:70px; background: none; float: right; } .newsletterInput { border:1px solid #B7B7B7; margin-bottom:4px; padding:6px 5px; width: 290px; } .formNl { width: 300px; }   .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } .layoutCenter { margin: 0 auto; } .textCenter { text-align: center; } .textRight { text-align: right; } .textLeft { text-align: left; } .static { position: static; } .relative { position: relative; } .absolute { position: absolute; } .away { position: absolute; left: -600000px; top: -600000px; } .cleaner { border: none; clear: both; height: 0; font-size: 0; background: none; overflow: hidden; }  .error { padding: 0; color: red; margin: 0 0; background: url(/has/css/../img/error.gif) no-repeat 5px 50%; text-transform: uppercase; } .warning { border: 1px solid #d4ac0a; padding: 8px 8px 8px 40px; color: #d4ac0a; margin: 10px 0; background: url(/has/css/../img/warning.gif) no-repeat left center; } .success { border: 1px solid #149b0d; padding: 8px 8px 8px 40px; color: #149b0d; margin: 10px 0; background: url(/has/css/../img/success.gif) no-repeat left center; } .strikeOut { text-decoration: line-through; } .underline { text-decoration: underline; } .noDec { text-decoration: none; } .bold { font-weight: bold; } .text11 { font-size: 11px;} .text10 { font-size: 10px;}  .show { display: block; } .hide { display: none; } .inline { display: inline; } .invisible { visibility: hidden; } .opacity50 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;} .noBorder { border: 0 !important; } .noMarg { margin: 0; } .noPad { padding: 0; } .block { display: block; }  a.active , .active { color: #717171; } .opacity0 { filter:alpha(opacity=0); opacity: 0; } .opacity1 { filter:alpha(opacity=100); opacity: 1; } #flashDiv { width: 840px; margin: 45px 0 0; } } @media print {body { padding: 0 20px; font-size: 12px; font-family: arial; } #site { width: 565px; padding: 15px; } .header { height: 100px; } .top { display: none; } img { margin: 10px 0; } hr { width: 560px; display: block; margin-left: 0; height: 1px; } }