body,html{
	font-family:"Apercu Regular", Calibri, sans-serif; 
	font-size-adjust:0.508; 
	font-weight:normal; 
	font-style:normal;
	background-color:#EDF0F2;
	height:100%;
	overflow:visible;
	color:#000;
	font-size:19px;
	line-height:25px;
	position:relative;
}

body.home{
	
}

h1,h2,h3,h4,h5,h6{
	
	font-family:"Apercu Regular", Calibri, sans-serif; 
	font-size-adjust:0.508; 
	font-weight:normal; 
	font-style:normal;
	
}

strong{
	font-family:"Apercu Bold", Calibri, sans-serif; font-size-adjust:0.508; font-weight:bold; font-style:normal;
}

em{
	font-family:"Apercu Italic", Calibri, sans-serif; font-size-adjust:0.508; font-weight:normal; font-style:italic; 
}

a{
	color:rgb(232,41,37);
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

p{
	margin-top:0;
	line-height:132%;
}

p a{
	line-height:105%;
	display:inline-block;
}

.first-letter{
	padding-left:120px;
}

/* Change colour of selected text */

::selection {
	background: rgb(232,41,37); /* Safari */
	color:#FFF;
	}
::-moz-selection {
	background: rgb(232,41,37); /* Firefox */
	color:#FFF;
}


/* Page
--------------------------------*/

.page{
	height:100%;
	overflow:visible;
}

.do-ajaxify .page{
	display:none;
}

.main{
	height:100%;
	position:relative;
}



/* Container
--------------------------------*/
.main-article{
	min-height:100%;
	position:relative;
}
.container{
	max-width:940px;
}

/* Header
--------------------------------*/

.head{
	position:fixed;
	width:100%;
	height:155px;
	top:0;
	left:0;
	z-index:999;
	padding-top:0;
	font-size:17px;
	min-width:940px;
	background-color:#EDF0F2;
}


/* Shortcuts
--------------------------------*/

.shortcuts{
	position:absolute;
	right:0;
	top:0;
	display:none!important;
}

.shortcut-list{
	list-style:none;
	margin:0;
	padding:0;
}

.shortcut-item{
	float:left;
}

.shortcut-item{
	margin-right:15px;
}

.shortcut-small{
	margin-right:0px;
}	

.shortcut-item:last-child{
	margin-right:0;
}

.shortcut-small:last-child{
	margin-right:5px;
}

.shortcut-item a{
	display:block;
	padding-top:35px;
	height:0;
	width:45px;
	line-height:40px;
	overflow:hidden;
	background:url(/images/sprite-red.png) -255px -80px no-repeat;
	border:none;
	outline: none !important;
}

.shortcut-small a{
	width:14px;
	padding-top:14px;
}

.shortcut-item a:hover{
	background-image:url(/images/sprite-black.png);
}

.shortcut-prev{
	width:45px;
	height:35px;
	position:fixed;
	top:50%;
	margin-top:-20px;
	left:20px;
}

.shortcut-prev a{
	background-position:-255px -77px;
}

.shortcut-next{
	width:40px;
	height:35px;
	position:fixed;
	top:50%;
	margin-top:-20px;
	right:20px;
	
}

.shortcut-prev a{
	background-position:-255px -77px;
}

.shortcut-down a{
	background-position: -20px 0;
}

.shortcut-up a{
	background-position: -0px 0;
}

.shortcut-next a{
	background-position:-255px -120px;
}

/* Ident
--------------------------------*/

.ident{
	display:none;
}

.main-ident{
	
}

/* Footer menu
--------------------------------*/

.foot-menu{
	position:fixed;
	bottom:20px;
	left:20px;
	padding-left:20px;
	width:60px;
	height:20px;
	line-height:22px;
	text-decoration:none;
	font-size:19px;
	display:block;
}

.foot-menu a{
	text-decoration:none;
}

.foot-menu a:hover{
	color:#000;
	text-decoration:none;
}

/* Social */

.social{
	position:fixed;
	bottom:20px;
	right:20px;
}

.expandable{
	width:130px;
}

.expandable-heading{
	font-weight:normal;
	font-size:19px;
	margin:0;
	padding:0;
}

.expandable-heading a{
	text-decoration:none;
	padding-left:20px;
	position:relative;
	width:60px;
	height:20px;
	line-height:22px;
}

.expandable-heading a:before{
	content:"";
	display:block;
	width:15px;
	height:20px;
	background:url(/images/sprite-red.png) -340px -87px no-repeat;
	position:absolute;
	top:0;
	left:0;
}

.expandable-heading a:hover{
	color:#000;
	text-decoration:none;
}

.expandable-heading a:hover:before{
	background-image:url(/images/sprite-black.png);
}

.open .expandable-heading a:before{
	background-position:-340px -107px!important;
}

.expandable-list{
	margin:0;
	padding:0;
	padding-left:20px;
	margin-left:0;
	padding-top:0px;
	width:75px;
}

.expandable-list:after{
	content:"";
	clear:both;
	float:none;
	display:table;
	height:0;
}

.expandable-item{
	list-style:none;
	padding-left:0;
	margin-left:0;
	display:block;
	width:25px;
	height:25px;
	float:left;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:5px;
}

.expandable-item a{
	display:block;
	width:25px;
	height:0;
	padding-top:25px;
	overflow:hidden;
}

.expandable-item a:hover{
	opacity:0.5;
}

.item-twitter{
	background:url(/images/twitter.png) top left no-repeat;
}
.item-artstack{
	background:url(/images/artstack.png) top left no-repeat;
}
.item-facebook{
	background:url(/images/facebook.png) top left no-repeat;
}
.item-pinterest{
	background:url(/images/pinterest.png) top left no-repeat;
}

/* Nav
--------------------------------*/

.navigation-list{
	padding:0;
	margin:0;
	padding-bottom:15px;
}

.navigation-list li{
	list-style:none;
	margin:0 0 2px 0;
	padding:0;
}

.navigation-list li a{
	display:inline;
	text-decoration:none;
}

.navigation-list li a:hover,
.navigation-list li.selected a{
	text-decoration:underline;
}

.navigation-list li-level-2{
	display:none;
}

.main-navigation{
	width:940px;
	padding:0;
	margin-top:5px;
	padding-right:0;
	float:right;
	font-size:17px;
	position:relative;
}

.main-navigation .navigation-list li{
	width:460px;
	float:left;
	margin-bottom:0;
}

.main-navigation .navigation-list li.li-level-2{
	width:200px;
	float:none;
	margin-right:0;
}

.main-navigation .navigation-list li.li-odd{
	margin-right:20px;
}

.main-navigation .navigation-list li.li-even{
	margin-right:0;
}

.main-navigation .ul-level-2{
	display:none;
	position:absolute;
	top:0;
	left:200px;
	width:200px;
	padding-top:0;
	margin-top:0;
}

.main-navigation .li-even .ul-level-2{
	left:720px;
}

.main-navigation .navigation-list li.selected .ul-level-2{
	display:block;
}

.main-navigation .navigation-list li.selected .ul-level-2.custom{
	display:none;
}

.selected a:hover{
	font-family:"Apercu Italic", Calibri, sans-serif;
	font-weight:normal;
	font-style:italic;
}

/* Content
--------------------------------*/

.main{
	position:relative;
	z-index:90;
}

.main iframe,.main embed,.main object{
	position:relative;
	z-index:1;
}

.main-title{
	font-size:70px;
	line-height:105%;
	letter-spacing:-2px;
	margin:20px auto;
	font-size:56px;
	line-height:100%;
}

.content-unit{
	padding-top:210px;
}

.unit-aside{
	float:right;
	width:220px;
	padding-top:15px;
}

.unit{
	
}

.unit-title{
	
}

.unit-intro{
	
}

/* Sections (scroll panels)
--------------------------------*/

.section-unit{
	padding:100px 0;
}

.section-unit:first-child{
	padding-top:0;
}

.feed-parent{
	padding:0!important;
	
}

.feed-parent .text-area{
	display:none;
}


/*Parallax items
--------------------------------*/
.pllx-area{
	width:940px;
	height:100%;
	position:fixed;
	z-index:-1;
	left:50%;
	margin-left:-470px;
	top:0;
}

.pllx{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:150px;
	height:170px;
	background:transparent;
	z-index:-1;
}

.pllx-a{
	background:url(/images/pllx-a.png) center no-repeat;
}

.pllx-c{
	left:auto;
	background:url(/images/pllx-c.png) center no-repeat;
	top:auto;
	right:0;
	bottom:0;
	
}



/* Headings
--------------------------------*/

.heading{
	padding-bottom:8px;
	position:relative;
	padding-top:0;
	margin-top:0;
	font-size:19px;
	margin-bottom:13px;
}

.heading:after{
	content:"";
	display:block;
	width:15px;
	height:1px;
	position:absolute;
	bottom:0;
	left:0;
	background:url(/images/sprite-black.png) -152px -12px no-repeat #000000;
	overflow:hidden;
}

.page-heading{
	font-size:50px;
	line-height:50px;
	width:700px;
	position:fixed;
	text-align:center;
	top:50%;
	left:50%;
	margin-left:-350px;
	color:rgb(232,41,37);
	z-index:-1;
	display:none;
	margin-top:-24px;
	letter-spacing:-2px;
	font-family:"Apercu Bold", Calibri, sans-serif; font-weight:bold; font-style:normal;
}

.page-heading:after{
	display:none;
	content:"";
}

.page-heading.active-heading,.page-heading.transitional-heading{
	display:block;
}

.column-heading{
	padding-bottom:2px;
}

.column-heading:after{
	width:28px;
}

.subsection .heading, .feed-related-heading{
	text-decoration:underline;
	margin:0 0 3px 0;
	padding:0;
}

.subsection .heading:after,
.feed-related-heading:after{
	content:none;
	display:none;
}

.heading a{
	text-decoration:none;
}

/* Feeds
--------------------------------*/

.feed-unit{
	
}

.feed-title{
	
}

.feed-item{
	position:relative;
}

.feed-content{
	
}

.load-projects-feed,.home-feed{
	display:none;
}


/* Aside
--------------------------------*/

.aside{
	margin-left:120px;
	position:relative;
	padding-top:12px;
	margin-top:15px;
}

.aside:before{
	content:"";
	display:block;
	position:absolute;
	top: 0;
	left: 0;
	background:#000;
	width:20px;
	height:2px;
}

.aside.sub-nav{
	display:none;
}
.aside a{
	
}

.aside a:hover{
	
}

.row.aside{
	
}


/* Sidebar
--------------------------------*/

.main-column{
	width:760px;
	padding-left:180px;
	padding-top:15px;
}

.sidebar{
	width:160px;
	margin-right:20px;
	margin-top:0;
}

.sidebar.locked{
	position:fixed;
	top:130px;
	left:0;
	margin-top:0;
}

/* Home
--------------------------------*/

.logo-heading{
	width:245px;
	height:0;
	padding-top:190px;
	line-height:200px;
	overflow:hidden;
	background:url(/images/sprite-red.png) top left no-repeat;
	position:fixed;
	top:50%;
	margin-top:-95px;
	left:50%;
	margin-left:-122px;
	z-index:90;
}

.logo-sub{
	width:370px;
	height:0;
	padding-top:90px;
	line-height:100px;
	overflow:hidden;
	background:url(/images/logo.png) center center no-repeat;
	position:fixed;
	top:50%;
	margin-top:-45px;
	left:50%;
	margin-left:-185px;
	z-index:50;
	display:block;
}

/* Main
--------------------------------*/

.container.scroll-mask{
	width:100%;
	max-width:100%;
}

/* Article
--------------------------------*/

.article-unit{
	width:580px;
}

.article-unit:nth-child(1n+1){
	margin: 0 0 0 360px;
}

.article-unit:nth-child(2n+2){
	margin: 0 180px 0 180px;
}

.article-unit:nth-child(3n+3){
	margin: 0 360px 0 0;
}

/* Clients
--------------------------------*/

.client-list-unit{
	margin:0 0 0 120px!important;
	width:820px;
}

.list-col{
	width:220px;
	margin-right:20px;
}

.list-col.last{
	margin-right:0;
}

.list-col.even{
	padding-top:105px;
}

/* Feeds
---------------------------------*/

.feed-unit{
	padding: 0;
	width:940px;
	margin:0!important;
	position:relative;
	padding-bottom:110px;
}

.feed-unit:after{
	content:"";
	display:block;
	clear:both;
}

.feed-unit.odd{
	
}

.feed-unit.even{
	
}

.feed-unit .feed-content{
	float:right;
	width:580px;
}

.feed-image{
	position:relative;
}

.image-list-image{
	width:380px;
}

.image-feed-unit.parallaxed .section-unit{
	visibility:hidden;
}

.feed-list-image{
	width:300px;
}

.feed-unit .feed-image{
	float:left;
}

.feed-unit.even .feed-image{
	float:right;
}

.feed-unit.even .feed-content{
	float:left;
}

.image-caption{
	font-size:12px;
	color:rgb(232,41,37);
	line-height:14px;
}

.main-unit{
	
}

.slide{
	position:absolute;
	width:940px;
	left:0;
	top:0;
}

.next-slide{
	left:3000px;
}

.prev-slide{
	left:-3000px;
}

.text-area p{
	position:relative;
	padding-bottom:8px;
	margin-bottom:0;
}

.text-area p:before{
	content:"";
	display:block;
	position:relative;
	top: 0;
	left: 0;
	background:transparent;
	width:120px;
	height:12px;
	float:left;
}

.contact-page-template .text-area p::before{
	display:none;
}

/* Feed list
--------------------------------*/

.feed-aside{
	
}

.feed-date{
	
}

.feed-related{
	
}

.feed-image{
	position:relative;
}

.feed-unit{
	
}

.feed-unit.last{
	
}

.news-feed-image{
	
}

.news-feed-image img{
	display:block;
}

.news-feed-image-caption{
	
}

.news-feed-image-caption:after{
	
}

.news-feed-item-content{
	
}

/* Journal List
-------------------------------*/

.journal-feed-image{
	
}

.journal-feed-image img{
	display:block;
}

.image-roll-image{
	position:relative;
}

.journal-image-roll-image{
	
}

.journal-image-roll-caption{
	
}

.journal-image-roll-caption:after{
	
}


/* Footer
--------------------------------*/

.foot{
	display:none;
}

.foot-copyright{
	
}

.foot-contact{
	
}

.foot-contact .foot-email{
	
}

.foot-credit{
	
}

.loader{
	position:fixed;
	top:50%;
	right:50%;
	z-index:99999;
	margin-left:-15px;
	margin-top:55px;
	width:30px;
	height:30px;
	background:transparent
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
       
    /* Hi res  */
    
    .logo-sub{
		background-image:url(/images/logo.retina.png);
		background-size:264px 60px;
	}
    
    .pllx-a{
		background-image:url(/images/pllx-a.retina.png);
		background-size:150px 170px;
	}
	
	.pllx-c{
		background-image:url(/images/pllx-c.retina.png);
		background-size:150px 170px;
	}
    
    .item-twitter{
		background:url(/images/twitter.retina.png);
		background-size:25px 25px;
	}
	.item-artstack{
		background-image:url(/images/artstack.retina.png);
		background-size:25px 25px;
	}
	.item-facebook{
		background-image:url(/images/facebook.retina.png);
		background-size:25px 25px;
	}
	.item-pinterest{
		background-image:url(/images/pinterest.retina.png);
		background-size:25px 25px;
	}
}