/* 
html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
v1.4 2009-07-27 | Authors:Eric Meyer & Richard Clark
html5doctor.com/html-5-reset-stylesheet/
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, figure, footer, header, hgroup, nav, section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration:line-through; } abbr[title], dfn[title] {  } table { border-collapse:collapse; border-spacing:0; }
:focus { outline:0; }
/* /RESET */
.container_24 {margin-left:auto;margin-right:auto;width:960px;} .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24 {display:inline;float:left;position:relative;margin-left:5px;margin-right:5px;} .alpha {margin-left:0;} .omega {margin-right:0;} .container_24 .grid_1 {width:30px;} .container_24 .grid_2 {width:70px;} .container_24 .grid_3 {width:110px;} .container_24 .grid_4 {width:150px;} .container_24 .grid_5 {width:190px;} .container_24 .grid_6 {width:230px;} .container_24 .grid_7 {width:270px;} .container_24 .grid_8 {width:310px;} .container_24 .grid_9 {width:350px;} .container_24 .grid_10 {width:390px;} .container_24 .grid_11 {width:430px;} .container_24 .grid_12 {width:470px;} .container_24 .grid_13 {width:510px;} .container_24 .grid_14 {width:550px;} .container_24 .grid_15 {width:590px;} .container_24 .grid_16 {width:630px;} .container_24 .grid_17 {width:670px;} .container_24 .grid_18 {width:710px;} .container_24 .grid_19 {width:750px;} .container_24 .grid_20 {width:790px;} .container_24 .grid_21 {width:830px;} .container_24 .grid_22 {width:870px;} .container_24 .grid_23 {width:910px;} .container_24 .grid_24 {width:950px;} .container_24 .prefix_1 {padding-left:40px;} .container_24 .prefix_2 {padding-left:80px;} .container_24 .prefix_3 {padding-left:120px;} .container_24 .prefix_4 {padding-left:160px;} .container_24 .prefix_5 {padding-left:200px;} .container_24 .prefix_6 {padding-left:240px;} .container_24 .prefix_7 {padding-left:280px;} .container_24 .prefix_8 {padding-left:320px;} .container_24 .prefix_9 {padding-left:360px;} .container_24 .prefix_10 {padding-left:400px;} .container_24 .prefix_11 {padding-left:440px;} .container_24 .prefix_12 {padding-left:480px;} .container_24 .prefix_13 {padding-left:520px;} .container_24 .prefix_14 {padding-left:560px;} .container_24 .prefix_15 {padding-left:600px;} .container_24 .prefix_16 {padding-left:640px;} .container_24 .prefix_17 {padding-left:680px;} .container_24 .prefix_18 {padding-left:720px;} .container_24 .prefix_19 {padding-left:760px;} .container_24 .prefix_20 {padding-left:800px;} .container_24 .prefix_21 {padding-left:840px;} .container_24 .prefix_22 {padding-left:880px;} .container_24 .prefix_23 {padding-left:920px;} .container_24 .suffix_1 {padding-right:40px;} .container_24 .suffix_2 {padding-right:80px;} .container_24 .suffix_3 {padding-right:120px;} .container_24 .suffix_4 {padding-right:160px;} .container_24 .suffix_5 {padding-right:200px;} .container_24 .suffix_6 {padding-right:240px;} .container_24 .suffix_7 {padding-right:280px;} .container_24 .suffix_8 {padding-right:320px;} .container_24 .suffix_9 {padding-right:360px;} .container_24 .suffix_10 {padding-right:400px;} .container_24 .suffix_11 {padding-right:440px;} .container_24 .suffix_12 {padding-right:480px;} .container_24 .suffix_13 {padding-right:520px;} .container_24 .suffix_14 {padding-right:560px;} .container_24 .suffix_15 {padding-right:600px;} .container_24 .suffix_16 {padding-right:640px;} .container_24 .suffix_17 {padding-right:680px;} .container_24 .suffix_18 {padding-right:720px;}  .container_24 .suffix_19 {padding-right:760px;} .container_24 .suffix_20 {padding-right:800px;} .container_24 .suffix_21 {padding-right:840px;} .container_24 .suffix_22 {padding-right:880px;} .container_24 .suffix_23 {padding-right:920px;} .container_24 .push_1 {left:40px;} .container_24 .push_2 {left:80px;} .container_24 .push_3 {left:120px;} .container_24 .push_4{left:160px;} .container_24 .push_5 {left:200px;} .container_24 .push_6 {left:240px;} .container_24 .push_7 {left:280px;} .container_24 .push_8 {left:320px;} .container_24 .push_9 {left:360px;} .container_24 .push_10 {left:400px;} .container_24 .push_11 {left:440px;} .container_24 .push_12 {left:480px;} .container_24 .push_13 {left:520px;} .container_24 .push_14 {left:560px;} .container_24 .push_15 {left:600px;} .container_24 .push_16 {left:640px;} .container_24 .push_17 {left:680px;} .container_24 .push_18 {left:720px;} .container_24 .push_19 {left:760px;} .container_24 .push_20 {left:800px;} .container_24 .push_21 {left:840px;} .container_24 .push_22 {left:880px;} .container_24 .push_23 {left:920px;} .container_24 .pull_1 {left:-40px;} .container_24 .pull_2 {left:-80px;} .container_24 .pull_3 {left:-120px;} .container_24 .pull_4 {left:-160px;} .container_24 .pull_5 {left:-200px;} .container_24 .pull_6 {left:-240px;} .container_24 .pull_7 {left:-280px;} .container_24 .pull_8 {left:-320px;} .container_24 .pull_9 {left:-360px;} .container_24 .pull_10 {left:-400px;} .container_24 .pull_11 {left:-440px;} .container_24 .pull_12 {left:-480px;} .container_24 .pull_13 {left:-520px;} .container_24 .pull_14 {left:-560px;} .container_24 .pull_15 {left:-600px;} .container_24 .pull_16 {left:-640px;} .container_24 .pull_17 {left:-680px;} .container_24 .pull_18 {left:-720px;} .container_24 .pull_19 {left:-760px;} .container_24 .pull_20 {left:-800px;} .container_24 .pull_21 {left:-840px;} .container_24 .pull_22 {left:-880px;} .container_24 .pull_23 {left:-920px;}

/* Add this to not have to put in a bunch of alpha and omegas */
.container_24 .grid_3 .grid_3, .container_24 .grid_6 .grid_6, .container_24 .grid_9 .grid_9, .container_24 .grid_15 .grid_15 { margin-left:0; margin-right:0; }

@font-face {
	font-family: 'DejaWebBold';
	src: url('fonts/dejaweb-bold-webfont.eot');
	src: local('☺'), url('fonts/dejaweb-bold-webfont.woff') format('woff'), url('fonts/dejaweb-bold-webfont.ttf') format('truetype'), url('fonts/dejaweb-bold-webfont.svg#webfont1k0AAIpR') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-family: 'DejaWebRegular';
	src: url('dejaweb-webfont.eot');
	src: local('☺'), url('fonts/dejaweb-webfont.woff') format('fonts/woff'), url('fonts/dejaweb-webfont.ttf') format('truetype'), url('fonts/dejaweb-webfont.svg#webfonty4SalNQY') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

/* HTML */
html, body { background-color:#090b0a; height:100%; text-align:center; }
html { overflow:auto; min-width:960px; -webkit-font-smoothing:antialiased; }
body,div,dd,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,span,td,th,ul { color:#221e1f; font:14px arial, verdana, sans-serif; line-height:1.22; }
a { color:#ff672f; text-decoration:none; }
a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#c01339; text-decoration:none; }
img { border:none; vertical-align:top; }
p { padding:10px 0; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
h1, h2, h3, h4, h5, h6 { color:#000; font-family:'DejaWebBold', arial, sans-serif; padding:10px 0; text-rendering:optimizeLegibility; }
h1, h1 a { font-size:26px; padding-top:0; }
h2, h2 a { font-size:24px; }
h3, h3 a { font-size:22px; }
h4, h4 a { font-size:18px; }
h5, h5 a { font-size:16px; }
h6, h6 a { font-size:14px; }
table { padding:10px 0;  width:100%; }
th { font-weight:bold; }
td, th { padding:5px; }
ul, ol { padding:10px 10px 10px 30px; }
ul li { background:transparent url(../images/bullet.png) 0 7px no-repeat; line-height:1.22; list-style:none; padding:0 0 8px 10px; }
ol { font-size:13px; }
ol li { list-style:decimal; margin:0 0 0 10px; padding:0 0 8px 0; }
blockquote { color:#76888a; font-size:16px; font-style:italic; line-height:1.22; padding:10px 0; }
blockquote p { padding:0 }
hr { border:0 #e6e9ea solid; border-top-width:1px; clear:both; display:block; height:1px; margin:10px 0; }
code, pre { font-family:"Courier New", monospace, serif; font-size:1em; }
sub { vertical-align:sub; font-size:smaller; }
sup { vertical-align:super; font-size:smaller; }
/* inputs/form fields */
select, input, textarea { font:99% arial,helvetica,sans-serif; }
input, select { vertical-align:middle; }
button { overflow:visible; width:auto; }
button, input[type='button'], input[type='submit'], label, select { cursor:pointer; } 
input[type='text'], input[type='email'], input[type='password'], input[type='url'], input.input-field, textarea { border:1px solid #bccccd; font-size:20px; margin-bottom:4px; padding:2px; width:450px; }
.field_with_errors input[type='text'], .field_with_errors input[type='password'], .field_with_errors input.input-field { border:1px solid red; }
input[type="search"] { -webkit-appearance: textfield; }
input[type="radio"] { vertical-align:text-bottom; }
input[type="checkbox"] { vertical-align:bottom; *vertical-align:baseline; }
textarea { height:150px; overflow:auto; }
select { border:1px solid #bccccd; display:block; margin-bottom:8px; padding:2px; }
fieldset { margin-bottom:8px; }
label { font-weight:bold; font-size:13px; }
label.radio { display:inline; font-size:13px; padding-left:3px; }

::selection { background:#ff672f; color:#fff; }
::-moz-selection { background:#ff672f; color:#fff; } 
a:focus, button:focus, input:focus, label:focus, select:focus, textarea:focus { outline:1px dotted #c01339; }

/* /HTML */
/* CLASSES */
.hidden { display:none; }
.invisible { visibility:hidden; }

.clear, .clear-left, .clear-right { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix:after, .clearfix-left:after, .clearfix-right:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix, .clearfix-left:after, .clearfix-right:after { display:inline-block; }
* html .clearfix, * html .clearfix-left:after, * html .clearfix-right:after { height:1%; } /* Hides from IE-mac \*/
.clearfix, .clearfix-left:after, .clearfix-right:after { display:block; }
.clearfix-left:after, .clear-left { clear:left; }
.clearfix-right:after, .clear-right { clear:right; }

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.float-left { float:left; }
.float-right { float:right; }
.inline { display:inline; }
.alert { color:#ff0000; }
.notice { color:#66FF66; }
span.required { color:#ce360d; }

nav li a, .featured h1, .medium h1, .small h1, .hello, .stat .num, .project-quote .quote, .news-detail time, .view-screens, .landing, .landing p, .landing h1, .landing div, .form input, .form form, #searchInput { font-family:'DejaWebBold', arial, sans-serif; }
a, .text a, .block.team-member a, footer nav li a, .news-item *, .news-item, .tech-quote a:hover h1, .tech-quote a:hover span, .hover img.over { -webkit-transition:all .25s ease-in; -moz-transition:all .25s ease-in; -o-transition:all .25s ease-in; transition:all .25s ease-in; }

/* /CLASSES */
/* LAYOUT */
#bg { height:100%; left:0; position:fixed; top:0; width:100%; text-align:center; z-index:1; }
#bg img { left:50%; position:absolute; }
#container { text-align:center; min-height: 100%; position:relative; z-index:2; }
#layout { height:100%; margin:0 auto; text-align:left; overflow:auto; padding-bottom:166px; position:relative; }
header { height:65px; padding:45px 20px 0; }
#search { background:#fff; display:none; height:127px; margin:0 5px 10px; position:relative; }
#searchContainer { border-bottom:1px solid #bfbfbf; left:239px; position:absolute; top:52px; width:590px; }
#searchInput { border:0; font-size:28px; width:540px; }
#searchBtn { background:url(../images/icons/search.png) no-repeat; float:right; height:21px; margin:10px 15px 0 0; text-indent:-9999px; width:21px; }

#logo { background:url(../images/logo.png) no-repeat; float:left; height:24px; text-indent:-99999px; width:144px; -webkit-transition:opacity .15s linear; -moz-transition:opacity .15s linear; }
#logo:hover { opacity:.5; }
nav ul, nav li { background:none; margin:0; padding:0; width:auto; }
nav {  }
nav ul { float:right; }
nav li { float:left; margin:0 10px;}
nav li a { color:#fff; font-size:16px; text-transform:uppercase; -webkit-transition:opacity .15s linear; -moz-transition:opacity .15s linear; opacity:.6; }
nav li a:hover, nav li.on a { color:#fff; opacity:1; }

#userInfo { float:right; }
#userInfo li { color:#fff; line-height:28px; margin:0 4px; }
#userInfo li, #userInfo li a { font-size:12px; text-transform:lowercase; }

.page { height:850px; height:auto !important; min-height:850px; }
.page-small { height:500px; height:auto !important; min-height:500px; }
.padded { padding:12px; }

#footerContainer { clear:both; height:138px; margin-top:-138px; position:relative; z-index:3; }
footer { background:url(../images/backgrounds/project.png); height:85px; overflow:hidden; padding:28px 25px 25px; }
footer, footer address, footer div, footer nav li, footer nav a, footer a { color:#fff; font-size:12px; font-style:normal; line-height:1.5; text-align:left; }
footer address { float:left; width:160px; }
footer .facebook, footer .twitter { background:url(../images/icons/social.png) no-repeat; display:inline-block; height:16px; margin:10px 7px 0 0; text-indent:-9999px; width:16px; }
footer .twitter { background-position:-16px 0; }
footer nav { border-left:1px solid #393e3e; border-right:1px solid #393e3e; float:left; padding:2px 28px 32px; }
footer nav ul, footer nav li { background:none; margin:0; padding:0; }
footer nav li { margin:0 8px; float:none; }
footer nav li a { color:#ff672f; font-family:arial, sans-serif; font-weight:bold; opacity:1; text-transform:none; }
footer a:hover, footer nav li a:hover {  }
footer .copy { color:#809296; float:right; margin-top:74px; }

.index-list, .index-list li { background:none; margin:0; padding:0; }
.index-list li { clear:left; margin-top:6px; }
.index-list li img { border:1px solid #e2e6e6; float:left; margin:0 10px 6px 0; }
/* /LAYOUT */

/* Blocks */
.default { background:#fff; margin:0 5px 10px; padding:20px 10px; }
.block { background:#fff; height:127px; margin-bottom:10px; overflow:hidden; }
.block.earmark { background:transparent url(../images/backgrounds/block.png) no-repeat right bottom; }
.block.filter { background:transparent url(../images/backgrounds/block_trans.png); height:139px; }
.block.filter .padded { padding:20px; }
.block.transparent { background:transparent url(../images/backgrounds/block_trans.png); }
.block.featured { height:401px; }
.block.company { height:332px; }
.block.medium { height:264px; }
.block.medium-small { height:195px; }
.block.auto { height:auto; }
.block.min { min-height:400px; }
.block.search-result a { display:block; height:100%; padding:20px 16px; }
.block.search-result h1 { color:#000; font-size:20px; line-height:1.2; }
.block.search-result a:hover { background:#000; }
.block.search-result a:hover h1 { color:#fff; }

.featured, .medium, .small { overflow:hidden; position:relative; }
.featured .copy, .medium .copy, .small .copy { background:url(../images/backgrounds/project.png); top:95px; color:#fff; height:auto; left:0; padding:0 12px; position:absolute; width:206px; z-index:2; }
.featured .copy { top:358px; padding:0 18px; width:554px; }
.featured h1, .medium h1, .small h1 { color:#fff; font-size:16px; line-height:32px; padding:0; }
.featured h1 { font-size:24px; line-height:44px; }
.featured img, .medium img, .small img { position:absolute; left:0; top:0; z-index:1; }
.featured p, .medium p, .small p { font-size:12px; padding:0 0 12px; }
.featured p { font-size:16px; }
.medium .copy { top:232px; width:206px; }

.featured:hover .copy, .medium:hover .copy, .small:hover .copy {  }
.featured:hover h2, .medium:hover h2, .small:hover h2 {  }
.featured:hover p, .medium:hover p, .small:hover p { }

.text, .block.team-member { overflow:hidden; position:relative; height:127px; width:110px; }
.text, .text h1, .text h2 { color:#000; font-size:24px; line-height:1.08; }
.text h1, .text h2 { height:114px; padding:14px 10px 0; width:92px; }
.text a { display:block; position:absolute; top:0; left:0; }
.text a:hover { top:-127px; }
.text h2 { color:#fff; line-height:1; }
#ourClients:hover { background:#0695b8; }
#aboutUs:hover { background:#f3c102; }
#whatWeDo:hover { background:#c3c70d; }
#joinTheTeam:hover { background:#f9467f; }

.block.team-member a { display:block; position:absolute; top:0; left:0; }
.block.team-member a:hover { top:-127px; }
.block.team-member h1 { background:#667477; height:111px; line-height:1.125; margin:0; overflow:hidden; padding:16px 10px 0 13px; width:87px; }
.block.team-member h1, .block.team-member span { color:#fff; font-size:16px; text-transform:lowercase; }
.block.team-member span { color:#9ca7a9; }

.hello { background:#ff672f; color:#fff; font-size:28px; height:100%; line-height:1.01; padding:19px 20px 0; }
h4.designer-quote, h4.designer-quote p { padding:0; }

#followUs .bubble { background:url(../images/blocks/twitter_bubble.png) no-repeat; display:block; height:33px; left:21px; position:absolute; text-indent:-9999px; top:19px; width:69px; }

#lastfm h6, #lastfm h6 a { color:#809296; font-family:arial, sans-serif; font-size:11px; font-weight:bold; margin:-3px 0 3px; padding:0; text-transform:uppercase; }
#lastfm .listening, #lastfm .listening a { color:#000; font-size:12px; font-weight:bold; font-style:italic; }
#lastfm .listening a { color:#000; font-size:12px; font-weight:normal; font-style:normal; }
#lastfm .listening { height:57px; font-size: margin:0; overflow:hidden; padding:6px 7px; width:192px; }
#lastfm img { float:left; margin:0 10px 0 0; }
#lastfm .last { clear:left; font-size:11px; height:12px; line-height:1; margin-top:6px; overflow:hidden; }
#lastfm .last a { color:#000; }
#lastfm .listening a:hover, #lastfm .last a:hover { color:#ff672f; }

.factoid { font-size:13px; font-weight:bold; padding:30px 3px 0; text-transform:uppercase; text-align:center; }

.tweet { background:#50595e url(../images/backgrounds/tail.png) 0 bottom no-repeat; height:69px; margin-bottom:6px; overflow:hidden; padding:8px; vertical-align:top; }
.tweet, .tweet a { color:#fff; font-size:12px; }
.tweet img { float:left; margin-right:10px; }
.twitter .src { color:#809296; font-size:11px;  }

.news-item {  }
.news-item h1 { color:#000; font-size:16px; line-height:1.25; margin:0; padding:0 0 10px; }
.news-item a { color:#302c2d; font-size:13px; display:block; height:264px; line-height:1.3; padding:20px 19px; }
.news-item time { color:#809296; }
.flag { font-size:10px; font-weight:bold; text-transform:uppercase; }
.news-item a:hover { background:#9ab401; }
.award .flag { color:#9ab401; }
.news-item.award a:hover { background:#9ab401; }
.launch .flag { color:#0695b8; }
.news-item.launch a:hover { background:#0695b8; }
.engagement .flag { color:#ff672f; }
.news-item.engagement a:hover { background:#ff672f; }
.team .flag { color:#f9467f; }
.news-item.team a:hover { background:#f9467f; }
.happenings .flag { color:#eeba04; }
.news-item.happenings a:hover { background:#eeba04; }
.news-item a:hover, .news-item a:hover *, .news-item a:hover .flag { color:#fff; }

.block-quote { background:url(../images/backgrounds/block_trans.png); }
.block-quote a { display:block; height:100%; padding:8px 8px 0; }
.block-quote .quote { background:#fff; color:#000; display:block; font-size:13px; height:89px; line-height:1.3; overflow:hidden; padding:13px 9px 0px; }
.block-quote .tail { background:url(../images/backgrounds/tail_white.png) no-repeat 0 top; display:block; height:8px; width:210px;}
.block-quote .src { color:#9ca7a9; display:block; font-size:11px; margin-top:5px; }
.block-quote a:hover .quote { background:#000; color:#fff; }
.block-quote a:hover .tail { background-position:0 bottom; }

.tech-quote a { background:#fff; color:#000; display:block; font-size:12px; height:100%; line-height:1.33; padding:20px 10px 0 18px; }
.tech-quote span { color:#809296; font-size:11px; font-weight:bold; line-height:1; text-transform:uppercase; }
.tech-quote h1 { font-size:16px; padding:3px 0; }
.tech-quote a:hover { background:#000; color:#fff; }
.tech-quote a:hover span { color:#ff672f; }
.tech-quote a:hover h1 { color:#fff; }
.tech-quote p { padding:0; }

.stat { color:#000; font-size:11px; line-height:1.4; padding:10px; }
.stat .num { color:#4fd4d3; font-size:30px; line-height:1; margin-bottom:10px; }
.stat .src, .stat .src a { color:#a6b2b5; display:block; font-size:10px; }

.hover img { position:absolute; z-index:5; }
.hover img.over { opacity:0; }
.hover a:hover img.over { opacity:1; }

#reelContainer { background-color:#fff; -moz-background-clip:padding; -webkit-background-clip:padding; background-clip:padding-box; border:20px solid rgba(0,0,0,0.6); -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; left:50%; margin-left:-375px; padding:20px; position:fixed; top:100px; width:651px; z-index:9999; }

/* Projects */
#filterProjects h2 { padding:0; text-transform:uppercase; }
#filterProjects ul, #filterProjects li { background:none; margin:0; padding:0; }
#filterProjects li { display:inline; }
#filterProjects li a { background:#fff; color:#809296; display:inline-block; font-weight:bold; height:21px; line-height:21px; margin:0 5px 5px 0; padding:0 5px; }
#filterProjects li a:hover { color:#ff672f;}
#filterProjects li a.on { background:#ff672f; color:#fff; }
#filterProjects li a:active { background:#fff; color:#809296; }

.project-detail h1, .project-detail h2, .project-detail h3 { color:#fff; padding:0; }
.project-detail h1 { font-size:24px; line-height:1.16; padding-bottom:24px; }
.project-detail h2 { font-size:16px; line-height:1.375; padding-bottom:22px; }
.project-detail h3 { font-size:20px; }
.project-detail .featured { margin-bottom:20px; }
.project-title { background:#809296; }
.project-title .padded { padding:30px 20px 16px; } 
.project-title .external { background:#99a8ab; }
.project-title .external, a.more { display:inline-block; color:#fff; font-size:12px; font-weight:bold; height:22px; line-height:22px; margin-left:-20px; padding:0 8px 0 18px;  }
.awards .padded, .services .padded { padding:18px 35px 16px 20px; }
.services p { color:#fff; font-size:12px; font-weight:bold; line-height:1.5; padding:6px 0 18px; }
.awards .padded { background:url(../images/backgrounds/awards.png) right bottom no-repeat; }
.awards ul, .awards li { background:none; margin:0; padding:0; }
.awards ul { margin:6px 0 20px; }
.awards li { color:#fff; font-size:12px; font-weight:bold; line-height:1.5; }
a.more { background:#9ab401; color:#fff; }
a.more:hover, .project-title .external:hover { background:#fff; color:#000; }
#tip { background:#000 url(../images/backgrounds/controls.png) 20px 24px no-repeat; color:#ff672f; font-size:12px; font-weight:bold; height:76px; left:786px; line-height:2.33; padding:20px 0 0 72px; position:absolute; top:269px; width:168px; z-index:20; }
.view-screens { background:url(../images/backgrounds/project.png); bottom:0; color:#fff; display:block; font-size:16px; height:36px; line-height:36px; padding:0 15px; position:absolute; right:0; text-transform:uppercase; z-index:2; }
.view-screens:hover { color:#fff; }
.project-description .padded { padding:36px 49px 46px 29px; }
#slideContainer, #slideContainer li { background:none; margin:0; padding:0; }
#slideContainer li { margin-bottom:10px; }
#slideContainer img { vertical-align:top; }
.project-quote .quote { background:#fff; color:#809296; font-size:16px; line-height:1.375; padding:26px 20px; }
.project-quote .src { color:#809296; display:block; font-size:13px; font-weight:normal; margin-top:15px; }
.project-quote .tail { background:url(../images/backgrounds/tail_white_large.png) right top no-repeat; height:12px; width:100%; }
h4.related { color:#fff; font-size:20px; line-height:1; padding:30px 0 15px; }

/* News */
.news-detail .padded { padding:46px 46px 46px 38px; }
.news-detail .flag { display:block; margin-bottom:10px; }
.news-detail h1 { font-size:24px; line-height:1.25; padding-bottom:16px; }
.news-detail time { color:#809296; display:block; font-size:16px; margin-bottom:18px; }
.news-detail .copy, .news-detail .copy p { font-size:14px; line-height:1.43; }

/*Team*/ 
.team-detail .padded { padding:35px 35px 35px 29px; }
.team-detail .avatar { float:left; margin:0 13px 20px 0; }
.team-detail h1, .team-detail h2 { font-size:28px; line-height:1.25; padding:65px 0 0; }
.team-detail h2 { color:#809296; padding:0 0 20px; }
.team-detail .copy, .team-detail .copy p { font-size:14px; line-height:1.43; }
.team-list { float:right; width:360px; }

/* Landing pages */
.landing { background:#809296; height:401px; }
.landing .padded { padding:30px 34px; }
.landing, .landing p, .landing h1, .landing div { color:#fff; font-size:16px; line-height:1.375; }
.landing h1 { font-size:36px; }
.landing.project { height:252px; }

.landing.team .padded { padding:20px 22px; }
.landing.team { height:227px; }
.freelancers { height:164px; }
.freelancers .padded { padding:20px 34px 0 20px;}
.freelancers h2, .freelancers p { color:#fff; }
.freelancers h2 { font-size:20px; padding:0; }
.freelancers p { font-size:12px; font-weight:bold; line-height:1.5; padding-bottom:20px; }
.freelancers a.more { background:#f9467f; }
.freelancers a.more:hover { background:#fff; }

.client-list .padded, .awards-page .padded, .services-page .padded, .contact .padded, .job-apply .padded { padding:35px 50px 35px 29px; }
.client-list h1, .awards-page h1, .contact h1 { font-size:30px; padding:0 0 25px; }
.client-list h2, .services-page h2 { color:#809296; font-size:16px; line-height:1.375; padding:0 0 39px; }
.client-list ul, .client-list li { background:none; margin:0; padding:0; }
.client-list li { color:#809296; float:left; font-size:12px; font-weight:bold; line-height:2; width:300px; }
.client-list a { color:#000; }
.client-list a:hover { color:#ff672f; }

.services-page h1 { font-size:36px; }
.services-page h2 { padding-bottom:18px; }
.services-page h3 { font-size:20px; padding:18px 0; }
.services-page h4 { clear:both; font-size:16px; padding:12px 0; }
.services-page ul, .services-page li { background:none; color:#809296; font-size:12px; font-weight:bold; line-height:2; margin:0; padding:0; }
.services-page li { float:left; width:300px; }

.awards-page h1 { font-size:36px; padding-bottom:10px; }
.awards-page h2 { color:#809296; font-size:16px; padding-bottom:30px; }
.awards-page h3 { font-size:30px; }
.awards-page h4 { font-size:16px; padding-bottom:0; }
.awards-page p { font-size:12px; line-height:2.5; }
.awards-page a { color:#9ab401; }
.awards-page a:hover { color:#ff672f; }
.awards-page span { color:#809296; font-size:12px; }
h4.recent { color:#fff; padding:34px 0 15px 5px; }

.job-apply { padding-bottom:60px; }
.job-apply h1 { font-size:24px; padding:10px 0 20px; }
.form .padded { background:#fff; margin:8px; padding:40px 30px; }
.form h2 { font-size:20px; line-height:1; padding:0; }
.form p { line-height:1.42; }
.form input { border:0; color:#f9467f; font-size:16px; padding:0; }
.form select { display:inline; }
.form form { color:#809296; font-size:16px; line-height:1.6; }
.form form .url { color:#f9467f; width:45px; }
.form form strong { color:#000; font-weight:normal; }
.form form ::-webkit-input-placeholder { color:#f9467f; font-family:'DejaWebBold', arial, sans-serif; font-size:16px; line-height:1.6; }
.form form :-moz-placeholder { color:#f9467f; font-family:'DejaWebBold', arial, sans-serif; font-size:16px; line-height:1.6; }
.form .send { background:url(../images/buttons/send.png) repeat-x; color:#fff; display:inline-block; font-weight:normal; height:38px; line-height:38px; margin-left:-38px; padding:0 29px 0 38px; text-transform:uppercase; }
.form .send:hover { background-position:right bottom; }
.form label.error { color:#f9467f; font-weight:normal; margin:0; padding:0; }
.form a { color:#f9467f; }

.form.contact input, .form.contact a { color:#ff672f; }
.form.contact .send { background-image:url(../images/buttons/send_contact.png); color:#fff; }
.form.contact form ::-webkit-input-placeholder { color:#ff672f; }
.form.contact form :-moz-placeholder { color:#ff672f; }

#webbys { background:url(../images/webby.png) no-repeat; display:block; height:96px; left:226px; position:absolute; text-indent:-99999px; top:6px; width:125px; -webkit-transition:opacity .15s linear; -moz-transition:opacity .15s linear;}
#webbys:hover { background-position:0 -96px;  }

/* Autocomplete */
.autocomplete-w1 { background:url(../images/backgrounds/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; _background:none; _margin:1px 0 0 0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

#controls { background:#fff; font-weight:bold; left:10px; padding:4px 10px; position:fixed; top:0; 
-moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px;
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 1); -moz-box-shadow:0 0 5px rgba(0, 0, 0, 1); box-shadow:0 0 5px rgba(0, 0, 0, 1); z-index:100; }