html, body { height: 100%; }
body { font: 68.75% Arial, sans-serif; /*-ms-text-size-adjust: auto; -webkit-text-size-adjust: auto;*/ }
h1, .h1 { bottom: 0; font-size: 9.091em; /* 100px */ position: absolute; right: 0; }
h2, .h2, h3, .h3, h4, .h4, .more, #projects a, #client-list a, p.highlight { line-height: 1.2; }
.cufon-ready h1 { bottom: -.27em; /* 27px */ }
h1, .h1, #footer, #lost { margin: 0; width: auto; }
h2, .h2 { font-size: 1.545em; }
h3, .h3, p.highlight { display: block; font-size: 1.273em; }
h3, .black a:focus, .black a:hover, .black .attention a { color: #000; }
h4, .h4 { font-size: 1em; }
input, textarea, .js .overlabel { font-size: 1.364em; }
.flex { margin: 0 auto; max-width: 95%; }
.content { margin: 0 auto; max-width: 84em; }
.column, #logo { float: left; margin-top: 0; margin-right: 4.004%; width: 29.329%; }
.feature { float: left; margin: 0; padding: 2.273%; width: 28.788%; }
#container { min-height: 100%; position: relative; }
#logo { bottom: 0; left: 0; padding: 0; position: absolute; }
#just { max-width: 100%; width: auto; }
#payoff { display: block; font-size: .818em; }
#menu, #articles, h1, #in-the-picture .h1, #client-list, .subtitle p { float: right; width: 66.667%; }
#menu span { padding: 2.273em 1.182em .818em; }
a.first { background-color: rgba(0, 0, 0, .30); }
a.first:focus, a.first:hover { background-color: rgba(0, 0, 0, .5); }
a.second { background-color: rgba(0, 0, 0, .35); }
a.second:focus, a.second:hover { background-color: rgba(0, 0, 0, .55); }
a.third { background-color: rgba(0, 0, 0, .40); }
a.third:focus, a.third:hover { background-color: rgba(0, 0, 0, .6); }
a.fourth { background-color: rgba(0, 0, 0, .45); }
a.fourth:focus, a.fourth:hover { background-color: rgba(0, 0, 0, .65); }
.black a.first { background: #3d3d3d; background: rgba(255, 255, 255, .24); }
.black a.first:focus, .black a.first:hover { background: #242424; background: rgba(255, 255, 255, .14); }
.black a.second { background: #383838; background: rgba(255, 255, 255, .22); }
.black a.second:focus, .black a.second:hover { background: #1f1f1f; background: rgba(255, 255, 255, .12); }
.black a.third { background: #333; background: rgba(255, 255, 255, .2); }
.black a.third:focus, .black a.third:hover { background: #1a1a1a; background: rgba(255, 255, 255, .1); }
.black a.fourth { background: #2e2e2e; background: rgba(255, 255, 255, .18); }
.black a.fourth:focus, .black a.fourth:hover { background: #141414; background: rgba(255, 255, 255, .08); }
.black a.more:focus, .black a.more:hover, .black a.navigate:focus, .black a.navigate:hover { color: #d55092; }
.black, .black .blank { background-color: #000; }
.black #just { background: url("/css/images/logo-black") no-repeat 0 0; content: ""; height: 16px; width: 39px; }
.black #just img { display: none; }
.black #footer { background-color: #121212; }
.black .h1, .black #logo a, .black #content h2, .black #content .h2 { color: #fff; }
.date { font-weight: bold; }
#header { margin-bottom: 5em; min-height: 19.273em; height: auto !important; height: 19.273em; position: relative; }
#content { padding-bottom: 14.3em; width: auto; }
#home #header { margin-bottom: 151px; }
.subtitle { margin: 0 0 6em; }
#in-the-picture { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: -1; }
#in-the-picture img { display: block; margin: 0 auto; }
#in-the-picture .content { height: /*32.727em*/343px; position: relative; }
.bg-image { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
#projects li { float: left; margin: 0 1.299% 3em 0; width: 32.468%; }
#projects li:nth-last-child(-n+3) { margin-bottom: 0 !important; }
#projects .last { margin-right: 0; }
#projects a, #projects span { display: block; width: auto; }
#project #header { margin-bottom: 3em; min-height: 12.5em; height: auto !important; height: 12.5em; }
#project h1 { font-size: 3.364em; /* 37px */ }
#project-navigation { margin-top: 2em; }
.project-title { overflow: visible; padding: 1.182em; white-space: normal; }
#pictures { height: auto !important; height: 327px; position: relative; margin-bottom: 2em; min-height: 327px; }
#pictures object { position: absolute; margin-top: -113px; }
.animate { z-index: 100; }
.subnav a { padding-right: 12.013%; }
.article { position: relative; padding-top: 2em; }
.date { background-color: #d55092; color: #fff; position: absolute; top: 0; left: 0; line-height: 1.6 !important; margin: 0; padding: 0 .333em; }
#client-info { position: relative; padding-top: 350px; }
#client-list .column { width: 25%; }
.client { position: static !important; }
.client:focus .logo, .client:hover .logo { background-position: bottom center; }
.logo { background-position: top center; background-repeat: no-repeat; height: 60px; position: absolute; width: 16.558%/*153px*/; }
.row1 { top: 0; }
.row2 { top: 61px/*6.602%*/; }
.row3 { top: 122px/*13.203%*/; }
.row4 { top: 183px/*19.805%*/; }
.row5 { top: 244px/*24.407%*/; }
.row6 { top: 305px/*33.009%*/; }
.row7 { top: 366px/*39.610%*/; }
.row8 { top: 427px/*46.212%*/; }
.row9 { top: 488px/*52.814%*/; }
.row10 { top: 549px/*59.416%*/; }
.col1 { left: 0; }
.col2 { left: 16.667%/*154px*/; }
.col3 { left: 33.333%/*308px*/; }
.col4 { left: 50%/*462px*/; }
.col5 { left: 66.667%/*616px*/; }
.col6 { left: 83.333%/*770px*/; }
#footer { bottom: 0; padding-left: 0; padding-right: 0; padding-top: 1.5em; position: absolute; width: 100%; z-index: 2; }
#teaser h2 { font-family: Arial, sans-serif !important; }
#lost { margin-top: 3em; }
h2:first-child, .h2:first-child, p:first-child, .paragraph:first-child, #client-list, #footer p { margin-top: 0 !important; }
p:last-child, .paragraph:last-child, .article:last-child, #submit-button, h4, .h4, #footer h2, #footer p, #in-the-picture h2, #contact-form legend, #pictures p:last-child { margin-bottom: 0 !important; }
.attention { left: .866%; line-height: 1; margin: 0 !important; width: 29%; position: absolute; top: 0; -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); transform: rotate(-3deg); -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.attention a { color: #fff; display: block; font-size: 1.636em; /* 18px */ padding: 1.222em .667em .667em/*22px 12px 12px*/; position: static; }
.attention a:focus, .attention a:hover { padding-top: 2em; }

.js textarea { display: none; }
.js .columnize, .js h1, .js .attention a, .js .js-alt { visibility: hidden; }
.js .columnized, .cufon-ready h1, .cufon-ready .attention a { visibility: visible; }
.js .overlabel { color: #b1b1b1; cursor: text; font-family: Georgia, Cambria, Times New Roman, Times, serif; font-style: italic; left: .364em; margin: 0; position: absolute; top: .333em; }

.ie8 .project-info dl { margin-bottom: .818em; }
.ie8 .project-info dt { clear: left; float: left; margin-right: 2em; font-weight: normal; width: 7em; }
.ie8 .project-info dd { overflow: hidden; padding: 0; }
.ie8 .content { min-width: 65.455em; }
.ie8 #menu li { float: left; height: auto; width: 25%; }
.ie8 #menu a { height: auto; width: auto; }
.ie7 legend { margin-left: -7px !important; }
.ie7 h1 { bottom: -.32em; }
.ie7 ul { padding-left: 2em; } }
.ie7 input, .ie7 textarea { width: 95.489%; }
.ie7 .column { width: 29%; }
.ie7 .button { width: 100%; }
.ie7 a.navigate { display: inline; text-decoration: underline; }
.ie7 a.navigate:focus, .ie7 a.navigate:hover { text-decoration: none; }
.ie6 legend, .ie6 .h3 { margin-top: 0 !important; }
.ie6 .content { width: 924px !important; }
.ie6 .logo { width: 153px; }
.ie8 .attention { top: -1em; width: 30%; zoom: 1; }
.ie8 .attention { filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.9993908270190958, M12=0.03489949670250097, M21=-0.03489949670250097, M22=0.9993908270190958); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.9993908270190958, M12=0.03489949670250097, M21=-0.03489949670250097, M22=0.9993908270190958)"; }