html {
  color: #212121;
  background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-size: 100%; }

legend {
  color: #000; }

#yui3-css-stamp.cssreset {
  display: none; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  font-family: "StandardCT-Medium", "Helvetica", Arial, sans-serif;
  font-size: 12px;
  color: #212121; }

html, body, #page, #work, .row, .column, .work, .image {
  height: 100%; }

.short .image {
  position: relative;
  height: 50%;
  top: 25%; }

h1 {
  top: 0;
  left: 0; }

#page {
  position: relative;
  padding: 0;
  margin: auto; }

#index {
  width: 100%;
  min-height: 100%;
  padding: 5%;
  line-height: 1.25em; }

#contact {
  bottom: 0;
  left: 0;
  font-size: 0.75em; }

#list {
  bottom: 0;
  right: 0; }

#work .number {
  position: absolute;
  top: 50%;
  margin: 0 2.5%;
  font-size: 0.75em;
  height: 1em;
  line-height: 1em;
  margin-top: -0.5em; }

#work .number.right {
  right: 0; }

#work .number.left {
  left: 0; }

#index .number {
  float: left;
  margin-left: -2em; }

ul.cv {
  padding: 1em 0; }

ul.cv li {
  padding: 0 2em 0 6em; }

li span.date {
  display: block;
  float: left;
  margin-left: -6em; }

.fixed {
  position: fixed;
  margin: 2.5%; }

.work {
  position: relative; }

.details {
  padding: 1em 0 1em 2em; }

.column {
  min-height: 1em;
  display: inline-block;
  float: left; }

.one-half {
  width: 50%; }

.one-third {
  width: 33.333%; }

.one-fourth {
  width: 25%; }

.one-eighth {
  width: 12.5%; }

.two-thirds {
  width: 66.666%; }

.three-fourths {
  width: 75%; }

.offset-one-half {
  margin-left: 50%; }

.offset-one-third {
  margin-left: 33.333%; }

.offset-one-fourth {
  margin-left: 25%; }

.offset-one-eighth {
  margin-left: 12.5%; }

.offset-two-thirds {
  margin-left: 66.666%; }

.offset-three-fourths {
  margin-left: 75%; }

.image, .text {
  width: auto; }

.image {
  background: #f2f2f2;
  background-size: cover;
  background-position: center center; }

.aspect-1x1 {
  padding-bottom: 100%; }

.aspect-1x2 {
  padding-bottom: 50%; }

.aspect-1x3 {
  padding-bottom: 33.333%; }

.aspect-2x3 {
  padding-bottom: 66.666%; }

.aspect-4x3 {
  padding-bottom: 133.333%; }

.page-right {
  text-align: right; }

.page-center {
  text-align: center; }

.page-left {
  text-align: left; }

.row {
  margin: 5% 0;
  position: relative; }

.row:first-child {
  margin-top: 0; }

.row:last-child {
  margin-bottom: 0; }

.row.dark {
  z-index: 999; }

.row.dark, .row.dark .work {
  background: #212121;
  color: #e5e5e5; }

.row.dark a {
  color: #e5e5e5; }

.row.dark .work {
  padding: 5% 0; }

.vertical .row.dark .work img {
  max-width: 90%;
  height: auto;
  max-height: 100%;
  vertical-align: middle; }

.vertical .row.dark .single .work img {
  vertical-align: top; }

.vertical .column.single {
  width: 100%; }

.vertical .offset-one-half,
.vertical .offset-one-third,
.vertical .offset-one-fourth,
.vertical .offset-one-eighth,
.vertical .offset-two-thirds,
.vertical .offset-three-fourths {
  margin-left: auto;
  margin-right: auto; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

a {
  display: inline-block;
  text-decoration: none;
  color: #212121; }