@font-face {
    font-family:MaisonNeue-Book-webfont;
    src:url(../fonts/MaisonNeue-Book-webfont.woff)
}

html {
    overflow-y:scroll
}

body {
    font-family:MaisonNeue-Book-webfont,Helvetica,sans-serif;
    -webkit-font-smoothing:antialiased;
    color:#ddd;
    font-size:20px;
    line-height:32px;
    background:#111;
    font-weight:400;
	letter-spacing:px;
    font-variant:normal;
    font-style:normal;
    overflow:hidden
}

.container {
    padding:12px
}

.fitCol {
    width:100%;
    height:auto
}
.b-lazy {
    -webkit-transition: opacity 500ms ease-in-out;
       -moz-transition: opacity 500ms ease-in-out;
         -o-transition: opacity 500ms ease-in-out;
            transition: opacity 500ms ease-in-out;
             max-width: 100%;
               opacity: 0;
}
.b-lazy.b-loaded {
               opacity: 1;
}
.ratio_16-9 {
    padding-bottom: -56.25%; 
    height: 0;
}
.ratio_8-5 {
    padding-bottom: -62.5%; 
    height: 0;
}
.ratio_32-23 {
    padding-bottom: -71.875%; 
    height: 0;
}
.ratio_3-4 {
    padding-bottom: -75%; 
    height: 0;
}
.ratio_7-5 {
    padding-bottom: -71.4285%; 
    height: 0;
}
.ratio_7-15 {
    padding-bottom: -214.2857%; 
    height: 0;
}
.ratio_16-11 {
    padding-bottom: -68.75%; 
    height: 0;
}
h1 {
    padding:0;
    margin:0;
}

h2 {
    margin:0;
    padding:0;
    color:#111;
    font-size:17px
}

hr {
    border:0;
    padding:0;
    margin:18px 0
}

a {
    color:#ddd;
    text-decoration:none;
    border-bottom:1px solid #ddd;
    -webkit-transition:border .4s;
    transition:border .4s;
    padding-bottom:2px
}

a:hover {
    color:#ddd;
    text-decoration:none;
    border-bottom:1px solid #111;
    text-decoration:none;
    -webkit-transition:border .4s;
    transition:border .4s
}

.active {
    color:#111;
    text-decoration:none
}

.visited {
    color:#111;
    text-decoration:none
}

a.dark {
    color:#ddd;
    text-decoration:none;
    border-bottom:1px solid #ddd;
    color:#ddd;
    text-decoration:none;
    -webkit-transition:border .4s;
    transition:border .4s;
    padding-bottom:2px
}

a.dark:hover {
    color:#ddd;
    text-decoration:none;
    border-bottom:1px solid #111;
    -webkit-transition:border .4s;
    transition:border .4s
}

a.dark:active {
    color:#ddd;
    text-decoration:none
}

a.dark:visited {
    color:#ddd;
    text-decoration:none
}

a.plain {
    color:#ddd;
    text-decoration:none;
    border-bottom:none
}

a.plain:hover {
    color:#ddd;
    text-decoration:none
}

a.plain:active {
    color:#ddd;
    text-decoration:none
}

a.plain:visited {
    color:#ddd;
    text-decoration:none
}

a.darkPlain {
    color:#ddd;
    text-decoration:none;
    border-bottom:none
}

a.darkPlain:hover {
    color:#ddd;
    text-decoration:none
}

a.darkPlain:active {
    color:#ddd;
    text-decoration:none
}

a.darkPlain:visited {
    color:#ddd;
    text-decoration:none
}

figure {
    position:relative
}

figure img {
    width:100%;
    height:100%;
    opacity:1;
    -webkit-transition: all .1s!important;
    -moz-transition:all .1s!important;
    -ms-transition:all .1s!important;
    -o-transition:all .1s!important;
    transition:all .1s!important;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-backface-visibility:hidden;
    -webkit-transform:translateZ(0) scale(1.0,1.0)
}

figure:hover img {
    opacity:.05!important;
}

figcaption {
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:0;
    border-bottom:0;
    text-align:center;
    margin:0;
    padding:0
}

figcaption:hover {
}

figcaption p {
    position:relative;
    margin:0;
    padding:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    z-index:100;
    display:none
}

figcaption:hover p {
    color:rgba(255,255,255,1);
    border-bottom:1px solid #fff;
    text-align:center;
    display:inline-block
}

hr.thin {
    height:1px;
    background:#111
}

em {
    border-bottom:#666 1px dotted
}

.dark {
    color:#111
}

.gray {
    color:#666
}

::selection {
    background:#111
}

select:focus {
    outline-width:0
}

.verticalAlign {
    position:relative;
    top:44%;
    transform:translateY(-50%);
    font-size:26px;
    line-height:32px;
    padding-right:50px
}

.dark {
    background:#111;
    color:#ddd
}
.text-right {
    text-align:right !important
}
video::-webkit-media-controls {
    display:none !important;
}

/* Preloader */
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#111;
    z-index:99;
	width:100%;
	height:100%;
	color:#ddd;
}

#status {
    width:100%;
    height:100%;
    position:relative;
    top:50%;
    transform:translateY(-50%);
	margin: 0 auto;
    z-index:900
}

.splash {
    display:block;
    position:fixed;
    overflow:hidden;
    width:100%;
    z-index:-100;
}


#textContainer {
    width:100%;
	height:100%;
    z-index:200;
	position:relative;
}

#slideshow {
    position:relative;
    width:100%;
    height:100%;
    z-index:300;
}
#slideshow > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
}


.xWrapper {
    width:100%;
    text-align:center;
    position:absolute;
    top:40px
}

.xWrapper img {
    width:23px
}

.pushSplash {
    background-color:#111;
    opacity:0;
	color:#ddd;
	width:100%;
	height:100%;
	margin-bottom:-106px;
	display:block;
	position:relative;
	top:0;
}

#mainContent {
    background:#111;
    width:100%;
    position:relative;
    z-index:1
}

#mainContentDark {
    background:#111;
    width:100%;
    position:relative;
    z-index:1
}

.pageDescription {
    padding:60px 0 60px
}

.infoRow {
    min-height:300px;
    padding-bottom:60px
}

.projectRow {
    padding:0
}

.projectTitlePos {
    padding-top:15px;
    padding-bottom:15px;
    z-index:5000
}

.description {
}

.description p + p {
    text-indent:2em;
    margin-top:0
}

.stickNav {
    top:0;
    width:100%;
    z-index:99999;
    position:fixed;
    visibility:hidden
}

nav {
    background:#111;
    padding:30px 0 26px
}

.nav-list li {
    display:inline-block;
    padding-right:20px
}

.imageSizing {
    width:100%;
    height:auto;
    display:block;
    position:relative;
    margin:0 auto
}

.imageSizing img {
    width:100%;
    height:auto
}

.text {
    opacity:0;
    position:absolute;
    color:#fff;
    text-align:center;
    border-bottom:1px solid #fff;
    display:block
}

.imageSizing:hover .text {
    opacity:1;
    text-align:center;
    top:48%;
    }