article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 14px; line-height: 1.031; }
body, button, input, select, textarea { font-family: din-light, sans-serif; color: #222; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

@font-face {
    font-family: 'din-bold';
    src: url('font/dincomppro-bold-webfont.eot');
    src: url('font/dincomppro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/dincomppro-bold-webfont.woff') format('woff'),
         url('font/dincomppro-bold-webfont.ttf') format('truetype'),
         url('font/dincomppro-bold-webfont.svg#DINCompPro-BoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'din-light';
    src: url('font/dincomppro-light-webfont.eot');
    src: url('font/dincomppro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/dincomppro-light-webfont.woff') format('woff'),
         url('font/dincomppro-light-webfont.ttf') format('truetype'),
         url('font/dincomppro-light-webfont.svg#DINCompPro-LightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.caroufredsel_wrapper{
	width:100%;
}

.slidewrapper{
	height:600px;
	width:100%;
}

#slidewrapper #prev, #slidewrapper #next {

	height: 600px;
	width: 50%;
	top: 0;
	position: absolute;
	z-index:200;
	background-color: rgba(255, 255, 255, 0.5);
}

#slidewrapper #prev {
	left:  -500px;
}

#slidewrapper  #next {
	right: -500px;
	margin-right: 0px;
}

#slidewrapper #prev:hover{
	background-color: rgba(255, 255, 255, 0.0);
	background:url(/assets/img/site/left-arrow.png) no-repeat 90% center;
}

#slidewrapper #next:hover {
	background-color: rgba(255, 255, 255, 0.0);
	background:url(/assets/img/site/right-arrow.png) no-repeat 10% center;
	margin-right: 20px;
}

#study_pag{
	background:url(/assets/img/site/thumbnails.png) no-repeat top left;
}

#prev, #next {
	background-color: rgba(255, 255, 255, 0.0);
	display: block;
	height: 70%;
	width: 50px;
	z-index:200;

	position:absolute; 
	top:0; 
	bottom:0; 
	margin-top:auto;
	margin-bottom:auto;
	height:600px; 
	overflow:hidden;

}

#prev.pr, #next.pr{
	top: 8%;
	
}

#prev {
	left: 0;
	background:url(/assets/img/site/left-arrow.png) no-repeat 20px center;
}

#next {
	right: 0;
	background:url(/assets/img/site/right-arrow.png) no-repeat right center;
	margin-right: 20px;
}

#prev:hover, #next:hover {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0);
}

#prev.disabled, #next.disabled{
	background:none;
	cursor: default;
}

.slidewrapper{
	height:600px;
}

body{
	font-family:din-light, sans-serif;
	line-height: 1;
	min-width:780px;
	overflow-y:auto;
	overflow-x:hidden;
}

body.overflow, body.overflowproject{
	overflow-y:hidden;
}

#vertical{
	position:absolute; 
	top:0; 
	bottom:0; 
	left:0; 
	right:0;
	margin:auto;
	height:600px; 
	overflow:hidden;
}

#vertical.projectvertical{
	height:800px; 
}

#vertical.grey {
	background-color:#f3f3f4;
}
#vertical.show-overflow {
	overflow: visible;
}

.grey-wrapper {
	background: #f3f3f4;
	height: 1300px;
	width: 100%;
	position: absolute;
	top: 330px;
}

h1, h2, h3{
	font-family:din-bold, sans-serif;
	font-weight:normal;
}

body.privacy, #main.privacy{
	width:560px;
	min-width:560px;
	margin:0 auto;
}

.privacy h2{
	color:#e21737;
}

h4{
	font-family:din-light, sans-serif;
	font-weight:normal;
}

strong{
	font-family:din-bold, sans-serif;
	font-weight:normal;	
}

header{
	width:100%;
	margin:50px auto 0;	
}

header h1{
	float:left;
	width:92px;
	height:45px;
	margin:-17px 28px 0 30px;
}
header nav ul{
	float:left;
}

header nav li{
	display:inline;
	margin-right:17px;
	text-transform:uppercase;
	font-family:din-bold, sans-serif;
	font-size:13px;
}

.viewall{
	line-height:10px;
	margin-top:2px;
}

a, a:visited{
	text-decoration:none;
	color: #000;
	-webkit-transition:color .25s ease-out;
   -moz-transition:color .25s ease-out;
   -o-transition:color .25s ease-out;
   transition:color .25s ease-out;
}

li#currentpage a, a:hover{
	color:#e21737;
}

header p{
	float:left;
	margin:0;
}

a#grid{
	display:block;
	height:10px;
	padding-left:23px;
	background:url("/assets/img/site/blog-view-sprite.png")no-repeat 0 0;
}

a#grid:hover{
	background-position:0 -10px;
}

a#list{
	display:block;
	height:10px;
	padding-left:23px;
	background:url("/assets/img/site/blog-view-sprite.png")no-repeat 0px -20px;
}

a#list:hover{
	background-position:0 -30px;
}

#social{
	float:right;
	margin-right:30px;
}

#social a, #social a:visited{
	padding-left:4px;
	opacity:.3;
	-webkit-transition:opacity .5s ease-out;
   -moz-transition:opacity .5s ease-out;
   -o-transition:opacity .5s ease-out;
   transition:opacity .5s ease-out;
}

#social a:hover{
	opacity: 1;
}

#main{
	position:relative;
	width:1000px;
	height:600px;
	clear:both;
	margin:0 auto;
}

#main.slider{
	position:relative;
	width:100%;
	height:600px;
	clear:both;
}

#main.projects{
	position:relative;
	width:100%;
	height:600px;
	clear:both;
}

#study > div{
	display: block;
	float:left;
	height:600px;
	width:1000px;
}

#projectvertical #main{
	height:800px;
}

#container.blogheight #vertical{
	height:100%;
	position:relative;
	overflow-y:auto;
	margin-top:137px;
	background-color: #F3F3F4;
}

.smallcolumn{
	width:299px;
	float:left;
	padding: 38px;
}

.smallcolumn.form {
	padding: 38px 0 38px 0;
	float: right;
	width: 250px;
}

#leftcolumn{
	position: absolute;
	right: 100%;
}

#rightcolumn{
	position: absolute;
	left: 100%;
}

.carouselblock{
	height:600px;
	float:left;
	position:relative;
}

.wide{
	width:500px;
}

.narrow{
	width:250px;
}

.feature{
	width:500px;
	height:400px;
	float:left;
	position:relative;
}

.largecolumn{
	width:1000px;
	height:600px;
	float:left;
	margin:0 auto;
}

.largecolumn.grey {
	background-color: #f3f3f4;
	height: 700px;
}
.largecolumn.red, .smallcolumn.red {
	background-color: #e21737;
}

.largecolumn.fill {
	height: 700px;
}
.extralargecolumn{
	width:1250px;
	height:600px;
	float:left;
}

.block{
	width:250px;
	/*height:200px;*/
	float:left;	
	position:relative;
}

.block.map {
	left:-38px;
	top: 1px;
}
.block.map-right {
	left:-38px;
	top: 1px;
}

.feature h2{
	height:200px;
	margin:0;
	padding-left:16px;
	background-color:#fff;
	font-size: 50px;
	line-height: 1em;
	text-transform:uppercase;
}
.text{
	padding:6px 16px 20px 16px;
	width:218px;
	height:174px;
}

.text a{
	display:inline;
}

h2{
	font-size:20px;
}

p{
	line-height:17px;
}

.fill{
	height:600px;
	background-color:#f3f3f4;
}

.projectfill{
	height:50px;
	background-color:#fff;
}

#main.blogfill{
	background-color:#f3f3f4;
	height:100%;
	margin: 0 0 0 145px;
}

.block ul{
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:20px;
	font-family:din-bold, sans-serif;
}

.block li a, .block li a:visited{
	color:#e21737;
}

.block li a:hover{
	color:#000;
}

.projects img{}

.project{
	background-color:#000;
}

.project h2{
	font-size:50px;	
	color:#fff;
	margin:42px 0 0 38px;
}

.project p{
	width:600px;
	font-size:20px;	
	color:#fff;
	margin:40px 0 0 38px;
	line-height:22px;
}

.projectinfo{
	width:1000px;
	padding-top:10px;
	background-color:#fff;
	margin:0 auto;
}

.projectinfo h3, .projectinfo h4{
	margin:0 0 4px 0;
	font-size:20px;
}

.projectinfo h4{
	font-family:din-light, sans-serif;
}

.projectinfo p{
	margin:0;	
}

.projectinfo:hover img{	
	width:25px;
	height:20px;
	margin:5px 5px 0 0;
}

.projectinfo img{
	width:11px;
	height:9px;
	float:left;
	margin:1px 1px 0 0;
	-webkit-transition:all .5s ease-out;
   -moz-transition:all .5s ease-out;
   -o-transition:all .5s ease-out;
   transition:all .5s ease-out;
}

.projectinfo a{
	display:block;
	float:left;
}

.profile{
	background-color:#fff;
}


.profile .block{
	height:400px;
	float:left;	
	background-color:#fff; /* Remove when removing backgrounds */
}

.feature.profile h3, .feature.profile h4{
	padding-left:16px;
}

.profile h3, .profile h4{
	margin:0;
	font-size:20px;
}

.profile h4{
	font-family:din-light, sans-serif;
}

.block.blog{
	padding:55px 16px 20px;
	width:218px;
	height:125px;
	color:#e21737;
	background-color:#f3f3f4;
}

.blogheading{
	min-height:100px;
}

.blogphotos{
	width:500px;
	height:202px;
	margin-top:10px;
	margin-bottom:32px;
}

.date{
	font-size:14px;
	color:#000;
	margin-top:0;
	margin-bottom:20px;
	font-family:din-bold;
	text-transform:uppercase;
}

.blog{
	height:100%;
	background-color:#fff;
}

.blog a, .blog a:visited{	
	color:#e21737;
	-webkit-transition:color .25s ease-out;
   -moz-transition:color .25s ease-out;
   -o-transition:color .25s ease-out;
   transition:color .25s ease-out;
}

.blog a:hover{	
	color:#000;
}

.blogtitle{
	margin:0 0 20px 0;
}

.blogtitle, .blogtitle a, .blogtitle a:visited{
	font-family:din-bold;
	font-size: 20px;
	line-height:20px;
}

.blogtitle a:hover{
	color:#000;
}

.blogpost.list{
	border-bottom:1px solid #918f8f;
	margin-bottom:20px;
}

.blog h2{
	font-size: 35px;
	height:auto;
	color:#e21737;
	line-height:32px;
}

.blog p{
	padding:0 17px 0 0;
	line-height:19px;
}

.blogpost p{
	padding:0 17px;
}

.blog .block{
	margin-bottom:15px;
}

.blogmeta{
	margin-bottom:60px;
}

.blogmeta a{
	
	margin-right:15px;
}

.block.blog > img{
	display:none;
}

#tags{
	color:#898989;	
}

.blogpage{
	margin:15px 5px;
}
.blogpage a {
	display:block;
}
.blognext{
	float:right;
}

.blogprev{
	float:left;
}

#tags a, #tags a:visited{
	color:#898989;
	text-decoration:underline;
}

#tags a:hover{
	color:#e21737;
}

#comments a, #comments a:visited{
	color:#000;
	text-decoration:underline;
	font-family:din-bold;
}

#comments a:hover{
	color:#e21737;
}

#comments{
	display:inline;
}

.share{
	display:inline;
	padding-left: 17px;
}

.location{
	width:216px;
	height: 168px;
	padding: 16px 17px;
	color:#fff;
	font-size:20px;
	padding-left: 38px;
}

.block.location h2{
	color:#000;
	margin:0;
	text-transform:uppercase;
}

.location p{
	line-height:20px;
}


.contact{
	background-color:#e21737;
	padding: 40px 17px 0;
	color:#fff;
	font-size:14px;
	width:216px;
	height: 160px;
	padding-left: 38px;	
}

.contact a, .contact a:visited{
	color:#fff;
	text-decoration:underline;
}

.contact a:hover{
	text-decoration:none;
}

.contact p{
	margin-top:0;
}

.smallcolumn.form{
	background-color:#000;	
}

#form{
	height:384px;
	padding:0 17px;
}

#form h2{
	color:#fff;
	text-transform:uppercase;
}

input[type="text"], textarea{
	width:196px;
	padding:10px;
	border:0;
	margin-bottom:10px;
	resize: none;
}

textarea{
	height:132px;
}

input[type="submit"]{
	background:none;
	border:none;
	color:#fff;
	font-size:20px; 
	float:left;
	font-family:din-bold;
}

input[type="submit"]:hover{
	color:#e21737;
}

#status{
	float:right;
	color:#fff;
	font-size:13px;
	margin:8px 0 0;
}

.text h3{
	margin:0;
	color:#e21737;
}

.red{
	color:#e21737;	
}

.blockcaption{
    width: 250px;
    height: 100%;
	display:none;
	position:absolute;
	overflow:visible;
	top:0;
	left:0;
    background-color: #000;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    z-index: 100;
    color:#fff;
    font-size:20px;
    vertical-align:bottom;
}

.feature .blockcaption{
	width: 500;
    height: 400px;
}

.feature .blog .blockcaption{	
    width: 250px;
    height: 200px;
}

a.blockcaption, a.blockcaption:visited, a.blockcaption:hover{
	display:;
	color:#fff;
}

.feature.blog h2{
	text-transform:none;
}

.blockcaption h3{
	font-size:14px;
	margin:0 0 4px 0;
}

.blockcaption h4{
	font-size:14px;
	margin:0 0 18px 0;
}

.blockcaption p{
	margin-top:10px;
	font-size:14px;
	width:195px;
}

.feature .blockcaption{
    width: 500px;
    height: 400px;	
}


.feature .blockcaption h3, .feature .blockcaption h4, .feature .blockcaption p{
	font-size:20px;
}

.feature .blockcaption p{
	line-height:20px;
	width:380px;
}

.captionposition{
	position:absolute;
	bottom:0;
	left:14px;
}

.blockcaption.profile h3, .blockcaption.profile h4{
	font-size:20px;
}

.blockcaption.profile h4{
	margin-bottom:10px;

}

.profile .captionposition{
	/*bottom:20px;*/
}

.block.blog .blockcaption{
	filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}


.feature.video .blockcaption h3{
	position:absolute;
	top: -144px;
	color:#e21737;
	font-size:30px;
	font-family: din-bold;
	margin-top: 18px;
}

.feature.video .blockcaption h4{
	color:#fff;
	top: 18px;
	font-size:60px;
	font-family: din-bold;
	margin-bottom:0;
}

.feature.video .blockcaption h4 {
	width:370px;
}

.feature.video .captionposition{
	bottom:14px;
}


.feature.video .blockcaption{
	filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
    background-color: rgba(0,0,0,.5);
}

.feature.video{
	background-color:#000;
}

.feature.video p{
	text-align:right;
	margin-right:16px;	
}

.feature.video p a, .feature.video p a:visited, .feature.video p a:hover{
	color:#fff;
}

.feature.video .video-js{
	margin-top:50px;
}

.vjs-default-skin .vjs-controls {
	bottom:0;
	opacity:.5;
	width:100%;
	margin:auto;

}

/*.video-js .vjs-tech {
	width:auto;
	height:auto;
}*/

.vjs-default-skin .vjs-big-play-button {
  display: block; /* Start hidden */ z-index: 2;
  position: absolute; top: 50%; left: 50%; width: 105px; height: 105px; margin: -43px 0 0 -43px; text-align: center; vertical-align: center; cursor: pointer !important;
  border: none; opacity: 0.95;
  -webkit-border-radius: 0; -moz-border-radius:0; border-radius: 0;

  background: rgba(0,0,0,.85);

  /* CSS Shadows */
  -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000; box-shadow: 4px 4px 8px #000;
}

.vjs-default-skin div.vjs-big-play-button:hover {
  -webkit-box-shadow: 0 0 80px #fff; -moz-box-shadow: 0 0 80px #fff; box-shadow: 0 0 80px #fff;
  background: rgba(0,0,0,.4);
}

.vjs-default-skin div.vjs-big-play-button span {
  position: absolute; top: 50%; left: 50%;
  display: block; width: 35px; height: 42px;
  margin: -20px 0 0 -15px; /* Using negative margin to center image. */
  background: url('/assets/img/site/video-js.png') -100px 0;
}

.case-video{
	width:1000px;
	height:600px;

}

#copyright{
	font-size:10px;
	color:#000;
	position:fixed;
	bottom:0;
	right:10px;
}



/* ==|== SLIMBOX ======================================== */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #000;
}

.lbLoading {
	background: #fff url(/assets/img/site/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 30%;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 10px;
}

#lbPrevLink:hover {
	background: transparent url(/assets/img/site/previous-arrow.png) no-repeat 0 15%;
}

#lbNextLink {
	right: 10px;
}

#lbNextLink:hover {
	background: transparent url(/assets/img/site/next-arrow.png) no-repeat 100% 15%;
}

#lbBottom {
	font-size: 14px;
	color: #fff;
	line-height: 1.4em;
	text-align: left;
	padding: 15px 20px;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 15px;
	background: transparent url(/assets/img/site/closelabel.png) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	width:250px;
	margin-right: 71px;
}

#lbNumber{
	display:none;
}

#study .vjs-default-skin .vjs-controls {
	width:100%;
	}

	video{
		/*max-width:1000px !important;*/
	}

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */
@media only screen and (max-width: 999px) {
	header{
		width:auto;
		min-width:600px;
	}

	.lt-ie9 header{
		width:100%;
		margin:50px auto 0;	
	}

	#vertical.projectvertical .slider{
		margin-top:80px;
		height:600px;
	}
	#vertical.projectvertical{
		position:absolute; 
	top:8px; 
	bottom:0; 
	margin-top:auto !important;
	margin-bottom:auto;
	height:500px; 
	overflow:hidden;
	}

	#main.projects {
		height:460px;
	}

	#slidewrapper, #slidewrapper .caroufredsel_wrapper, #study>div{
		height:400px !important;
		max-width:100%;
	}

	#study > div{
		height:400px;
		width:664px;
	}

	.projects img {
		max-width:100%;
	}

	#study .vjs-tech, #study video, #study .video-js{
	height:400px !important;
	width:664px !important;
	}


	#slidewrapper #prev {
		left: -332px;
		height: 400px;
	}
	#slidewrapper #next {
		right: -332px;
		height: 400px;
	}

	#slidewrapper #prev, #slidewrapper #next {
	height: 400px;
	top:-60px;
	}
}

@media only screen and (max-height: 820px) {
	#vertical.projectvertical .slider{
		margin-top:80px;
		height:600px;
	}
	#vertical.projectvertical{
		position:absolute; 
	top:8px; 
	bottom:0; 
	margin-top:auto !important;
	margin-bottom:auto;
	height:500px; 
	overflow:hidden;
	}

	#main.projects {
		height:460px;
	}

	.overflow #vertical{
		height:400px;
	}
	#slidewrapper, .caroufredsel_wrapper, #study>div{
		height:400px !important;
		max-width:100%;
	}

	#study > div{
		height:400px;
		width:664px;
	}

	.projects img {
		max-width:100%;
	}

	#study .vjs-tech, #study video, #study .video-js{
	height:400px !important;
	width:664px !important;
	}


	#slidewrapper #prev {
		left: -332px;
		height: 400px;
	}
	#slidewrapper #next {
		right: -332px;
		height: 400px;
	}

	#slidewrapper #prev, #slidewrapper #next {
	height: 400px;
	top:-60px;
	}

	.carouselblock{
	height:400px;
	}

	.wide{
	width:750px;
	}

	.block{
		height:200px;
	}

	.block.contact{
		height: 161px;
	}
	.block.location{
		height: 168px;
	}
	
	.slider .smallcolumn{
	width:750px;
	}
	.feature-bottom .block{
		float:none;
	}
	.feature-bottom .feature{
		position:absolute;
		top:0;
		right:0;
	}
}

@media only screen and (max-height: 980px) {
	#vertical.projectvertical{
		margin-top:90px;
	}
}

@media only screen and (max-height: 778px) {
	#vertical .slider{
		height:400px; 
	}

	#vertical{
		margin-top:90px;
	}

	.overflow #vertical{
		margin-top:auto;
	}

	#prev, #next {
	position:absolute; 
	top:0; 
	bottom:0; 
	margin-top:auto;
	margin-bottom:auto;
	height:400px; 
	overflow:hidden;
	}

}
@media only screen and (max-height: 650px) {
	#vertical.projectvertical, #vertical{
		margin-top:90px !important;
	}