/* @override http://carrotcreative.com/style.css */ #screen {width: 100%; overflow: hidden;} .height {height: 100%; } .padding {padding-bottom: 40px; } .servicon img {padding-left: 50px; float: right; } /* @group Base */ * {margin: 0; padding: 0; } body, p {color: #ddd; font: 13px/1.5em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; } .homebottom h2 {margin: 0 auto; } .home-nav {background-color: #333; width: 565px; overflow: hidden; float: left; margin-left: 20px; } .homebottom {overflow: hidden; padding-top: 10px; } .titles {padding: 10px 0; } .staff-feed {margin-bottom: 10px; } html, body {height: 100%; } body {position: relative; } .greenbottom {height: 1px; width: 100%; border-bottom: 7px solid #8cc63f; float: right; } a {outline: none; } /* @group staff bgs */ /* @end */ a img {border: 0; } /* @group staff imgs */ .staff-image a {width: 500px; height: 276px; display: block; } div#a.bgzcouch .staff-image a {background-image: url(/images/staff_new/staff_couch.jpg); } div#a.bgzbobby .staff-image a {background-image: url(/images/staff_new/staff_bobby.jpg); } div#a.bgzmike .staff-image a {background-image: url(/images/staff_new/staff_mike.jpg); } div#a.bgzchris .staff-image a {background-image: url(/images/staff_new/staff_chris.jpg); } div#a.bgzkaty .staff-image a {background-image: url(/images/staff_new/staff_katy.jpg); } div#a.bgzkyle .staff-image a {background-image: url(/images/staff_new/staff_kyle.jpg); } div#a.bgzsteve .staff-image a {background-image: url(/images/staff_new/staff_steve.jpg); } div#a.bgzmaury .staff-image a {background-image: url(/images/staff_new/staff_maury.jpg); } div#a.bgzjeff .staff-image a {background-image: url(/images/staff_new/staff_jeff.jpg); } div#a.bgzalvaro .staff-image a {background-image: url(/images/staff_new/staff_alvaro.jpg); } div#a.bgzshaboo .staff-image a {background-image: url(/images/staff_new/staff_couch.jpg); } div#a.bgzaudrey .staff-image a {background-image: url(/images/staff_new/staff_couch.jpg); } div#a.bgzkaitlin .staff-image a {background-image: url(/images/staff_new/staff_kaitlin.jpg); } div#a.bgzasa .staff-image a {background-image: url(/images/staff_new/staff_asa.jpg); } div#a.bgztony .staff-image a {background-image: url(/images/staff_new/staff_tony.jpg); } div#a.bgzcolin .staff-image a {background-image: url(/images/staff_new/staff_colin.jpg); } div#a.bgzjacob .staff-image a {background-image: url(/images/staff_new/staff_jacob.jpg); } div#a.bgzpratt .staff-image a {background-image: url(/images/staff_new/staff_couch.jpg); } /* @end */ .both {clear: both; } .contact-header {padding: 10px 0 0 0; } .hometop {background-image: url(/images/home-bg2.jpg); overflow: hidden; padding-bottom: 253px; } .hometop2 {/* background-image: url(/images/bday.jpg);*/ overflow: hidden; height: 426px; /*width: 922px !important; *//*position: static !important;*/ } #slideshow {width: 880px; overflow: hidden; border-bottom: 7px solid #8cc63f; margin-top: -20px; } #screen2 {width: 880px; margin: 0; } #screen2 #buttons .prev {float: left; background: url(/images/prev.png); text-indent: -90000px; width: 94px; height: 29px; } #screen2 #buttons .next {float: right; background: url(/images/next.png); text-indent: -90000px; width: 94px; height: 29px; } #cl-sections ul li img.right {padding-left: 10px; padding-top: 10px; } #slideshow {overflow: hidden; width: 879px; } #screen2 #buttons {position: relative; width: 880px; top: 200px; } #slideshow ul {width: 88900px; list-style-type: none; } #slideshow li {float: left; margin: 0 0px; cursor: pointer; margin-bottom: -5px; } .orange {color: #f9a451; } .green, a {color: #88c746; text-decoration: none; } /* @group Home Page */ .item {width: 270px; padding: 10px 20px 0px 10px; float: left; } .blogcontent {clear: both; padding-left: 10px; overflow: hidden; } .blogcontent h2, .blogcontent h2 a {color: #f9a451; font-size: 12px; text-transform: uppercase; } .blogcontent2 {clear: both; padding-left: 10px; } .blogcontent2 h2, .blogcontent2 h2 a {color: #f9a451; font-size: 12px; text-transform: uppercase; } .featured {width: 290px; float: right; text-align: right; margin-top: 32px; } .red {border: 2px solid red; } .blue {border: 2px solid blue; } /* @end */ /* @group homenav */ .recentpress {height: 28px; width: 118px; background-image: url(/images/home/recent-posts.jpg); } #h-navigation .selected, #h-navigation a:hover {background-position: 0 -28px; } .recentfeeds {height: 28px; width: 118px; background-image: url(/images/home/recent-press.jpg); } #h-navigation {width: 400px; overflow: hidden; clear: both; list-style-type: none; display: inline; } #h-navigation li {display: inline; float: left; } #h-navigation li a {display: inline; float: left; text-indent: -90000px; } /* @end */ .hide {display: none; } .right {float: right; } .left {float: left; } .right-col {float: right; width: 265px; margin-right: 20px; } .divider {width: 100%; height: 20px; } * { } .home-wrapper {background: url(/images/side.gif) no-repeat right 78px; width: 922px !important; overflow: hidden; } .home-wrapper ul {overflow: hidden; } .banner {height: 99px; width: 400px; float: right; margin-top: 78px; padding: 10px 20px 20px; background: url(/images/black.png) } .homebody {/*width: 920px; height: 100%;*/ background-image: url(/images/black.png); position: relative;} .right-col ul {color: #eee; list-style-type: none; font-size: 13px; padding: 10px 0; } .location-text .right-col ul li {background: url(/images/flickr.jpg) no-repeat 1px 1px; padding-bottom: 10px; padding-left: 25px; } .left-col {float: left; width: 575px; } /* @group show/hide */ .test ul li a {display: block; width: 142px; height: 23px; text-indent: -90000px; } .test {height: 23px; background: url(/images/onoff.jpg) no-repeat; } .test ul, .test ul li {float: left; display: inline; } .off {background-image: url(/images/show.jpg); } .bump {background-position: 0 -23px; } .on {background-image: url(/images/hide.jpg); background-position: 0 -23px; } /* @end */ /* @group Nav */ #navigation {position: absolute; width: 100%; text-align: center; overflow: hidden; background: url(/images/black.png); z-index: 10; } #navigation ul {float: left; width: 920px; } #navigation li {display: block; float: left; list-style-type: none; } #navigation li a, #navigation span a {display: block; height: 43px; text-indent: -90000px; } #navigation li a:hover, #navigation span a:hover {background-position: 0 -43px; } body a.home {background: url(/images/nav/logo.png) no-repeat; width: 216px; margin: 0 70px 0 85px; } .clients {background: url(/images/nav/clients.png) no-repeat; width: 109px; } .services {background: url(/images/nav/services.png) no-repeat; width: 109px; } .careers {background: url(/images/nav/careers.png) no-repeat; width: 109px; } .about {background: url(/images/nav/about.png) no-repeat; width: 109px; } .contact {background: url(/images/nav/contact.png) no-repeat; width: 109px; } .sites {background: url(/images/nav/sites.png) no-repeat; width: 109px; } #navigation .selected {background-position: 0 -43px; } /* @end */ #sections {overflow: hidden; clear: left; height: 100%; } .height {height: 100%; } #sections .container {width: 57660px; height: 100%; background: #583728 url(/images/bg.jpg); overflow: hidden; } /* @group Backgrounds */ .s.bg {background: url(/images/services-bg.png) no-repeat; overflow: hidden; float: left; height: 100%; padding-left: 40px; } .c.bg {background: url(/images/careers-bg.png) no-repeat; overflow: hidden; float: left; height: 100%; padding-left: 100px; } .cl.bg {background: url(/images/clients_top.png) no-repeat; overflow: hidden; float: left; height: 100%; padding-left: 50px; } .co.bg {background: url(/images/contact-bg.png) no-repeat; overflow: hidden; float: left; height: 100%; padding-left: 80px; } #a {background: url(/images/about-company.png) no-repeat; overflow: hidden; float: left; height: 100%; padding-left: 60px; } #a.bgzcouch {background: url(/images/staffbg/wii_bowling.png) no-repeat; } #a.bgzlocation {background: url(/images/compass.png) no-repeat; } #a.bgzbobby {background: url(/images/staffbg/world_series_ticket.png) no-repeat; } #a.bgzmike {background: url(/images/staffbg/mike.png) no-repeat; } #a.bgzchris {background: url(/images/staffbg/chris_top.png) no-repeat; } #a.bgzjeff {background: url(/images/staffbg/sean-top.png) no-repeat; } #a.bgzkyle {background: url(/images/staffbg/top_records.png) no-repeat; } #a.bgzsteve {background: url(/images/staffbg/top_neil_young.png) no-repeat; } #a.bgzalvaro {background: url(/images/staffbg/record_player.png) no-repeat; } #a.bgzmaury {background: url(/images/staffbg/maury_all_together.png) no-repeat; } #a.bgzshaboo {background: url(/images/staffbg/shaboo-all_together.png) no-repeat; } #a.bgzaudrey {background: url(/images/staffbg/lenses.png) no-repeat; } #a.bgzjacob {background: url(/images/staffbg/kangaroo-sign.png) no-repeat; } #a.bgzjeff {background: url(/images/staffbg/turtlepie.png) no-repeat; } #a.bgzkaitlin {background: url(/images/staffbg/chevychase.png) no-repeat; } #a.bgzkaty {background: url(/images/staffbg/katytop.png) no-repeat; } #a.bgztony {background: url(/images/staffbg/controller.png) no-repeat; } #a.bgzcolin {background: url(/images/staffbg/cap.png) no-repeat;} #a.bgzbobby .sub {height: 100%; background: url(/images/staffbg/bobby_bottom.png) no-repeat right bottom !important; } #a.bgzmike .sub {height: 100%; background: url(/images/staffbg/mike_bottom.png) no-repeat right bottom !important; } #a.bgzjeff .sub {height: 100%; background: url(/images/staffbg/sean-bottom.png) no-repeat right bottom !important; } #a.bgzkyle .sub {height: 100%; background: url(/images/staffbg/bottom.png) no-repeat right bottom !important; } #a.bgzsteve .sub {height: 100%; background: url(/images/staffbg/wimpy_bottom.png) no-repeat right bottom !important; } #a.bgzchris .sub {height: 100%; background: url(/images/staffbg/chewie.png) no-repeat right bottom !important; } #a.bgzalvaro .sub {height: 100%; background: url(/images/staffbg/alvaro_bottom.png) no-repeat right bottom !important; } #a.bgzlocation .sub, #a.bgzmaury .sub, #a.bgzshaboo .sub {height: 100%; background: none !important; } #a.bgzaudrey .sub {height: 100%; background: url(/images/staffbg/old_speaker.png) no-repeat right bottom !important; } #a.bgzcouch .sub {height: 100%; background: url(/images/staffbg/carrot_bottom.png) no-repeat right bottom !important; } #a.bgzjacob .sub {height: 100%; background: url(/images/staffbg/sunglasses.png) no-repeat right bottom !important; } #a.bgzjeff .sub {height: 100%; background: url(/images/staffbg/duck.png) no-repeat right bottom !important; } #a.bgzkaitlin .sub {height: 100%; background: url(/images/staffbg/lotus.png) no-repeat right bottom !important; } #a.bgzkaty .sub {height: 100%; background: url(/images/staffbg/burrito.png) no-repeat right bottom !important; } #a.bgztony .sub {height: 100%; background: url(/images/staffbg/tonybottom.png) no-repeat right bottom !important; } #a.bgzcolin .sub {height: 100%; background: url(/images/staffbg/colinbottom.png) no-repeat right bottom !important; } #services.sub.floor {height: 100%; overflow: hidden; background: url(/images/services-bottom.png) no-repeat right bottom; } #about.sub.floor {background: url(/images/betty.png) no-repeat right bottom; } #clients.sub.floor {height: 100%; background: url(/images/clients_bottom.png) no-repeat right bottom; width: 880px; } #careers.sub.floor {height: 100%; background: url(/images/carreers-bottom.png) no-repeat right bottom; } #contact.sub.floor {height: 100%; background: url(/images/contact-bottom.png) no-repeat right bottom; } /* @end */ .main {float: left; padding: 11px 30px; } /* @group Staff Images */ #stafflist, #stafflist li {display: inline; list-style-type: none; } #stafflist li a {display: block; float: left; width: 93px; height: 62px; margin: 1px; text-indent: -90000px; } .both {clear: both; } #stafflist li a:hover, #stafflist .selected {background-position: 0 -62px; } .couch {background-image: url(/images/staff_new/couch_sprite.jpg); } .bobby {background-image: url(/images/staff_new/bobby_sprite.jpg); } .mike {background-image: url(/images/staff_new/mike_sprite.jpg); } .chris {background-image: url(/images/staff_new/chris_sprite.jpg); } .jeff {background-image: url(/images/staff_new/jeff_sprite.jpg); } .kyle {background-image: url(/images/staff_new/kyle_sprite.jpg); } .katy {background-image: url(/images/staff_new/katy_sprite.jpg); } .steve {background-image: url(/images/staff_new/steve_sprite.jpg); } .alvaro {background-image: url(/images/staff_new/alvaro_sprite.jpg); } .maury {background-image: url(/images/staff_new/maury_sprite.jpg); } .kaitlin {background-image: url(/images/staff_new/kaitlin_sprite.jpg); } .audrey {background-image: url(/images/staff_new/couch_sprite.jpg); } .blank {background-image: url(/images/staff/blank.jpg); } .asa {background-image: url(/images/staff_new/asa_sprite.jpg); } .tony {background-image: url(/images/staff_new/tony_sprite.jpg); } .colin {background-image: url(/images/staff_new/colin_sprite.jpg); } .jacob {background-image: url(/images/staff_new/jacob_sprite.jpg); } .pratt {background-image: url(/images/staff_new/couch_sprite.jpg); } /* @end */ div.sub {float: left; padding: 100px 200px 20px 100px; margin-right: 800px; } #home p, #clients p, #contact p {line-height: 1.5em; } /* Older Classes */ #home {margin-right: 900px; position: relative; } .footer {position: absolute; margin-top: -61px; width: 100%; } .footer-bg {background-image: url(/images/black.png); height: 38px; padding-left: 320px; } .footer-bg img {padding-top: 13px; } #screen-2 ul, #screen-2 ul li {list-style-type: none; } /* @group Contact */ #co-screen {width: 880px; } #co-screen .contact-wrapper .right-col img {padding: 10px 0; } #co-screen h2.title {background: url(/images/contact.png) no-repeat; width: 460px; height: 27px; text-indent: -90000px; float: right; margin: 7px 0; } .contact-wrapper {background-image: url(/images/black.png); overflow: hidden; padding-bottom: 20px; width: 880px; } .dxxcartext, .dxxtraintext, .dxxdinotext, .dxxfeettext {padding: 0px 20px; } /* @end */ /* @group Clients */ #cl-screen h2.title {background: url(/images/clients.png) no-repeat; width: 184px; height: 27px; text-indent: -90000px; float: right; margin: 7px 0; } #cl-screen {height: 550px; } #cl-screen .next, #cl-screen .prev {position: relative; top: 200px; z-index: 100; } #cl-screen .prev {left: 10px; } #cl-screen .next {right: 10px; } #cl-navigation {width: 873px; text-align: center; overflow: hidden; background-image: url(/images/black.png); clear: both; border-bottom: 7px solid #8cc63f; } #cl-sections {overflow: hidden; background: url(/images/black.png); width: 873px; height: 280px; clear: left; } #cl-sections ul {width: 3660px; } #cl-sections li {float: left; padding: 11px 20px; height: 288px; list-style-type: none; } #cl-sections li.fallen {clear: both; } #cl-sections p {width: 820px; margin: 16px 0; line-height: 1.4em; } /* @group clients Menu */ #clmenu {overflow: hidden; /*padding-left: 4px; padding-top: 4px;*/ } #clmenu li {display: inline !important; float: left !important; width: 218px; height: 128px; } #clmenu a {display: block; text-indent: -90000px; outline: none; } #clmenu a:hover {background-position: 0 -125px; } #clmenu a.selected {background-position: 0 -250px; } #clmenu a.selected a:hover {background-position: 0 -250px; } #clmenu .mlb {height: 125px; background: url(/images/clients/mlb.png) no-repeat; } #clmenu .ttp {height: 125px; background: url(/images/clients/ttp.png) no-repeat; } #clmenu .jcp {height: 125px; background: url(/images/clients/jcpenny.png) no-repeat; } #clmenu .weber {height: 125px; background: url(/images/clients/weber.png) no-repeat; } #clmenu .cbs {height: 125px; background: url(/images/clients/cbs.png) no-repeat; } #clmenu .hue {height: 125px; background: url(/images/clients/hue.png) no-repeat; } #clmenu .pikum {height: 125px; background: url(/images/clients/pikum.png) no-repeat; } #clmenu .more {height: 125px; background: url(/images/clients/more-clients.png) no-repeat; } /* @end */ /* @end */ /* @group Careers */ /* @group careers Menu */ #cmenu {overflow: hidden; } #cmenu li {padding-top: 10px; } ul#cmenu {padding-left: 20px; list-style-type: none; } #c-navigation.right {width: 250px; float: right; background: #191717; clear: none; height: 330px; } #cmenu a {display: block; text-indent: -9000%; outline: none; } #cmenu a:hover { } #cmenu .positions {height: 26px; background: url(/images/positions.jpg) no-repeat; width: 138px; } #cmenu .pos2 {width: 153px; height: 26px; background: url(/images/seniordev.jpg) no-repeat; } #cmenu .pos1 {width: 208px; height: 26px; background: url(/images/account-rep.jpg) no-repeat; } #cmenu .pos3 {width: 208px; height: 26px; background: url(/images/jrnewmedia.png) no-repeat; } #cmenu .pos4 {width: 208px; height: 26px; background: url(/images/jrflash.png) no-repeat; } #cmenu .pos5 {width: 208px; height: 26px; background: url(/images/intern1.png) no-repeat; } #cmenu .pos6 {width: 208px; height: 26px; background: url(/images/intern2.png) no-repeat; } #cmenu .pos7 {width: 208px; height: 26px; background: url(/images/intern3.png) no-repeat; } #cmenu .pos8 {width: 208px; height: 26px; background: url(/images/intern4.png) no-repeat; display: none; } .careers-text {overflow: hidden; } .buffer {padding-top: 20px; } .careers-text .left p {width: 575px !important; margin: 0! important; padding: 0; overflow: hidden; padding-left: 30px; padding-top: 20px; margin-bottom: 30px !important; } /* @end */ #c-screen h2.title {background: url(/images/careers.png) no-repeat; width: 192px; height: 34px; text-indent: -90000px; float: right; margin: 7px 0; } .c-company img {padding-left: 30px; } .career-home img {padding: 0; float: left; padding: 5px 0 0 23px; } .c-company .border {border-bottom: 7px solid #8cc63f; width: 100%; padding: 20px 0; } #c-screen {height: 550px; width: 880px; } #c-navigation {width: 880px; height: 64px; text-align: center; overflow: hidden; clear: both; } /* @end */ /* @group About */ /* @group About Menu */ #amenu {overflow: hidden; } #amenu li {display: inline !important; float: right !important; } #amenu a {display: block; text-indent: -9000%; outline: none; } #amenu a:hover, #amenu li a.selected {background-position: 0 -64px; } #amenu .company {height: 64px; background: url(/images/company.png) no-repeat; width: 154px; } #amenu .staff {width: 154px; height: 64px; background: url(/images/staff.png) no-repeat; } #amenu .press {width: 154px; height: 64px; background: url(/images/press_about.png) no-repeat; } #amenu .location {width: 154px; height: 64px; background: url(/images/location.png) no-repeat; } .c-company {background: url(/images/black2.png); } .company-text {font-size: 14px; background: url(/images/sketch.png) no-repeat 26px 20px; overflow: hidden; padding: 30px 70px 15px 230px; margin-bottom: 10px;} .company-text p {margin-bottom: 20px;} .sketch {float: left; width: 100px; } /* @end */ #a-screen h2.titlezcompany {background: url(/images/about-comp.png) no-repeat; width: 368px; height: 34px; text-indent: -90000px; float: right; margin: 7px 0; } #a-screen h2.titlezlocation {background: url(/images/headers/about-location.png) no-repeat; width: 372px; height: 34px; text-indent: -90000px; float: right; margin: 7px 0; } #a-screen h2.titlezstaff {background: url(/images/headers/about-staff.png) no-repeat; width: 296px; height: 34px; text-indent: -90000px; float: right; margin: 7px 0; } #a-screen h2.titlezpress {background: url(/images/headers/about-press.png) no-repeat; width: 296px; height: 34px; text-indent: -90000px; float: right; margin: 7px 0; } #a-sections {background: url(/images/black.png); } #a-screen {width: 880px; color: black; } #a-navigation {width: 880px; height: 64px; text-align: center; overflow: hidden; background-image: url(/images/black.png); clear: both; } .location-text .left-col {padding: 20px 0 0 20px; } .location-text {overflow: hidden; height: 250px; } .location-left {width: 500px; float: left; } .location-text .left-col p {width: 530px; padding: 20px 0 0 0; } /* @end */ /* @group Services */ #s-screen h2.title {background: url(/images/services.png) no-repeat; width: 203px; height: 27px; text-indent: -90000px; float: right; margin: 7px 0; } #s-screen {width: 880px; } #s-screen .next, #s-screen .prev {position: absolute; top: 200px; } #s-screen .prev {left: 10px; } #s-screen .next {right: 10px; } #s-navigation {width: 880px; text-align: center; overflow: hidden; background-image: url(/images/black.png); clear: both; border-bottom: 7px solid #8cc63f; } #smenu a.selected, #smenu a.selected:hover {background-position: 0 -188px; } #s-sections {overflow: hidden; background-image: url(/images/black.png); width: 880px; height: 310px; clear: left; } #s-sections ul {width: 3660px; } #s-sections li {float: left; padding: 11px 20px; height: 405px; list-style-type: none; width: 823px; } #s-sections li.fallen {clear: both; overflow: hidden; } #s-sections li.left {clear: right; } #s-sections p {width: 820px; margin: 16px 0; line-height: 1.4em; } /* @group Services Menu */ #smenu {overflow: hidden; } .menu-wrap {padding-left: 2px; } #smenu li {display: inline !important; float: left !important; } #smenu a {display: block; text-indent: -90000px; outline: none; } #smenu a:hover {background-position: 0 -94px; } #smenu .brand {width: 219px; height: 94px; background: url('/images/services/brand_defense.png') no-repeat; } #smenu .socialmedia {height: 94px; background: url('/images/services/social_media_education.png') no-repeat; width: 219px; } #smenu .marketing {width: 219px; height: 94px; background: url('/images/services/new_media_marketing.png') no-repeat; } #smenu .internet {width: 219px; height: 94px; background: url('/images/services/internet-innovation-services.png') no-repeat; } #smenu .social {width: 219px; height: 94px; background: url('/images/services/new_media_consulting.png') no-repeat; } #smenu .uxd {width: 219px; height: 94px; background: url('/images/services/uxd.png') no-repeat; } #smenu .application {width: 219px; height: 94px; background: url('/images/services/application_development.png') no-repeat; } #smenu .rich {width: 219px; height: 94px; background: url('/images/services/rich_media.png') no-repeat; } /* @end */ /* @end */ ul#comenu {display: inline; } ul#comenu li {display: inline; float: left; } ul#comenu li a {display: block; text-indent: -90000px; } ul#comenu li a:hover {background-position: 0 -61px; } ul#comenu li a.selected, ul#comenu li a.selected:hover {background-position: 0 -122px; } .dxfeet {background-image: url('/images/contact/foot.png'); width: 49px; height: 61px; } .dxcar {background-image: url('/images/contact/car.png'); width: 88px; height: 61px; } .dxtrain {background-image: url('/images/contact/train.png'); width: 56px; height: 61px; } .dxdino {background-image: url('/images/contact/dino.png'); width: 94px; height: 61px; } #staffing {overflow: hidden; } .bannerimg {background: url('/images/carrot-creative.png') 0 3px; display: block; height: 30px; width: 210px; float: left; margin-top: 5px; margin-right: 10px; } .panel {width: 450px; overflow: auto; padding-right: 10px; height: 80px; padding: 0 10px 0 0; margin: 10px 0; color: white; clear: both; } /* @group My Group */ .staff-left {width: 440px; padding: 10px 20px; overflow: hidden; float: left; } .staff-right {width: 360px; padding: 10px 20px; overflow: hidden; float: right; } ul.social-links {list-style-type: none; display: inline; } ul.social-links li {float: left; } ul.social-links li a {display: block; width: 38px; height: 49px; text-indent: -90000px; } .linkedin {background: url('/images/social/linked-in.png') no-repeat; } .facebook {background: url('/images/social/facebook.png') no-repeat; } .twitter {background: url('/images/social/twitter.png') no-repeat; } .flickr {background: url('/images/social/flickr.png') no-repeat; } .yelp {background: url('/images/social/yelp.png') no-repeat; } .delicious {background: url('/images/social/delicious.png') no-repeat; } .deviant {background: url('/images/social/deviant-art.png') no-repeat; } .digg {background: url('/images/social/digg.png') no-repeat; } .last {background: url('/images/social/last-fm.png') no-repeat; } .vimeo {background: url('/images/social/vimeo.png') no-repeat; } .brightkite {background: url('/images/social/bright-kite.png') no-repeat; } .myspace {background: url('/images/social/myspace.png') no-repeat; } .meetup {background: url('/images/social/meet-up.png') no-repeat; } .stumble {background: url('/images/social/stumble-upon.png') no-repeat; } .youtube {background: url('/images/social/you-tube.png') no-repeat; } .hypem {background: url('/images/social/hype-machine.png') no-repeat; } .goodreads {background: url('/images/social/good-reads.png') no-repeat; } .tumblr {background: url('/images/social/tumblr.png') no-repeat; } /* @end */ /* @group sites */ a#open_sites a:hover {border: none; text-decoration: none; } #sites_bg {position: absolute; width: 100%; height: 100%; background-image: url(http://www.viget.com/images/global/overlay/overlay_bg.png); display: none; z-index: 80; } #sites_menu {width: 100%; position: absolute; top: 100px; height: 220px; background: black; z-index: 90; display: none; } #sites_menu a {outline: none; } #sites_menu #sites_inner {position: relative; left: 50%; width: 920px; margin-left: -465px; 90px } #sites_menu li {display: inline; float: left; } #sites_inner li a {text-indent: -9000px; } #sites_menu li a {display: block; background-repeat: no-repeat; width: 228px; height: 183px; } #sites_menu li a:hover {background-position: 0 -183px; } .cc {background-image: url(/images/sites/carrot.jpg); } .cb {background-image: url(/images/sites/blog.jpg); } .cl {background-image: url(/images/sites/labs.jpg); } .zvg {background-image: url(/images/sites/zoo.jpg); } #sites_menu a {text-decoration: none; border: none; font-weight: bold; font-size: 1.2em; } #sites_menu a:hover {text-decoration: underline; } a#close_link {display: block; float: right; background: url(/images/closebox.png) no-repeat; width: 30px; height: 27px; text-indent: -9000px; margin-top: -13px; } /* @end */ /* @group Thickbox */ #TB_window {font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine {font: 10px Arial, Helvetica, sans-serif; color: #666666; } #TB_window a:link {color: #666666; } #TB_window a:visited {color: #666666; } #TB_window a:hover {color: #000; } #TB_window a:active {color: #666666; } #TB_window a:focus {color: #666666; } #TB_sites {position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; } .TB_sitesMacFFBGHack {background: url(http://www.viget.com/images/viget/macFFBgHack.png) repeat; } .TB_sitesBG {background-color: #000; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; } * html #TB_sites {/* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window {position: fixed; background: #ffffff; z-index: 102; color: #000000; display: none; border: 10px solid #E1E9E5; text-align: left; top: 50%; left: 50%; } * html #TB_window {/* ie6 hack */position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image {display: block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption {height: 25px; padding: 7px 30px 10px 25px; float: left; } #TB_closeWindow {height: 25px; padding: 11px 25px 10px 0; float: right; } #TB_closeAjaxWindow {padding: 7px 10px 5px 0; margin-bottom: 1px; text-align: right; float: right; } #TB_ajaxWindowTitle {float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; } #TB_title {background-color: #e8e8e8; height: 27px; } #TB_ajaxContent {clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; } #TB_ajaxContent.TB_modal {padding: 15px; } #TB_ajaxContent p {padding: 5px 0px 5px 0px; } #TB_load {position: fixed; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load {/* ie6 hack */position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect {z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; } * html #TB_HideSelect {/* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent {clear: both; border: none; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px; } /* @end */ ul#clientsnew {list-style-type: none; clear: both; overflow: hidden; padding-left: 19px; } ul#clientsnew li {display: inline; float: left; padding: 5px 5px 5px 0; } ul#clientsnew li a {display: block; text-indent: -9000px; width: 167px; height: 161px; } ul#clientsnew li a.weber {background: url(/images/clientsnew/weber.png) no-repeat; } ul#clientsnew li a.pepsico {background: url(/images/clientsnew/pepsico.png) no-repeat; } ul#clientsnew li a.oscarmayer {background: url(/images/clientsnew/oscarmayer.png) no-repeat; } ul#clientsnew li a.wisk {background: url(/images/clientsnew/wisk.png) no-repeat; } ul#clientsnew li a.hellmanns {background: url(/images/clientsnew/hellmanns.png) no-repeat; } ul#clientsnew li a.mlb {background: url(/images/clientsnew/mlb.png) no-repeat; } ul#clientsnew li a.musictoday {background: url(/images/clientsnew/musictoday.png) no-repeat; } ul#clientsnew li a.nhl {background: url(/images/clientsnew/nhl.png) no-repeat; } ul#clientsnew li a.mtv {background: url(/images/clientsnew/mtv.png) no-repeat; } ul#clientsnew li a.dmb {background: url(/images/clientsnew/dmb.png) no-repeat; } ul#clientsnew li a.onion {background: url(/images/clientsnew/theonion.png) no-repeat; } ul#clientsnew li a.honeywell {background: url(/images/clientsnew/honeywell.png) no-repeat; } ul#clientsnew li a.unilever {background: url(/images/clientsnew/unilever.png) no-repeat; } ul#clientsnew li a.jcpenney {background: url(/images/clientsnew/jcpenney.png) no-repeat; } ul#clientsnew li a.more {background: url(/images/clientsnew/more.png) no-repeat; } div.homebottom h2 {font-size: 14px; } div.homebottom ul.bot li {width: 295px; float: left; display: inline; background: url(/images/dot.png) repeat-y right 0; padding: 10px 20px; min-height: 61px; } div.homebottom ul.bot li h2 {padding-left: 20px; background-position: 3px 0; } div.homebottom ul.bot li.blog h2 {background: url(/images/blog_ico.png) no-repeat; } div.homebottom ul.bot li.tweet h2 {background: url(/images/twitter_ico.png) no-repeat; } div.homebottom ul.bot li.friends h2 {background: url(/images/carrot_ico.png) no-repeat; margin-bottom: 5px; } div.homebottom ul.bot li.blog p a {color: #ccc; } div.homebottom ul.bot li.blog p a:hover {color: #88C746; text-decoration: underline; } div.homebottom ul.bot li p {font-size: 12px; } ul.bot li.last {background: none !important; } div.homebottom ul.bot ul li {background: none; width: auto; padding: 0; } div.homebottom ul.bot ul li a {background: url(/images/socialsprites.png) no-repeat; display: block; width: 28px; height: 25px; text-indent: -9000px; } div.homebottom ul.bot li.friends {width: 210px; } div.homebottom ul.bot ul li.facebook a {width: 17px !important; } div.homebottom ul.bot ul li.twitter a {background-position: 0 -25px; } div.homebottom ul.bot ul li.flickr a {background-position: 0 -50px; margin-right: 5px; } div.homebottom ul.bot ul li.tumblr a {background-position: 0 -75px; margin-right: 5px; } div.homebottom ul.bot ul li.delicious a {background-position: 0 -100px; margin-right: 5px; } div.homebottom ul.bot ul li.youtube a {background-position: 0 -125px; margin-right: 5px; } div.homebottom ul.bot ul li.myspace a {background-position: 0 -150px; margin-right: 5px; } /*div#buttons {position: absolute; top: 20; z-index: 10;}*/ .hometop2 ul {width: 88900px; list-style-type: none; } .hometop2 li {float: left; margin: 0 0px; cursor: pointer; margin-bottom: -5px; } .homebody #buttons2 {display: none; position: relative; width: 880px; top: 250px; margin-top: -29px; } #buttons2 .prev {float: left; background: url(/images/prev2.png); text-indent: -90000px; width: 94px; height: 29px; } #buttons2 .next {float: right; background: url(/images/next2.png); text-indent: -90000px; width: 94px; height: 29px; } .right.servicon {width: 235px; } .a-press {overflow: hidden; padding-bottom: 10px;} div.press-text {padding-top: 20px;} div.press-text p {padding: 0 0 10px 0;} div.press-text div.leftcol{width: 350px; float: left; padding: 0 0 0 45px;} div.press-text div.rightcol {width: 380px; float: right; padding: 25px 37px 0 0; color: #fff;} div.press-text div.rightcol a {color:#fff; border-bottom:1px solid #848585;} div.press-text div.rightcol a:hover {border-bottom: 1px solid #4f6f1a; color:#8ec135;} img.logothumb {padding: 10px 0 20px 65px;} ul#border {border-top: 1px solid #333; width: 100%;} ul.press-files {display: inline; clear: both; padding-top: 10px; list-style-type: none; float: left; margin-top: 10px;} ul.press-files li {float: left; padding-right: 20px;} ul#papers {clear: both; padding-top: 30px; list-style-type: none; width: 100%; float: left; margin-top: 20px;} ul#papers li {height: 40px; background: url('/images/pdficon.png') no-repeat; padding: 5px 0 0 35px ;} ul#papers li.documents {background: none; height: 25px; padding: 0; margin-bottom: 10px;} ul#presslist {padding:0 0 15px 0; color: #ccc;} ul#presslist li {padding-bottom: 2px;} ul#presslist li a {color: #bbb; text-decoration: none; border-bottom: 1px dotted #333;} ul#presslist li a:hover {color: #88C746;} .staff-right p {padding-left: 25px; background: url('/images/twittericon.png') no-repeat 0 3px; margin-bottom: 25px; margin-left: 7px;} /* root element for the scrollable. when scrolling occurs this element stays still. */ div.scrollable { /* required settings */ position:relative; overflow:hidden; width: 922px; height:427px; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set width and height for the root element and not for this element. */ div.scrollable div.items { /* this cannot be too large */ width:20000em; position:absolute; } /* a single item. must be floated in horizontal scrolling. typically, this element is the one that *you* will style the most. */ div.scrollable div.items div { float:left; } /* you may want to setup some decorations to active the item */ /*.home-wrapper {position: relative;}*/ a.browse {display: none; z-index: 10; display: block; text-indent: -9000px; height: 31px; width: 31px; background: url('/images/right.png') no-repeat; position: absolute; top: 195px; } a.right {right: 5px;} a.left {background: url('/images/left.png') no-repeat; left: 5px;} div#scroller ul li {height: 432px !important; width: 922px !important;}