body{background:#fff;color:#333;font-family:"Helvetica Neue","Segoe UI Regular","Arial",sans-serif;line-height:20px;-webkit-font-smoothing:antialiased;margin:0}strong{font-weight:600}img{max-width:100%}h1,h2,h3,h4,h5{font-family:adelle,"Helvetica Neue","Lucida Grande",Helvetica,Arial,sans-serif}h1{font-size:72px;font-weight:300;letter-spacing:-1px;line-height:1}h1
strong{font-weight:600}a,a:active,a:visited{color:#0067c4;text-decoration:none}a:hover{color:#000}p{margin:.5em 0 1.5em}.container{margin:0
auto;width:95%}.col-one{float:left;width:45%;opacity:0}.col-one
blockquote{font-weight:bold;font-style:italic;padding-right:70px}.general{width:100%}.col-two{float:right;width:45%}.col-two
.slidemaximage{position:relative;top:-400px;opacity:0}.col-two
.slidemax01{position:relative;z-index:3;opacity:0;margin-top:-617px}.col-two
.slidemax02{position:relative;z-index:2;opacity:0;margin-top:-617px}.col-two
.slidemax03{position:relative;z-index:1;opacity:0;margin-top:-400px}.work_detail
.slidemax01{position:relative;z-index:3;opacity:0;margin-top:-1000px}.work_detail
.slidemax02{position:relative;z-index:2;opacity:0;margin-top:-1000px}.work_detail
.slidemax03{position:relative;z-index:1;opacity:0;margin-top:-1000px}.button{background:#DDD;color:#333;display:block;font-weight:bold;font-size:14px;opacity:.9;padding:10px
20px;text-align:center;text-shadow:0 1px 0 rgba(225, 225, 225, .7);-moz-box-shadow:inset 0 0 2px 0 rgba(0,0,0,0.6);-webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,0.6);box-shadow:inset 0 0 2px 0 rgba(0,0,0,0.6);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.button:hover{background:#d0d0d0}.clear{clear:both}.clearleft{clear:left}.left{float:left}.center{text-align:center}header{background:#eee;border-bottom:1px solid #999;-webkit-box-shadow:inset 0px 1px 5px 0px rgba(0,0,0,.1);-moz-box-shadow:inset 0px 1px 5px 0px rgba(0,0,0,.1);box-shadow:inset 0px 1px 5px 0px rgba(0,0,0,.1);height:63px;overflow:hidden;position:fixed;width:100%;z-index:199}header
.container{max-width:none;width:96%}header
.logo{float:right;margin-top:10px;margin-right:10px}nav{float:left;margin:24px
0 0 0;padding-left:0px}nav
ul{margin:0;padding:0;float:right;width:auto;display:inline}nav ul
li{float:left;list-style:none}nav ul li
ul{display:none}nav
a{font-size:110%;font-weight:200;margin:0
25px 0 0;text-decoration:none;text-shadow:0 1px 0 #fff}nav ul li:last-child
a{margin-right:0}nav a, nav a:active, nav a:visited{color:#909090}nav a.active, nav a.active:active, nav a.active:visited{color:#565656}#features{clear:both;display:block;position:relative;overflow:hidden}#features
.container{height:auto;padding:20px
0 35px 0;position:relative;overflow:hidden;margin-top:50px;width:96%}#features
h1{margin-bottom:15px;z-index:100}#features
p{color:#565656;font-size:120%;font-weight:200;text-shadow:0 1px 0 #fff}#features
.logo{position:absolute;right:0;top:68px}#features .feature-image{margin: -70px 0 0 -39px;position:relative;width:100%;z-index:0}#features .col-one{position:relative;width:50%;padding-bottom:20px;z-index:1}#features
.general{width:100%}#features .col-two{width:45%}.slidemaximage{max-width:535px !important;max-height:460px !important}#features.superheroes .col-one{width:40%}#features.superheroes .col-two{width:60%}#features.superheroes .col-two
a.work{display:block;position:relative}#features.superheroes
.banner{display:none}#features.superheroes .col-two a.work
.button{left:-999em;position:absolute;top:0}#features.superheroes .col-two a.work:hover
.button{left:40px}#features.work .feature-image{max-width:350px}#features.culture .feature-image{margin-left: -247px;max-width:562px;min-width:425px}#features.errorz
.container{padding-bottom:0}#features.errorz .feature-image{margin-left:-160px;max-width:552px}.slidemaximage{width:100% !important;height:auto !important}#content{background:#eee;border-top:1px solid #999;-webkit-box-shadow:inset 0px 1px 5px 0px rgba(0,0,0,.1);-moz-box-shadow:inset 0px 1px 5px 0px rgba(0,0,0,.1);box-shadow:inset 0px 1px 5px 0px rgba(0,0,0,.1);clear:both;color:#565656;display:block;font-size:110%;font-weight:200;overflow:hidden;padding:30px
0 0 0;text-shadow:0 1px 0 rgba(225,225,225, 1)}#features #content
.container{margin-top:0}#features #content
.latest{margin-top:50px}#content
h2{font-size:160%;font-weight:200;margin:15px
0;text-shadow:0 1px 0 #fff}.work .col-one
h3{margin-bottom:10px}.col-one
.filter{}.col-one .filter
ul{list-style:none;margin:0;padding:0
0 35px 0}.col-one .filter ul
li{float:left;margin-right:10px}.col-one .filter ul li
a{color:#ccc}.col-one .filter ul li a:hover{color:#09F}.col-one
.whatwedo{}.col-one .whatwedo
div{width:22%;float:left;margin-right:5px;background:#e7e7e7;padding:0
8px}.col-one .whatwedo div
h1{font-size:150%;width:auto}#features .col-one .whatwedo div
p{font-size:100%;width:97%}#latest_project{max-width:none;margin-bottom:40px}.content_contain{margin-top:50px;float:left;width:100%}.content_contain
#content{padding-bottom:50px}#content
.slides{margin:0;padding:0}#content .slides
li{float:left;list-style-type:none;margin-bottom:10px;margin-right:5px;width:230px;border:1px
solid #d0d0d0}#content .case_slides
li{width:300px}#content .slides li
.date{float:left;width:59px;text-align:center;height:107px;padding:0px
0 0px 0px;text-shadow:none;margin-right:1px}#content .slides li
.day{font-size:50px;line-height:1.1em;color:#c5c5c5;display:block}#content .slides li
.month{fon-size:27px;line-height:1.1em;color:#ccc;clear:both;text-transform:uppercase;display:block;background:#f7f7f7}#content .slides li
.year{font-size:27px;line-height:1.4em;color:#fff;display:block}#content .slides li.three, #content .slides
li.six{margin-right:0}#content .slides li
a{display:block;position:relative;text-decoration:none;width:170px;height:109px;overflow:hidden}#content .case_slides li
a{width:300px;height:150px}#content .casestudy_bot
li{width:220px}#content .casestudy_bot li
a{width:220px;height:185px;font-size:150%}#content .casestudy_bot li a
img{margin-top:-18px}#content .slides li a
img{display:block;opacity:1;-moz-transition:opacity .2s linear;-webkit-transition:opacity .2s linear;transition:opacityl .2s linear}#content .case_slides li a
img{width:300px;height:auto}#content .slides li a
span{color:#333;display:block;font-weight:300;left:10%;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);position:absolute;text-shadow:none;top:10%;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;font-size:12px;line-height:1.3em}#content .case_slides li a
span{font-size:1em}#content .slides li a span
strong{font-weight:600}#content .slides li a
img{opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60)}#content .slides li a:hover
img{opacity:0.2;-moz-opacity:0.2;filter:alpha(opacity=20)}#content .slides li a:hover
span{opacity:1;left:5%}#content #latest_project
h2{clear:both;padding-top:20px}#content #latest_project
ul{clear:both}#content
.social{clear:both}.footer{border-top:1px solid #ccc}.footer
p{display:none}.footer
.social{float:right;margin-right:10px}div.wpcf7-validation-errors{display:none;position:relative;top: -490px;left:0;background-color:red;color:#fff}.ipadport,.ipadland,.iphoneport,.iphoneland{display:none}@media screen and (max-width: 1024px) and (min-width: 768px){.ipadland{display:block}body{-webkit-text-size-adjust:none}#features
.container{width:97%}header
.logo{display:block}h1{font-size:60px}#features .col-one{z-index:99}#features .col-two{text-align:center;clear:both}#features .col-one, #features .col-two{margin-top:0;width:100%;float:left}#features
.container{overflow:hidden;position:relative}.container{width:96%}#features
.logo{display:none}#features.superheroes .feature-image{left:auto;right:0;margin: -80px 30px 0 0;position:relative;top:0}#features.superheroes .col-two a.work .button, #features.superheroes .col-two a.work:hover
.button{left:50px}#features.work .feature-image{left:auto;right:0;margin: -62px 30px -20px 0;position:relative;top:0}#features.culture .feature-image{margin-left: -200px;margin-top: -52px}#features.culture .col-one{width:58%}#features.culture .col-two{width:37%}#content #process ul
li.devices{background-position:right -160px}#content #process ul
li.experience{background-position:right -305px}#content #process ul
li.brand{background-position:right -435px}#content
.legend{margin-top:0}#content .legend
.backend{clear:right}#content .display article .image
img{top:10%}footer form .color, footer form
.phone{width:100%}.col-one .whatwedo
div{width:100%;clear:both;margin-top:5px;padding-right:20px}}@media screen and (min-width:768px) and (max-width:959px){.ipadport{display:block}h1{font-size:48px}#features.superheroes .feature-image{margin-top: -70px}#features.work .feature-image{margin-top: -50px}#features.culture .feature-image{margin-left: -223px;margin-top: -45px}#features.errorz .feature-image{margin-left: -50px}.flickr_badge_image{max-height:100px;margin:0
0 0.5% 0.5%;width:24%}#content .team
.person{width:25%}.col-one,.col-two{width:100%}.col-two{margin-top:20px}#content .display article .image
img{top:30%}#content .team .flipped
img{border-bottom:2px solid #fff;height:auto;margin-top:-80px;max-width:900px;opacity:0.4;position:relative;width:900px}#content .team .person-details{padding-bottom:2%;width:95%}#features.superheroes .col-two a.work
.button{}#content .team .person-details
h2{font-size:45px;position:absolute;right:15px;top: -1.5em}.col-one .whatwedo
div{width:100%;clear:both;margin-top:5px;padding-right:20px}}@media screen and (max-width: 767px){.iphoneland{display:block}.container{width:97%}.col-one .whatwedo
div{width:100%;clear:both;margin-top:5px;padding-right:20px}#features
.container{padding:20px
0 0 0}h1{font-size:50px}#features .col-one, #features .col-two{width:100%}header
nav{margin-right:0}header nav
a{}nav ul
li{font-size:0.7em}#content .display article
.image{width:98%}#content .display article .image
img{margin-top:0;top:0}#content .display article
.content{clear:left;margin-top:70%;padding:5% 8%;width:84%}#content .display article .centering-wrap{height:auto}#content .display article .image img.height-expand{height:auto;padding-bottom:5%;position:relative}#content .slides
.dates{font-size:0.8em}#content .slides
li{float:left;list-style-type:none;margin:0
2px 2px 0}.col-one{float:left}.col-two{float:left}#content .slides li
.date{}#content .slides li
.day{}#content .slides li
.month{}#content .slides li
.year{}#content .slides
li{width:225px}#content .slides li
a{width:165px}#content .case_slides li
a{width:225px}}@media screen and (max-width: 479px) and (orientation:portrait){.iphoneport{display:block}h1{font-size:46px}header nav
a{font-size:12px;margin:0
4px}header{height:auto}header
.logo{float:right}nav{width:240px;margin-top:13px}nav ul
li{}footer .col-two
section{border-bottom:1px solid #E6E6E6;padding-bottom:15px;width:100%}footer .col-two
.phone{border-bottom:none}#content .team
.person{width:50%}#features .col-one,.col-two{width:100%}.flickr_badge_image{margin:0
0.546% 0.546% 0;max-height:80px;width:32.787%}#content .team .flipped
img{border-bottom:2px solid #fff;height:auto;margin-top:-45px;max-width:600px;position:relative;width:600px}#content .team .person-details
h2{font-size:30px;top: -1.8em}footer form .color, footer form
.phone{width:100%}#content .slides li
.date{clear:both;float:left;width:147px;text-align:center;height:65px;padding:0px
0 0px 0px;text-shadow:none;margin-right:1px}#content .slides li
.day{font-size:25px;display:block}#content .slides li
.month{font-size:17px;clear:both;text-transform:uppercase;display:block}#content .slides li
.year{font-size:17px;display:block}#content .slides
li{margin-right:1px;width:147px}#content .slides li
a{width:147px;text-align:left}#features .col-one{z-index:100}#features .col-two{width:100%;z-index:0}#latest_project .casestudy_bot
img{width:auto;max-width:none}#content #latest_project .casestudy_bot li , #content #latest_project .casestudy_bot li
a{width:220px}#latest_project{text-align:center}#latest_project
.slides{with:220px;margin:auto}}#featured{width:400px;padding-right:250px;position:relative;border:5px
solid #ccc;height:250px;background:#fff}#featured div.ui-tabs-nav{position:absolute;top:0;left:400px;list-style:none;padding:0;margin:0;width:250px}#featured div.ui-tabs-nav
div{padding:1px
0;padding-left:13px;font-size:12px;color:#666}#featured div.ui-tabs-nav div
img{float:left;margin:2px
5px;background:#fff;padding:2px;border:1px
solid #eee}#featured div.ui-tabs-nav div
span{font-size:11px;font-family:Verdana;line-height:18px}#featured div.ui-tabs-nav-item
a{display:block;height:60px;color:#333;background:#fff;line-height:20px}#featured div.ui-tabs-nav-item a:hover{background:#f2f2f2}#featured div.ui-tabs-selected{background:url('/wp-content/themes/3bit/images/selected-item.gif') top left no-repeat}#featured div.ui-tabs-nav div.ui-tabs-selected
a{background:#ccc}#featured .ui-tabs-panel{width:400px;height:250px;background:#999;position:relative}#featured .ui-tabs-panel
.info{position:absolute;top:180px;left:0;height:70px;background:url('/wp-content/themes/3bit/images/transparent-bg.png')}#featured .info
h2{font-size:18px;font-family:Georgia,serif;color:#fff;padding:5px;margin:0;overflow:hidden}#featured .info
p{margin:0
5px;font-family:Verdana;font-size:11px;line-height:15px;color:#f0f0f0}#featured .info
a{text-decoration:none;color:#fff}#featured .info a:hover{text-decoration:underline}#featured .ui-tabs-hide{display:none}