body{ width:100%; height:100%; margin:auto; padding:0; border:0;font-family: Verdana, Arial, sans-serif;font-size: .67em; line-height:17px; color: #777777; background:url(../images/bg.jpg)top center no-repeat fixed #000; } #wrap{ width:100%; height:100%; margin:auto; text-align:left; background:url('../images/bg_highlight2.png') top repeat-x; } #wrap1{ width:960px; height:100%; margin:auto;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;font-weight:normal; line-height:20px;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:.5em;color:#555;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;color:#333;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus{ border:0px;} a {color:#b9b8b8;text-decoration:none; font-style:bold;} a:hover {color:#444;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} img{border:none;} ul{list-style:none; margin-left:-40px;} li{list-style:none; } #portfolio{margin-right:-30px;} .stayInTouch{font-size:11px;} /*nav */ /*general layout*/ .rightColSmall #icons img{margin-right:15px;} #header{ margin-bottom:0px;padding-top:50px; margin-top:-50px; } .logo{margin:50px 35px -5px 70px; float:left; } #header li{display:inline; margin-right:14px; font-size:11px; } #nav{margin:40px 0px 0px 5px; float:left;} #mainContent{ height:100%; width:870px; padding-left:68px; margin-bottom:50px; background:url(''); margin:auto; } .mainContentTop{padding-top:0px; padding-bottom:0px; height:100%; width:100%;} .introMessage{padding-bottom:30px; } .copyright{padding:14px 0 20px 0} #awards{margin-left:0px; margin-top:30px;} /*general layout*/ #title{margin:44px 0 20px 0; width:230; height:33;} .title{ margin-bottom:20px;} .rightColWide{width:460px; float:left; } .rightColWideProcess{width:460px; float:right; margin:-90px -240px 0 0px; } .rightColWide2{width:460px; float:left; margin-left:75px; margin-top:-15px; } .rightColWide3{width:460px; float:right; margin-left:335px; margin-top:-450px; position:absolute; top:50px; } .leftColWide{width:460px; float:left; margin-right:45px; } .wideCol{width:230px; margin-right:190px; float:left;} .leftColSmall{width:230px; margin-right:190px; float:left;} .leftColSmall2{width:230px; float:left;} .centerCol{width:224px; margin-left:50px; margin-right:32px;float:left;} .centerColProfile{width:224px; margin-left:68px; margin-right:32px;float:left;} .centerCol2{width:230px; margin-right:200px; margin-left:278px; } .centerColServices{width:230px; margin-left:-150px; margin-top:-66px;float:left; } .rightColServices{width:245px; margin-left:284px; margin-top:-478px;float:left;} .rightColSmall{width:245px; float:right; margin-right:48px; } .rightColSmall2{width:245px; float:left; margin-right:0px; margin-left:40px; margin-top:-22px; padding:6px;} .rightColSmall3{width:245px; margin-left:0px; position:absolute; top:2070px;} .pusher{margin-bottom:25px;} .rightColSmall li{margin-bottom:10px; } .top { padding-left:-150px; padding-top:-350px; padding-bottom:5px; margin-left:380px;} .top a{ background:url('../images/btnUpArrow.gif') no-repeat; width:40px; height:25px;display:block; } .top a:hover{ background:url('../images/btnUpArrowHover.gif') no-repeat; width:40px; height:25px;display:block; } /*forms*/ input:focus {border:0px; background: #BBD3E1;} #signup_name{background: url('../images/bg_form.gif'); color:#111; border:hidden; font-size:10px; padding:3px; width:208px; height:15px; } #signup_email{background: url('../images/bg_form.gif'); border:hidden; font-size:10px; padding:3px; width:208px; height:15px; } #body{background: url('../images/bg_form.gif'); border:hidden; font-size:10px; padding:3px; font-family:Arial, Helvetica, sans-serif; } .submit{margin:5px 0px 10px 0px; padding-bottom:10px; background-image:(../images/joinMailinglist.gif);} #form label{padding:10px 0px 5px 0px;} .formName{padding:10px 0px 5px 0px;} .form_col{position:absolute; z-index:1;left:425px; top:25px; padding-bottom:10px;} /*home layout*/ .aboutTitle{margin-bottom:5px;} .newstitle{ margin-bottom:0px;} /*case studies*/ .thumbnail_background2{ width:180px; height:132px;} .thumbnail_container2{ float:left; width:180px; height:135px; background:url('../images/bgTransparent.png'); margin:0; padding:10px 1px 22px 5px;} .caseStudy{display:block;} /*portfolio*/ #archive{width:820px; margin-left:5px;} .thumbnail_container{float:left; width:187px; height:175px; background:url('../images/bgTransparent.png'); margin:0; padding:10px 5px 22px 9px;} .thumbnail_background{ width:180px; height:132px;} .thumbnail_container img{width:180px; height:118px; background-color:#FFFFFF; } .thumbnail_background img{width:180px; height:118px; :#FFFFFF;} .thumbnail_container .new img{position:relative; z-index:1; width:30px; height:12px; top:-160px; left:0px; } .thumbnail_container .caption{margin:0px 0 0px 0;} /*about*/ /*porfile*/ #icons img{margin-right:12px;} #clients{} #clients ul{list-style-image:none; list-style-type:none; /*twitter feed*/ #twitter_div{width:460px; height:100%; line-height:20px;} #twitter_div ul{ margin:0px 0px 0px 0px; line-height:20px;} #twitter_div a{width:460px;margin:10px 0px 0 0px;} #my_twitter { float: left; } #my_twitter img { float: left; width:5px; height:5px; clip:10px;} #my_twitter a img {height: 5px;width: 5px; border: 0px ; padding:0 5px 5px 0; } #my_twitter_statuses:before { float: left; display: block; width: 11px; height: 21px; margin-top: -10px; margin-left: -1px; } #my_twitter_statuses { list-style: none; margin: 0px 0px 0 -50px; padding: -20px -10px -10px-10px; } #my_twitter_statuses li { line-height:22px;font-size: 10px; padding-bottom:10px; } #my_twitter_statuses li.first {padding-right:10px; } #my_twitter_statuses li.even { margin-bottom:10px; } #my_twitter_statuses li.first span { font-size: 10px; font-weight: normal; } #my_twitter_statuses li span { font-style: normal; margin-bottom:10px; } margin:0px 0 0 -40px; padding-bottom:0px;} #clients li{ line-height:5px;border-bottom:1px dotted #444; color:#555; float:left; margin:10px 0 7px 0px; padding:0px 0 10px 0px; width:222px; } /*footer*/ #footer {height:70px;margin:20px 0 0 -75px;} #footerLinks { float:left; margin-left:75px; font-size:8px; } #footerNav {float:right; margin: -32px 75px 0px 0px;} #footerNav li{display:inline; margin:-10px 10px 0 0;font-size:9px;} /* ---------------- Begin Ticker box CSS /* ----------------- */ .newsTicker{width:242px; padding-right:0px; float:left; overflow:hidden; height:170px;} .newsTicker li{ padding-bottom:235px; } .newsTicker h4{ margin-bottom:-4px; } /* image replacement */ .graphic, #prevBtn, #nextBtn{ margin:20px 0 0 0 ; padding:0; display:block; overflow:hidden; text-indent:-8000px; } /* // image replacement */ #container{ position:relative; text-align:left; width:80px; margin-bottom:2em; margin-left:0px; } #content{position:relative;} /* Easy Slider */ #slider{} #slider ul, #slider li{ height:804px; width:254px; margin:0; padding:0; list-style:none; } #slider li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:804px; height:254px; overflow:hidden; } #prevBtn, #nextBtn{ display:block; width:30px; height:55px; position:absolute; left:-35px; top:76px; } #nextBtn{ left:820px; } #prevBtn a, #nextBtn a{ display:block; width:30px; height:77px; background:url(../images/btn_prev.gif) no-repeat 0 0; } #prevBtn a:hover{background:url(../images/btnPrevHover.gif) no-repeat 0 0;} #nextBtn a{ background:url(../images/btn_next.gif) no-repeat 0 0; } #nextBtn a:hover{ background:url(../images/btnNextHover.gif) no-repeat 0 0; } /* // Easy Slider */