/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */
@import "smoothdivscroll.css";article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio[controls],canvas,video{display:inline-block;*display:inline;*zoom:1}
html{font-size:100%;overflow-y:scroll;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0;font-size:13px;line-height:1.231}
body,button,input,select,textarea{font-family:sans-serif;color:#222}::-moz-selection{background:#bb0101;color:#fff;text-shadow:none}::
selection{background:#bb0101;color:#fff;text-shadow:none}
a{color:#00e}
a:visited{color:#551a8b}
a:focus{outline:thin dotted}
a:hover,a:active{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
blockquote{margin:1em 40px}
dfn{font-style:italic}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
ins{background:#ff9;color:#000;text-decoration:none}
mark{background:#ff0;color:#000;font-style:italic;font-weight:700}
pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ul,ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}legend{border:0;*margin-left:-7px;padding:0}label{cursor:pointer}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;*overflow:visible}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="checkbox"],input[type="radio"]{box-sizing:border-box}input[type="search"]{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}body{background-color:#000;color:#999;font-family:Arial,sans-serif;font-size:13px;line-height:17px}
#container{margin:0 auto;position:relative;overflow:hidden}
.lub-font{font-family:'Lubalin-Demi',Fallback,sans-serif}
.georgia-font{font-family:Georgia,serif}
.snell-font{font-family:'SnellRoundhandScriptRegular',Fallback,sans-serif}
h1,h2,h3,h4,h5,h6{font-family:'Calibri','Istok Web',Arial,sans-serif;font-weight:300;color:#bb0101;margin:0;padding:0}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{color:#fff;margin:0;padding:0}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{font-weight:500;margin:0;padding:0}
h1{font-size:33px;line-height:33px}
h2{font-size:25px;line-height:25px}
h2.strapline{color:#3e3e3e;text-transform:uppercase;font-size:50px;line-height:42px;text-align:center;margin:0;margin-bottom:20px;font-weight:700;clear:both}
h2.ucdheader{color:#bb0101;text-transform:uppercase;font-size:44px;line-height:41px;text-align:center;padding:35px 0 45px;clear:both}h3{font-size:34px;line-height:30px;margin-top:13px}p{font-size:13px;line-height:17px}
a,a:hover,a:active,a:visited{color:#bb0101}a{text-decoration:none}
a:hover,a:active{text-decoration:underline}
#skip{background-color:#3e3e3e}
#skip p{padding:4px 0 4px 20px;font-size:14px}
#skip p a{color:#fff}
#skip p a:hover,#skip p a:focus{color:#bb0101;text-decoration:underline}
#masthead{width:960px;margin:0 auto;overflow:hidden}
#masthead h1{float:left;margin:0;background:transparent url("../img/origin_logo.gif") 0 0 no-repeat}
#masthead h1 a{height:200px;width:439px;display:block}
#nav{float:left;margin-top:40px;margin-left:15px}
#nav ul{list-style-type:none;overflow:hidden;border:0}
#nav ul li{border:0;float:left;margin-right:12px;padding:0;background:0 none}
#nav li a{color:#fff;text-align:center;display:block;background:transparent url("../img/nav-sprite.png") 0 0 no-repeat;font-size:12px;text-transform:lowercase}
#nav li a:hover{background-position:-88px;text-decoration:none;color:#bb0101}
#nav li a span{display:block;height:100px;width:88px;line-height:84px}
#nav li.selected a{background-position:-176px;color:#bb0101}
#nav li.contact-us a,#nav li.contact-us.selected a{background-position:-88px;color:#fff}
#main{position:relative;margin:0 auto;width:960px}
#main .col{display:inline;float:left;margin-left:10px;margin-right:10px}
#main .col-960{width:960px}
#main .col-950{width:950px}
#main .col-700{width:700px}
#main .col-680{width:680px;margin-right:30px}
#main .col-620{width:620px}
#main .col-597{width:597px}
#main .col-560{width:460px}
#main .col-480{width:480px}
#main .col-460{width:460px}
#main .col-400{width:400px}
#main .col-330{width:330px}
#main .col-290{width:290px}
#main .col-280{width:280px}
#main .col-267{width:267px}
#main .col-270{width:270px}
#main .col-260{width:260px}
#main .col-220{width:220px}
#main .gutter-r{margin-right:10px;margin-left:0}
#main .gutter-l{margin-right:0;margin-left:10px}
#main .fat-gutter-r{margin-right:20px}
#main .fat-gutter-l{margin-left:20px}
#content{margin:0 auto;width:960px;position:relative}
#contentPanel{position:relative}
#contentPanel h2{text-align:center;color:#3e3e3e;margin:0 75px}
#foot{margin:15px auto 0 auto}
#foot ul{text-align:center;list-style-type:none;overflow:hidden;margin-bottom:12px}
#foot ul li{display:inline;font-size:12px;margin:0 10px}
#foot p.copyright{text-align:center;margin-bottom:20px;color:#666;font-size:11px}

.hidden{position:absolute;left:-100000px}
span.hl1{color:#fff}
span.hl2{color:#bb0101}hr{display:none}
@media only screen and (min-width: 480px){body{ zoom:109%}}
@media only screen and (min-width: 768px){body{ zoom:100%}}
ul{list-style-type:none;margin:0;padding:0;border-top:1px dotted #3a3a3a}
ul li{color:#fff;padding:4px 0;font-size:12px;border-bottom:1px dotted 
#3a3a3a;background:transparent url("../img/chevron-plus.gif") 0 50% no-repeat;padding-left:16px}
ul.no-bdr,ul.no-bdr li{border:0 none}
ul.alt li{background:transparent url("../img/chevron-plus-alt.gif") 0 11px no-repeat}
#we-create ul li a{color:#FFF;font-family:Georgia,serif;font-style:italic;font-size:18px;background:url("../img/home-chevron_mo.png") no-repeat scroll 92% 50% #bb0101;padding:9px 40px 10px 10px}
#we-create ul li a:hover{text-decoration:none;background:url("../img/home-chevron.png") no-repeat scroll 92% 50% #353535}div.footnav{float:left;margin:50px 0 48px 0;clear:both}
.footnav ul.footnav-list{border:0;clear:both;height:181px}
.footnav ul.footnav-list li{float:left;background:0;padding:0;border:0}
.footnav ul.footnav-list li a{float:left;width:217px;height:216px;background:transparent url("../img/we-are-footnav.png") 0 0 no-repeat;margin-right:30px}
.footnav ul.footnav-list li a.backBtn{background-position:50px 68px;height:163px}
.footnav ul.footnav-list li a.join-the-teamBtn{background-position:0 -96px}
.footnav ul.footnav-list li a.flickrBtn{background-position:0 -312px}
.footnav ul.footnav-list li a.clientTestimonialsBtn{background-position:0 -528px}
.footnav ul.footnav-list li a.meet-the-teamBtn{background-position:0 -744px}
.footnav ul.footnav-list li a.servicesBtn{background-position:0 -960px}
.footnav ul.footnav-list li a.workBtn{background-position:0 -1176px}
.footnav ul.footnav-list li a.red-workBtn{background-position:0 -1392px}
.footnav ul.footnav-list li a.white-clientTestimonialsBtn{background-position:0 -1608px}
.footnav ul.footnav-list li a.contactBtn{background-position:0 -1608px}
.footnav ul.footnav-list li a.meet-the-makersBtn{background-position:20px -1824px;margin-top:55px;height:160px}
.footnav ul.footnav-list li a.backBtn:hover{background-position:-167px 68px}
.footnav ul.footnav-list li a.join-the-teamBtn:hover{background-position:-217px -96px}
.footnav ul.footnav-list li a.flickrBtn:hover{background-position:-217px -312px}
.footnav ul.footnav-list li a.clientTestimonialsBtn:hover{background-position:-217px -528px}
.footnav ul.footnav-list li a.meet-the-teamBtn:hover{background-position:-217px -744px}
.footnav ul.footnav-list li a.servicesBtn:hover{background-position:-217px -960px}
.footnav ul.footnav-list li a.workBtn:hover{background-position:-217px -1176px}
.footnav ul.footnav-list li a.red-workBtn:hover{background-position:-217px -1392px}
.footnav ul.footnav-list li a.white-clientTestimonialsBtn:hover{background-position:-217px -1608px}
.footnav ul.footnav-list li a.contactBtn:hover{background-position:-217px -1608px}
.footnav ul.footnav-list li a.meet-the-makersBtn:hover{background-position:-198px -1824px}
.footnav ul.footnav-list li a.lastBtn{margin-right:0}
#main.main-home{background:url("../img/hp_divider.jpg") no-repeat scroll 10px 0 transparent;padding-top:80px;padding-bottom:40px}
#makeMeScrollable{height:466px}
#makeMeScrollable .scrollWrapper .scrollableArea{width:100%;height:466px;position:absolute}
#makeMeScrollable div.scrollableArea img{position:relative;float:left;margin:0;padding:0;overflow:visible}
#hero-content{height:474px;width:8460px;position:absolute;left:0}
#hero-content h2{display:none}
#hero-content h3{color:#FFF;font-size:19px;font-style:normal;line-height:25px;text-transform:uppercase;display:block}
#hero-content h3 span{color:#BB0101}
#hero-content p{margin-top:6px;color:#fff}
#hero-content .main{width:870px;float:left;display:block;position:relative;height:474px}
#hero-content .main p{font-size:18px;line-height:24px;margin-top:200px;margin-bottom:32px;margin-left:10px;width:490px;color:#999}
#hero-content .main p a{color:#FFF}
#hero-content .main p a:hover{text-decoration:none;color:#BB0101}
#hero-content .main p span{color:#FFF}
#hero-content .main a.action{background:url("../img/home-big-chevron.png") no-repeat scroll 0 60% transparent;padding-left:20px;margin-left:12px;font-family:Georgia,serif;font-style:italic;color:#FFF;font-size:18px}
#hero-content .main a.action:hover{text-decoration:none;color:#BB0101}
#hero-content .projects{width:7556px;float:left;display:block;position:relative;height:474px}
#hero-content ol{list-style-type:none}
#hero-content li{width:240px;position:absolute}
#hero-content li.p01{top:136px;left:778px;width:260px}
#hero-content li.p02{top:145px;left:1877px;width:200px}
#hero-content li.p03{top:145px;left:3035px}
#hero-content li.p04{top:145px;left:4083px;width:263px}
#hero-content li.p05{top:145px;left:5092px;width:260px}
#hero-content li.p06{top:145px;left:5191px;text-align:left;width:260px}
#hero-content li.p07{top:7px;left:6373px;text-align:left;width:253px}
#hero-content li.p08{top:145px;left:6026px;width:270px}
#hero-content li.p09{top:176px;left:6327px;width:260px}
#hero-content li.p10{top:145px;left:6859px;width:430px}
#hero-content li a{padding:0;color:#bb0101}
#hero-content li p.email{color:#bb0101;margin-top:1px}
#hero-slider{width:900px;margin-left:30px;position:absolute;bottom:12px;height:26px;background:transparent url("../img/slider_bg.gif") 0 50% no-repeat}
#hero-slider .ui-slider-handle{margin-left:-30px;top:-26px;background:transparent url("../img/home_slider_handle.png") 0 0 no-repeat;height:69px;width:69px;position:absolute;z-index:2;color:#222;outline:0}
#hero-slider .ui-slider-handle:hover{background-position:0 -69px}
#fat-footer{overflow:hidden}
#fat-footer .clear{clear:both;margin-bottom:15px;display:inline-block}
#fat-footer p{line-height:20px;font-size:14px;margin-top:10px;text-align: justify;  }
#fat-footer .col .lead-text{font-size:16px;margin-bottom:20px}
#fat-footer h2{color:#999;font-size:26px;font-style:italic;line-height:42px}
#fat-footer h2 em{color:#FFF;font-size:40px;font-style:normal;line-height:40px;text-transform:uppercase;margin-top:3px;margin-bottom:20px;display:block}
#fat-footer #ucd-panel{background:url("../img/ucd-corner.gif") no-repeat scroll 100% 100% #202020;padding:18px 10px 20px 30px;width:300px;margin-right:0;margin-top:3px}
#fat-footer #ucd-panel h2{text-transform:uppercase;font-size:120px;font-style:normal;color:#000;line-height:120px;margin-bottom:23px;text-indent:-14px}
#fat-footer #ucd-panel p{font-size:16px}
#fat-footer #ucd-panel ul{border:0;position:relative;right:10px;top:4px}
#fat-footer #ucd-panel ul li{border:0;background:0;margin-bottom:7px;padding:0}
#fat-footer #ucd-panel ul li a{font-family:Georgia,serif;font-style:italic;color:#999;font-size:20px;padding:4px 0 7px 30px;background:url("../img/home-chevron.png") no-repeat scroll 5% 50% transparent;display:block}#fat-footer #ucd-panel ul li a:hover{text-decoration:none;color:#FFF;background:url("../img/home-chevron_mo.png") no-repeat scroll 5% 50% #353535}#fat-footer #ucd-panel ul li a span{color:#FFF}#fat-footer #we-create{padding-right:20px}#fat-footer #we-create h2{font-size:60px;color:#BB0101;margin-bottom:12px}#fat-footer #we-create ul{margin-right:10px}#fat-footer #we-create ul li{font-size:14px;padding:6px 0 7px 16px}#fat-footer #we-create ul li:last-of-type{padding:21px 0 21px 16px;background:0}#fat-footer .inter-links h3{font-family:Georgia,sans-serif;font-style:italic;font-weight:700;color:#FFF;font-size:30px;margin-bottom:10px;padding-right:20px;background:url("../img/home-big-chevron.png") no-repeat scroll 100% 60% transparent;display:inline}#fat-footer .inter-links{margin-bottom:15px;padding-bottom:7px;color:#999;display:block;position:relative}#fat-footer .inter-links:first-of-type{margin-top:13px;margin-bottom:15px;padding-bottom:22px;border-bottom:1px dotted #3A3A3A}#fat-footer .inter-links:hover{text-decoration:none}#fat-footer .inter-links:hover h3{text-decoration:none;color:#BB0101}#some-clients{position:absolute;top:36px;left:-5px;z-index:1;width:272px;height:238px;padding-bottom:10px;background:#000}
#fat-footer #view-work a{font-size:30px;color:#FFF;text-transform:uppercase;margin-top:28px;padding:10px 2px;display:block}
#fat-footer #view-work a span{color:#FFF;background:url("../img/home-bigger-chevron.png") no-repeat scroll 100% 48% transparent;padding-right:28px}
#fat-footer #view-work a:hover{text-decoration:none}
#fat-footer #view-work:hover a span{color:#BB0101}
#fat-footer #view-work+p{margin-top:4px}
#fat-footer #footer-nav{border:0;margin-left:25px;margin-top:12px}
#fat-footer #footer-nav li{border:0;background:0;margin:0;padding:0}
#fat-footer #footer-nav li a{font-size:50px;color:#353535;text-transform:uppercase;padding:2px 6px;display:block;line-height:48px;-webkit-transition:color .3s ease-in;-moz-transition:color .3s ease-out;-o-transition:color .3s ease-in;transition:color .3s ease-in}#fat-footer #footer-nav li a.connect-link{color:#BB0101}#fat-footer #footer-nav li a:hover{text-decoration:none;color:#FFF}#fat-footer .rung{border-top:1px dotted #3A3A3A;border-bottom:1px dotted #3A3A3A;padding-bottom:15px}@media only screen and (min-width: 480px){#fat-footer .c1{ margin:0 30px 0 60px}}@media only screen and (min-width: 768px){#fat-footer .c1{ margin:0 30px 0 104px}}#services h2{color:#696969;font-size:26px;line-height:54px;font-weight:700;font-family:'Lubalin-Demi',Fallback,sans-serif}#services h2.strapline{text-align:left;font-size:30px;margin-top:30px;line-height:38px;margin-bottom:8px;float:left;display:inline-block;text-transform:none;font-weight:400}#services h2.strapline em{font-size:40px;font-style:normal;color:#FFF;line-height:48px;text-transform:uppercase}#services .love_uxd{float:right;margin-top:38px;margin-right:38px}#services p{font-size:16px;line-height:20px}#services #content .column{float:left}#services .panel{display:inline-block;float:left}#services .panel p:first-of-type{color:#FFF;font-size:20px;line-height:22px;margin-top:4px;clear:both}#services .basic-panel{margin-bottom:10px}#services .basic-panel h2{color:#BB0101;font-weight:400}#services .basic-panel p:first-of-type{font-size:16px;margin-top:0}#services .basic-panel ul{border:0}
#services .basic-panel ul li{padding:7px 0 6px 16px;font-size:14px}
#services #we-create ul li:last-of-type{padding:21px 0 21px 16px;background:0}
#services .intro-panel p:first-of-type{margin-top:3px}
#services .panel-group{margin-top:62px;margin-bottom:36px;display:block;float:left;clear:both}
#services .panel-group ul.group{border:0;position:relative;clear:both;display:block;height:342px;margin-bottom:36px}#services .panel-group ul.group li{display:inline-block;list-style-type:none;background:transparent url("../img/services/process-item-grey.png") 0 0 no-repeat;height:342px;width:342px;border:0;padding:0;margin:0;position:absolute}#services .panel-group ul.group li:nth-of-type(2){left:306px}#services .panel-group ul.group li:nth-of-type(3){left:612px;background:transparent url("../img/services/process-item-red.png") 0 0 no-repeat}#services .panel-group ul.group li .process-item{color:#FFF;height:258px;width:282px;display:inline-block;padding:85px 0 0 60px;position:absolute;cursor:pointer;-moz-transition:color .9s ease-out}#services .panel-group ul.group li p{font-size:16px;line-height:24px;margin-top:11px}#services .panel-group ul.group li:hover .process-item{color:#333;z-index:15}#services .panel-group ul.group li .process-item:hover{text-decoration:none}#services .panel-group ul.group li .process-item .more{border-top:1px dotted #999;position:relative;top:16px;width:170px;margin-left:26px}#services .panel-group ul.group li .process-item .hidden{visibility:hidden}#services .panel-group ul.group li .process-item .more p{background:#FFF;display:inline;position:relative;top:-14px;font-family:Georgia,serif;font-style:italic;padding:0 10px;margin-left:39px;color:#999;font-size:11px}#services .panel-group ul.group li .process-item-focus{opacity:0;height:342px;width:342px;display:inline-block;background:transparent url("../img/services/process-item-focus.png") 0 0 no-repeat;position:absolute;z-index:10;-webkit-transition:opacity .4s ease-in;-moz-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in;-moz-transition-delay:.1s}
#services .panel-group ul.group li .process-item-focus.collapse{display:none}
#services .panel-group ul.group li:hover .process-item-focus{opacity:1}
#services .panel-group ul.group li .process-item h3{color:#FFF;font-family:'Lubalin-Demi',Fallback,sans-serif;text-transform:uppercase;font-size:26px;-moz-transition:color .6s ease-out}#services .panel-group ul.group li:hover .process-item h3{color:#333}#services .panel-group ul.group li:hover .process-item h3 span{color:#BB0101}#services .panel-group ul.group li .process-item-collapse{display:block;position:absolute;height:342px;width:342px;opacity:.1;z-index:20;cursor:pointer}#services #process-content .guts{padding:0 70px;position:absolute}#services #process-content .guts p{text-align:center;overflow:hidden;display:block;line-height:20px}#services #process-content .guts p:first-of-type{font-size:26px;color:#FFF;line-height:28px;border-bottom:1px solid #333;padding:0 100px 24px;margin-top:2px}#services #process-content .guts p:nth-of-type(2){margin-left:15px;margin-top:24px}#services section#process-content-container{clear:both;width:950px}#services section#process-content{height:240px}#services .process-panel{float:left;display:block;margin-top:63px;background:#FFF}#services .panel-group ul.group li .current{background:transparent url("../img/services/process-item-current.png") 0 0 no-repeat;color:#333;z-index:15}#services .panel-group ul.group li .current h3{color:#333}#services .panel-group ul.group li .current h3 span{color:#BB0101}#services .panel-group ul.group li .current .more{opacity:0}#services .process-panel h3,#services .process-panel p{padding-left:20px;padding-right:20px}#services .process-panel h3{font-family:'Lubalin-Demi',Fallback,sans-serif;font-size:24px}#services .explanation-panel h2{margin-top:7px;margin-bottom:14px}#services .explanation-panel p{font-size:16px;line-height:20px}#services .explanation-panel h3 strong{color:#BB0101;text-transform:uppercase}#services h2.rhetoric{font-size:23px;line-height:32px;clear:both;margin-bottom:8px;padding-top:18px}#work-quote{margin:0 0 40px 0}#work-quote h2{color:#3e3e3e;text-transform:uppercase;font-size:50px;line-height:54px;text-align:center;margin:0}p.strapline-attrib{font-weight:700;color:#3e3e3e;font-size:18px;text-transform:uppercase;text-align:center;margin:0}p.strapline-attrib span{color:#999}#sc{overflow:hidden;padding-bottom:50px;margin-top:50px}#sc .p{height:260px;width:300px;margin:0 10px;float:left;position:relative}#sc .c{padding:10px 0 0 0;position:relative}#sc .c h3{font-family:'Lubalin-Demi',Fallback,sans-serif;font-size:14px;line-height:16px;font-weight:700;color:#bb0101;margin:0 0 4px}#sc .c h3 a{color:#bb0101}#sc .c h3.inactive,#sc .c h3.inactive a{color:#666}#sc .c p{font-family:Georgia,sans-serif;font-size:12px;font-style:italic;color:#666;margin:0}#sc .c p a{color:#666}#sc .c .b{overflow:hidden;position:absolute;right:0;top:13px;opacity:0;background:transparent url('../img/showcase-sprite.png') 0 0 no-repeat}#sc .c .b a{background:transparent url('../img/showcase-sprite.png') 0 -24px no-repeat;text-indent:-999px;display:block;height:24px;width:24px;opacity:0;outline:0}#sc .c h3 a{pointer-events:none}#sc .p .i{overflow:hidden;position:relative}#sc .p .i,#sc .p .i .s{width:300px;height:200px}#sc .p .i img,#sc .p .i .s,#sc .p .i .s img{position:absolute;top:0;left:0;cursor:pointer}#sc .p .i .s0 img{top:-200px}#sc .p .i .s1 img{top:-400px;opacity:0}#sc .p .i .s2 img{top:0}#sc .p.not-available .i{pointer-events:none}#sc .p.not-available div.coming-soon{background:transparent url('../img/client-showcase/Work_ComingSoon.png') 0 0 no-repeat;width:300px;height:200px;position:absolute;top:0;left:0;display:none}#we-are .strapline{margin-bottom:48px}#we-are .col{margin-top:25px;width:480px;margin-left:0;margin-right:0}#we-are .panel{overflow:hidden;margin-bottom:35px}#we-are .number01{margin-bottom:0}#we-are .number01 .text p{color:#fff}#we-are .col .number05{margin-top:25px}#we-are .panel .number{float:left;width:75px;height:90px;background:transparent url("../img/numbers.gif") 0 0 no-repeat}
#we-are .number01 .number{background-position:0 0}
#we-are .number02 .number{background-position:0 -90px}
#we-are .number03 .number{background-position:0 -180px}
#we-are .number04 .number{background-position:0 -270px}
#we-are .number05 .number{background-position:0 -360px}
#we-are .number06 .number{background-position:0 -450px}
#we-are .number07 .number{background-position:0 -540px}
#we-are .number08 .number{background-position:0 -630px}
#we-are .number09 .number{background-position:0 -720px}
#we-are .panel .text{float:left;width:330px;margin-left:48px}
#we-are .panel.number01 .text{float:left;width:480px;margin-left:48px}
#we-are .panel h3{margin:9px 0 15px 0;font-family:'Lubalin-Demi',Fallback,sans-serif;line-height:1.1em;font-size:28px}
#we-are .panel.number03 h3{color:#000;font-size:70px;line-height:1em}
#we-are .panel p{color:#777;font-size:14px}
#we-are .panel p.subheader{color:#fff;font-family:Georgia;font-style:italic;font-weight:700;font-size:14px}#we-are .panel p.mission{color:#fff;font-family:Georgia;font-style:italic;font-weight:700;font-size:14px;line-height:22px}#we-are .panel.number01 p.subheader{font-size:18px;line-height:21px}#we-are .panel .map{margin-right:40px;float:right}#we-are .number03 .text{background-color:#1a1a1a;padding-bottom:30px;padding-left:14px;padding-right:14px;margin-left:34px;width:342px}#we-are .col .clients{margin-top:10px;margin-bottom:35px}#we-are .col .client-link{font-family:Georgia;font-style:italic;background:transparent url("../img/chevron-plus-white.gif") 0 3px no-repeat;padding:0 0 0 20px;margin-left:0;font-size:14px}#we-are .col .career-link{color:#fff;font-family:Georgia;font-style:italic;background:transparent url("../img/chevron-plus-fat.gif") 0 2px no-repeat;padding:0 0 0 16px;margin-left:0;font-size:14px}#we-are .col .partners{margin-top:20px;margin-bottom:20px;display:block}#we-are .partners .partnerlogo{float:left;margin-right:10px;width:103px}#we-are .partners p{clear:none;float:left;width:206px;padding-left:10px;margin-top:0;background:url("../img/divider_path.html") 0 0 repeat-y transparent}#we-are #staff{margin:10px 0}#we-are #staff img{margin:0 12px 5px 0}
#we-are #staff .staff{float:left;width:88px;height:88px;margin-top:18px;margin-right:20px;background:transparent url("../img/we_are_staff.png") 0 0 no-repeat}#we-are #staff .mike{background-position:0 0}#we-are #staff .joelle{background-position:0 -88px}#we-are #staff .wynand{background-position:0 -176px}#we-are #staff .germari{background-position:0 -264px}#we-are #staff .maya{background-position:0 -352px}#we-are #staff .jacqueline{background-position:0 -440px}#we-are #staff .riyadh{background-position:0 -528px}#we-are #staff .nqobile{background-position:0 -616px}#we-are #staff .team{background-position:0 -704px}#we-are #staff .staff a{display:block;width:88px;height:88px;text-align:center;text-decoration:none;background-color:#000;background-color:rgba(0,0,0,.7);opacity:0;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}#we-are #staff .team a{background:#000 url("../img/we_are_staff.png") 0 -792px no-repeat;-webkit-transition:opacity .1s ease;-moz-transition:opacity .1s ease;-o-transition:opacity .1s ease;transition:opacity .1s ease}#we-are #staff .staff a:hover{opacity:1}#we-are #staff .staff a span{position:relative;top:38px;font-family:Georgia;font-style:italic;font-size:14px;font-weight:700;color:#fff}#we-are .panel .values{border:0}#we-are .panel .values li{border:0;padding:0 0 0 16px}#testimonials{list-style-type:none;border:0 none}#testimonials li{background:0 none;padding:0 0 20px 0;border:0 none}#team h2.strapline{margin-left:50px}#team .panel h3{font-weight:700}#team .panel h3 span strong{font-weight:400}#team .column{clear:none;float:left}#team .col01{margin-top:30px;width:454px;margin-left:8px}#team .col02{margin-top:30px;width:434px;margin-left:52px;margin-right:8px}#team .panel{overflow:hidden;margin-bottom:15px}#team .col01 .panel .text{float:right;width:328px;margin-left:22px}#team .col02 .panel .text{float:right;width:310px;margin-left:22px}#team .panel .staff{float:left;width:102px;height:102px;margin-top:18px;background:transparent url("../img/team-staff.png") 0 0 no-repeat}
#team .number01 .staff{background-position:0 0}
#team .number02 .staff{background-position:0 -101px}
#team .number03 .staff{background-position:0 -202px}
#team .number04 .staff{background-position:0 -303px}
#team .number05 .staff{background-position:0 -404px}
#team .number06 .staff{background-position:0 -505px}
#team .number07 .staff{background-position:0 -607px;height:101px}
#team .number08 .staff{background-position:0 -707px}
#team .panel h3{margin:18px 0 8px 0;font-family:'Lubalin-Demi',Fallback,sans-serif;line-height:1em;font-size:21px}#team .panel p{color:#777;font-size:14px}#team .panel p:first-of-type{color:#fff;font-family:Georgia;font-style:italic;font-weight:700;font-size:14px;margin:0}#team .contact p.tel{float:left;color:#BB0101;font-family:Arial,Sans-Serif;font-style:normal;font-weight:700;position:relative;margin:5px 0 0;background:transparent url("../img/contact-icons.png") -90px 0 no-repeat;text-indent:22px;vertical-align:middle}#team ul.social-m{float:left;position:relative;clear:both;top:-22px;left:180px;border:0}#team ul.social-m li{float:left;display:inline;padding:0;border:0;background:transparent url("../img/contact-icons.png") 0 0 no-repeat;width:30px;height:30px;margin-right:8px;margin-left:0;-webkit-transition:background .1s ease;-moz-transition:background .1s ease;-o-transition:background .1s ease;transition:background .1s ease}#team .social-m li.linkedin{background-position:-30px 0}#team .social-m li.twitter{background-position:-60px 0}#team .social-m li.email:hover{background-position:0 -30px}#team .social-m li a{width:30px;height:30px;cursor:pointer;display:block;position:absolute;-webkit-transition:opacity .1s ease;-moz-transition:opacity .1s ease;-o-transition:opacity .1s ease;transition:opacity .1s ease}#team .social-m li a.linkedin{background:transparent url("../img/contact-icons.png") -30px -30px no-repeat;opacity:0}#team .social-m li a.twitter{background:transparent url("../img/contact-icons.png") -60px -30px no-repeat;opacity:0}#team .social-m li a.linkedin:hover{opacity:1}#team .social-m li a.twitter:hover{opacity:1}.news{overflow:hidden}.news .nav{margin:0 0;overflow:hidden}.news .section p.date{float:right;background:#000;position:relative;top:-20px;color:#BB0101;padding:0 0 0 8px;line-height:12px}.news h2{margin:4px 0 16px 0;font-family:'Lubalin-Demi',Fallback,sans-serif;line-height:1.1em;font-size:28px}.news ul{border:0}.news li{border:0;background-position-y:8px}.news .nav p{float:right;background:transparent url('../img/client-showcase/client-button-sprite.png') right -100px no-repeat;padding-right:24px;position:relative;font-family:Georgia,sans-serif;font-size:12px;font-style:italic}.news .nav p a{padding:1px 0;display:block}.news .section{border-top:1px dotted #424242;padding-bottom:10px}.news .section.no-bdr{border:0 none}.news .section h3{margin:0;padding-right:10px;position:relative;top:-17px;background:#000;font-family:Georgia,sans-serif;font-size:24px;font-style:italic;font-weight:400;color:#bb0101;display:inline}.news .section h4{margin:0;padding:2px 10px 3px 8px;position:relative;top:-10px;background:#BB0101;font-family:Georgia,sans-serif;font-size:18px;font-style:italic;font-weight:400;color:#fff;display:inline}.news .sub-section{overflow:hidden;margin:20px 0}.news .firstitem{color:#fff}.news .sub-section .col{position:relative;top:-15px}.news .sub-section h5{margin-top:0;margin-bottom:10px;font-family:Georgia,sans-serif;font-size:16px;font-style:italic;font-weight:400;color:#fff}.news .sub-section p{font-family:Verdana,sans-serif;font-size:12px}.news .sub-section .imgcol{float:right;padding-bottom:18px}#t4a_logo{position:relative;right:-25px}.news .sidebar{margin:12px 0 0}.news .sidebar a img{padding:0 12px;margin:15px 0 0 0}.news .down-arrow{background:#1a1a1a url('../img/client-showcase/client-sidebar-down-arrow.png') bottom left no-repeat;padding-bottom:70px;margin-bottom:20px}.news .down-arrow .nav{float:right;background:transparent url('../img/news-button-sprite.png') right no-repeat;padding-right:28px;position:relative;font-family:Georgia,sans-serif;font-size:14px;font-style:italic;line-height:20px;vertical-align:top;margin:0 16px 8px}.news .up-arrow{background:#fff url('../img/client-showcase/client-sidebar-up-arrow.png') top left no-repeat;padding-top:70px;padding-bottom:10px}#contact-us #main{margin-bottom:57px}#contact-us .details{float:left}#contact-us p{font-size:14px}#contact-us h2.strapline{display:inline-block;float:left;font-size:30px;font-weight:400;line-height:38px;margin-top:30px;margin-bottom:23px;font-family:'Lubalin-Demi',Fallback,sans-serif;color:#FFF;text-align:left;text-transform:none;font-style:normal;border:0}#contact-us .column{margin-bottom:36px;float:left}#contact-us h2{color:#BB0101;font-family:Georgia,serif;font-size:30px;font-weight:800;font-style:italic;border-bottom:1px dotted #3A3A3A;padding-bottom:15px;margin-bottom:17px}#contact-us .details-panel p{margin:5px 0}#contact-us p span{width:70px;display:inline-block;color:#FFF;font-weight:700}#contact-us #soc-links{float:left;border:0}#contact-us #soc-links li{float:left;height:75px;width:75px;display:inline-block;background:url("../img/soc-media.png") no-repeat scroll 0 0 transparent;padding:0;margin-right:18px;border:0}#contact-us #soc-links li:last-of-type{margin:0}#contact-us #soc-links li a{height:75px;width:75px;display:inline-block;background:url("../img/soc-media.png") no-repeat scroll 0 0 transparent;padding:0;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity .3s ease-in;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-in;transition:opacity .3s ease-in}#contact-us #soc-links li a:hover{opacity:1}#contact-us #soc-links li.contact-linkedin{background-position:0 0}#contact-us #soc-links li.contact-twitter{background-position:0 -75px}#contact-us #soc-links li.contact-behance{background-position:0 -150px}#contact-us #soc-links li.contact-flickr{background-position:0 -225px}#contact-us #soc-links li.contact-ux-external{background-position:0 -300px}#contact-us #soc-links li.contact-blog{background-position:0 -375px}#contact-us #soc-links li.contact-linkedin a{background-position:-75px 0}#contact-us #soc-links li.contact-twitter a{background-position:-75px -75px}#contact-us #soc-links li.contact-behance a{background-position:-75px -150px}#contact-us #soc-links li.contact-flickr a{background-position:-75px -225px}#contact-us #soc-links li.contact-ux-external a{background-position:-75px -300px}#contact-us #soc-links li.contact-blog a{background-position:-75px -375px}
#contact-us #careers-panel{background:url("../img/ucd-corner.gif") no-repeat scroll 100% 100% #202020;margin-right:0;margin-top:35px;padding:22px 20px 20px 20px;width:300px}#contact-us #careers-panel h2{color:#000;font-family:'Lubalin-Demi',Fallback,sans-serif;font-size:60px;font-style:normal;line-height:60px;margin-bottom:30px;text-transform:uppercase;text-indent:-4px;padding:0;border:0;letter-spacing:-1px}#contact-us #careers-panel p:first-of-type{color:#FFF;font-family:Georgia,serif;font-style:italic;font-size:18px;line-height:24px}#contact-us #careers-panel p{line-height:18px}#contact-us #careers-panel p a{color:#FFF}#contact-us #careers-panel ul{border:0;position:relative;right:10px;top:2px}#contact-us #careers-panel ul li{background:0;border:0;margin-bottom:7px;padding:0}#contact-us #careers-panel ul li a{background:url("../img/home-chevron.png") no-repeat scroll 5% 50% transparent;color:#999;display:block;font-family:Georgia,serif;font-size:20px;font-style:italic;padding:4px 0 7px 30px}#contact-us #careers-panel ul li a:hover{background:url("../img/home-chevron_mo.png") no-repeat scroll 5% 50% #353535;text-decoration:none;color:#FFF}#map_container{margin:0 auto 45px}#clients .strapline{margin-bottom:48px}#clients .panel{margin-top:30px;float:left}#clients .column-testimonials{width:736px;margin-left:5px}#clients .panel .client-logo{width:176px;float:left;display:block;margin-top:3px}#clients .panel .client-logo p{float:right;margin:8px 2px 0;font-family:Calibri;color:#fff;font-size:24px;font-weight:700;text-transform:uppercase}#clients .panel .panel-border{border-bottom:1px dotted #777;height:1px;width:306px;position:relative}#clients .panel .text{margin-left:40px;float:left;width:520px}#clients blockquote{font-family:Ge orgia;font-size:18px;font-style:italic;font-weight:400;margin:0 0 20px 0;line-height:18px;color:#666;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease}#clients blockquote:hover{color:#fff}#clients .panel .text .attrib{margin-bottom:28px}
#clients .panel .text .attrib p{font-size:14px;color:#fff;line-height:18px;margin:0}
#clients .panel .text .quote-company{font-weight:700}
#clients .column-clientlist{width:174px;height:2057px;float:left;background:transparent url("../img/Our_Clients_Clients.gif") 0 -4px no-repeat;margin:30px 0 8px 30px}
.client{overflow:hidden}.client .nav{margin:0 0;overflow:hidden}
.client .nav p{float:right;background:transparent url('../img/client-showcase/client-button-sprite.png') right -100px no-repeat;padding-right:24px;position:relative;font-family:Georgia,sans-serif;font-size:12px;font-style:italic}.client .nav p a{padding:1px 0;display:block}.client .section.blurb{padding-top:10px;padding-bottom:10px}.client .blurb p,.client .blurb p strong{color:#fff}.client .section{border-top:1px dotted #424242;padding-bottom:30px}.client .section.no-bdr{border:0 none}.client .section h3{margin:0;padding-right:10px;position:relative;top:-17px;background:#000;font-family:Georgia,sans-serif;font-size:24px;font-weight:400;font-style:italic;color:#bb0101;display:inline}.client .section h4{margin:0;padding:2px 10px 3px 8px;position:relative;top:-10px;background:#BB0101;font-family:Georgia,sans-serif;font-size:18px;font-style:italic;font-weight:400;color:#fff;display:inline}.client .sub-section{overflow:hidden;margin:40px 0}.client .sub-section h5{margin-top:0;margin-bottom:10px;font-family:Georgia,sans-serif;font-size:16px;font-style:italic;font-weight:400;color:#fff}.client .sub-section p{font-style:italic;font-family:Verdana,sans-serif;color:#fff;font-size:12px}.client .down-arrow{background:#1a1a1a url('../img/client-showcase/client-sidebar-down-arrow.png') bottom left no-repeat;padding-bottom:70px;margin-bottom:20px}.client .up-arrow{background:#fff url('../img/client-showcase/client-sidebar-up-arrow.png') top left no-repeat;padding-top:70px;padding-bottom:10px}.client .facts img{margin:10px 0}.client .testimonial{background:transparent url('../img/client-showcase/client-testimonial-sprite.png') 10px -40px no-repeat;text-align:center;margin:0 18px;padding:70px 0 20px 0}
.client .testimonial .close-quote{background:transparent url('../img/client-showcase/client-testimonial-sprite.png') top right no-repeat;height:26px;overflow:hidden}.client .testimonial h3{height:0;position:absolute}
.client .testimonial p{color:#666;font-style:italic;font-family:Georgia,sans-serif;font-size:16px}.client .testimonial p.author{text-align:left;color:#fff;font-size:12px;font-style:normal;line-height:14px;margin-bottom:0}.client .journey{margin:0 15px;padding:20px 0}.client .journey h3{background:0 none;top:auto;display:block;margin-bottom:10px;font-family:'Lubalin-Demi',Fallback,sans-serif;line-height:1.1em;font-style:normal}.client .journey li{color:#666}#designs{width:680px;overflow:hidden}#designs ul,#designs ul li{list-style-type:none;margin:0;padding:0;border:0 none;background:transparent none}#designs #slider{overflow:hidden}#client h2{color:#fff;font-size:22px;margin-bottom:2px}#client h2 strong{font-family:'Lubalin-Demi',Fallback,sans-serif;font-size:20px}#client h2 span{font-family:'Lubalin-Demi',Fallback,sans-serif;color:#bb0101;font-size:20px}#client #sc{padding-top:20px;border-top:1px dotted #424242;position:relative;overflow:visible;margin-top:25px}#client #sc h2{margin:0;padding:0;text-align:center;position:relative;top:-42px;background:transparent}#client #sc h2 span{background:#000;font-family:Georgia,sans-serif;font-size:12px;font-style:italic;font-weight:400;text-transform:none;color:#bb0101;padding:0 20px}#client #sc .content{overflow:hidden}#client #sc .see-all{height:224px;width:300px;margin:0 10px;float:left}#client #sc .p{height:224px}#client #sc .c{display:none}#client #sc .i .s2 img{opacity:0}#careers .strapline{margin-bottom:48px}#careers .col{margin-top:25px;width:480px;margin-left:0;margin-right:0}#careers .col01{float:left}#careers .col02{float:left;width:320px;margin-left:28px;padding-top:10px;margin-bottom:28px}#careers .panel{overflow:hidden;margin-bottom:30px}#careers .panel .number{float:left;width:75px;height:90px;background:transparent url("../img/numbers.gif") 0 0 no-repeat}#careers .number01 .number{background-position:0 0}
#careers .number02 .number{background-position:0 -90px}
#careers .number03 .number{background-position:0 -180px}
#careers .number04 .number{background-position:0 -270px}
#careers .number05 .number{background-position:0 -360px}
#careers .number06 .number{background-position:0 -450px}
#careers .number07 .number{background-position:0 -540px}
#careers .number08 .number{background-position:0 -630px}
#careers .number09 .number{background-position:0 -720px}
#careers .panel .text{float:left;width:480px;margin-left:48px}
#careers .panel h3{margin:10px 0 15px 0;font-weight:700;font-size:28px;text-transform:uppercase;font-family:'Lubalin-Demi',Fallback,sans-serif;line-height:1.1em}#careers .panel h3 strong{color:#BB0101}#careers .panel p{color:#fff;font-size:14px;margin-bottom:8px}#careers .panel p.subheader{color:#fff;font-family:Georgia;font-style:italic;font-weight:700;font-size:14px;margin-bottom:24px}#careers .panel .specifications{position:relative;top:-5px}#careers .panel ul{border:0;position:relative;left:15px;top:-4px;margin-bottom:14px}#careers .panel ul li{color:#999;border:0;padding:0;background:0;list-style-image:url("../img/chevron-plus.gif")}#careers .panel .apply{font-size:14px;font-weight:700;font-style:italic;font-family:Georgia;background:transparent url("../img/carreer-link-arrow.gif") 0 0 no-repeat;padding-left:24px}#careers .panel .border{border-bottom:1px dotted #777;height:1px;width:306px;margin-top:34px}#careers .panel:last-of-type .border{display:none}#careers .col02 img{margin-bottom:6px;opacity:.8;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}#careers .col02 img:hover{opacity:1}#slider{width:680px;height:540px;list-style:none}.anythingBase{max-width:32766px}div.anythingSlider .thumbNav a.cur,div.anythingSlider .thumbNav a{background:transparent url("../img/work_carousel_options.gif") 0 0 no-repeat}div.anythingSlider{display:block;margin:0 auto;overflow:hidden;position:relative;padding:0 0 40px 0}div.anythingSlider .anythingWindow{overflow:hidden;position:relative;width:100%;height:100%}.anythingBase{background:transparent;list-style:none;position:absolute;top:0;left:0;margin:0;padding:0}.anythingBase .panel{background:transparent;display:block;overflow:hidden;float:left;padding:0;margin:0}div.anythingSlider .arrow{position:absolute;display:block;top:0}div.anythingSlider .arrow a{display:block;height:540px;width:340px;text-align:center;outline:0;opacity:0}div.anythingSlider .arrow a span{display:block;text-indent:-9999px}div.anythingSlider .back{left:0}
div.anythingSlider .back a{background:transparent url('../img/client-showcase/arrow-left.png') 20px 210px no-repeat}div.anythingSlider .back a:hover,div.anythingSlider .back a.hover{opacity:1}div.anythingSlider .forward{right:0}div.anythingSlider .forward a{background:transparent url('../img/client-showcase/arrow-right.png') 209px 210px no-repeat}div.anythingSlider .forward a:hover,div.anythingSlider .forward a.hover{opacity:1}div.anythingSlider .anythingControls{outline:0;display:none;margin-top:10px;float:left;position:relative;left:50%}div.anythingSlider .thumbNav{margin:0;padding:0;position:relative;left:-50%}div.anythingSlider .thumbNav li{display:inline}div.anythingSlider .thumbNav a{display:inline-block;text-decoration:none;height:11px;width:11px;margin:0 5px 0 0;background:transparent url("../img/work_carousel_options.gif") -11px 0 no-repeat;text-indent:-999px;outline:0;overflow:hidden}div.anythingSlider .thumbNav a:hover{background-position:0 0}div.anythingSlider,div.anythingSlider .anythingWindow,div.anythingSlider .thumbNav a,div.anythingSlider .arrow a{transition-duration:0;-o-transition-duration:0;-moz-transition-duration:0;-webkit-transition-duration:0}#officepics{overflow:hidden}#officepics ul,#officepics ul li{list-style-type:none;margin:0;padding:0;border:0 none;background:transparent none}#officepics #slider{overflow:hidden}#officepics div.anythingSlider .back a{background:0;left:0}#officepics div.anythingSlider .forward a{background:0;right:0}#home #slider{width:260px;height:210px;list-style:none}#home #officepics div.anythingSlider .back a{width:120px;height:210px}#home #officepics div.anythingSlider .forward a{width:140px;height:210px}#we-are #slider{width:330px;height:250px;list-style:none}#we-are #officepics div.anythingSlider .back a{width:150px;height:250px}#we-are #officepics div.anythingSlider .forward a{width:180px;height:250px}.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.hidden{display:none;visibility:hidden}.visuallyhidden{border:0;clip:rect(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}