html,body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	font-family:"cora",sans-serif;
	font-style:normal;
	font-weight:400;
}

.mediaquery550 {
	display:none;
}

.header {
	height:100px;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	background-image:url(../images/red.jpg);
	background-repeat:repeat;
	background-size:contain;
	-moz-background-size:contain;
	-webkit-background-size:contain;
	z-index:10;
	color:#FFF;
}

.header span.sub {
	font-size:14px;
	font-weight:300;
}

.header div.sub {
	font-size:14px;
	font-weight:300;
	padding:.7rem;
}

.header a.sub {
	color:#FFF;
	text-decoration:none;
}
.header a.sub:hover {
  text-decoration: underline;
}

.header .contact {
	position:absolute;
	bottom:100px;
	width:100%;
	left:0;
	height:50px;
	text-align:right;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:16px;
	padding:1rem;
}

.header .logo_area {
	position:absolute;
	left:20px;
	bottom:0;
}

.header .logo_area>div {
	vertical-align:bottom;
	display:inline-block;
	zoom:1;
	*display:inline!important;
}

.header .logo_area .logo img {
	height:75px;
	width:auto;
	vertical-align:bottom;
}

.header .logo_area h1 {
	margin:0;
	font-weight:500;
	color:#FFF;
	padding:8px;
	padding:.5rem;
	font-size:24px;
	font-size:1.5rem;
	display:inline-block;
	zoom:1;
	*display:inline!important;
}

.header .contact_area {
	color:#FFF;
	font-size:11.2px;
	font-size:.7rem;
	position:absolute;
	right:15px;
	bottom:15px;
	text-align:right;
}

.header .contact_area img {
	border:none;
	outline:none;
}

.header .contact_area a {
	border:none;
	outline:none;
	color:#FFF;
	text-decoration:none;
}

.header .contact_area a:hover,.header .contact_area a:active,.header .contact_area a:visited {
	color:#FFF;
}

.header .contact_area a.email img,.header .contact_area a.tel img {
	display:none;
}

.content {
	position:relative;
	padding-top:100px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

.content .left {
/*width:100px;*/
	position:fixed;
	left:0;
	top:100px;
	text-align:center;
	font-size:48px;
	font-size:3rem;
	font-weight:700;
	color:#000;
	z-index:9;
}

.content .left .mobile_nav {
	display:none;
	height:25px;
	vertical-align:middle;
	position:relative;
	font-size:16px;
	font-size:1rem;
}

.content .left .nav {
	width:140px;
	text-align:right;
	position:relative;
	cursor:pointer;
	top:0;
	-webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
	pointer-events:none;
}

.content .left .nav>div {
	white-space:nowrap;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
	filter:alpha(opacity=10);
	-moz-opacity:.1;
	-webkit-opacity:.1;
	opacity:.1;
	-webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
	position:relative;
	pointer-events:all;
}

.content .left .nav>div {
	margin:0 10% 20px;
	font-size:19.2px;
	font-size:1.2rem;
}

.content .left .nav>div.selected {
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-webkit-opacity:1;
	opacity:1;
/*background:url("../images/white50.png")*/
}

.content .left .nav>div.step {
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	filter:alpha(opacity=30);
	-moz-opacity:.3;
	-webkit-opacity:.3;
	opacity:.3;
/*background:url("../images/white25.png")*/
}

.content .left .nav>div:hover {
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	-webkit-opacity:.5;
	opacity:.5;
	color:#CCC;
}

.content .left .nav>div:hover.selected {
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-webkit-opacity:1;
	opacity:1;
}

.content .right {
	width:100%;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	z-index:8;
}

.content .right>.section {
	position:relative;
	overflow:hidden;
}

.content .right .nav {
	position:absolute;
	top:0;
	left:140px;
	width:100%;
	line-height:40px;
	font-size:16px;
	font-size:1rem;
	height:40px;
	z-index:7;
}

.content .right .nav h3 {
	font-size:inherit;
	margin:0;
	display:inline-block;
	zoom:1;
	*display:inline!important;
	font-weight:400;
}

.content .right .nav .definition {
	color:#CCC;
	font-size:12.8px;
	font-size:.8rem;
	display:inline-block;
	zoom:1;
	*display:inline!important;
	vertical-align:middle;
}

.content .right .nav .items {
	display:inline-block;
	zoom:1;
	*display:inline!important;
	margin-left:5px;
	vertical-align:middle;
}

.content .right .nav .items .item {
	padding:4px;
	padding:.25rem;
	display:inline-block;
	zoom:1;
	*display:inline!important;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	cursor:pointer;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	-webkit-opacity:.5;
	opacity:.5;
	position:relative;
	top:0;
	-webkit-transition:top .25s ease-in-out;
	-moz-transition:top .25s ease-in-out;
	-ms-transition:top .25s ease-in-out;
	-o-transition:top .25s ease-in-out;
	transition:top .25s ease-in-out;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	vertical-align:middle;
}

.content .right .nav .items .item.loading {
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
	filter:alpha(opacity=10);
	-moz-opacity:.1;
	-webkit-opacity:.1;
	opacity:.1;
	-webkit-animation:bob 1s ease-in-out 0 infinite alternate;
	-moz-animation:bob 1s ease-in-out 0 infinite alternate;
	-o-animation:bob 1s ease-in-out 0 infinite alternate;
	animation:bob 1s ease-in-out 0 infinite alternate;
}

.content .right .nav .items .item.selected {
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-webkit-opacity:1;
	opacity:1;
}

.content .right .nav .items .item:hover {
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	-webkit-opacity:.25;
	opacity:.25;
}

.content .right .nav .items .item:hover.selected {
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-webkit-opacity:1;
	opacity:1;
}

.content .right .nav .items .item .circle {
	height:10px;
	width:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#000;
}

.content .right .portfolio {
	padding-top:40px;
	height:100%;
	z-index:6;
	white-space:nowrap;
	position:relative;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	padding-left:140px;
	padding-bottom:20px;
}

.content .right .portfolio>div {
	height:99%;
	width:auto;
	cursor:pointer;
	display:inline-block;
	zoom:1;
	*display:inline!important;
	position:relative;
	overflow:hidden;
}

.content .right .portfolio .location {
	position:absolute;
	right:0;
	bottom:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	color:#FFF;
	font-size:9.6px;
	font-size:.6rem;
	background:url(../images/black75.png);
	padding:4.8px;
	padding:.3rem;
	max-width:100%;
	white-space:normal;
	text-align:right;
}

.content .right .portfolio img {
	height:100%;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-webkit-opacity:0;
	opacity:0;
	-webkit-transition:opacity .5s ease-in-out;
	-moz-transition:opacity .5s ease-in-out;
	-ms-transition:opacity .5s ease-in-out;
	-o-transition:opacity .5s ease-in-out;
	transition:opacity .5s ease-in-out;
	display:inline-block;
	zoom:1;
	*display:inline!important;
}

.content .right .portfolio img.loaded {
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-webkit-opacity:1;
	opacity:1;
}

@-webkit-keyframes bob {
	from {
		top:10px;
	}
	
	to {
		top:-10px;
	}
}

@-moz-keyframes bob {
	from {
		top:10px;
	}
	
	to {
		top:-10px;
	}
}

@-o-keyframes bob {
	from {
		top:10px;
	}
	
	to {
		top:-10px;
	}
}

@keyframes bob {
	from {
		top:10px;
	}
	
	to {
		top:-10px;
	}
}

@media (max-width: 550px) {
	.mediaquery550 {
		display:block;
	}
	
	.header {
		height:25px;
	}
	
	.header .logo_area {
		left:0;
	}
	
	.header .logo_area h1 {
  	padding: 0;
	}
	
	.header .logo_area .name {
		font-size:16px;
		font-size:1rem;
		padding:4px;
		padding:.25rem;
	}
	
	.header .logo_area .logo img {
		height:20px;
	}
	
	.header div.sub {
  	display: none;
	}
	
	.header .contact_area {
		right:0;
		bottom:0;
		position:relative;
	}
	
	.header .contact_area br {
		display:none;
	}
	
	.header .contact_area img {
		height:23px;
		position:relative;
		right:1px;
		top:1px;
		width:23px;
	}
	
	.header .contact_area a.email img,.header .contact_area a.tel img {
		display:inline;
	}
	
	.header .contact_area a.email span,.header .contact_area a.tel span {
		display:none;
	}
	
	.content {
		padding-top:25px;
	}
	
	.content .left {
		height:25px;
		width:auto;
		font-size:20px;
		font-size:1.25rem;
		top:25px;
	}
	
	.content .left .mobile_nav {
		display:block;
	}
	
	.content .left .nav {
		display:none;
	}
	
	.content .left .nav>div {
		top:0;
		display:inline-block;
		zoom:1;
		*display:inline!important;
		padding:0 4px;
		padding:0 .25rem;
	}
	
	.content .left .nav div[rel="me"] {
		font-size:inherit;
	}
	
	.content .right {
		padding-bottom:160px;
		padding-bottom:10rem;
	}
	
	.content .right .nav {
		left:0;
		height:25px;
		line-height:25px;
	}
	
	.content .right .nav span {
		display:none;
	}
	
	.content .right .nav .definition {
		display:none;
	}
	
	.content .right .portfolio {
		padding-left:0;
		padding-top:25px;
	}
}

.mobile .mediaquery550 {
	display:block;
}

.mobile .header {
	height:25px;
}

.mobile .header .logo_area {
	left:0;
}

.mobile .header .logo_area .name {
	font-size:16px;
	font-size:1rem;
	padding:4px;
	padding:.25rem;
}

.mobile .header .logo_area .logo img {
	height:20px;
}

.mobile .header .contact_area {
	right:0;
	bottom:0;
	position:relative;
}

.mobile .header .contact_area br {
	display:none;
}

.mobile .header .contact_area img {
	height:23px;
	position:relative;
	right:1px;
	top:1px;
	width:23px;
}

.mobile .header .contact_area a.email img,.mobile .header .contact_area a.tel img {
	display:inline;
}

.mobile .header .contact_area a.email span,.mobile .header .contact_area a.tel span {
	display:none;
}

.mobile .content {
	padding-top:25px;
}

.mobile .content .left {
	height:25px;
	width:auto;
	font-size:20px;
	font-size:1.25rem;
	top:25px;
}

.mobile .content .left .mobile_nav {
	display:block;
}

.mobile .content .left .nav {
	display:none;
}

.mobile .content .left .nav>div {
	top:0;
	display:inline-block;
	zoom:1;
	*display:inline!important;
	padding:0 4px;
	padding:0 .25rem;
}

.mobile .content .left .nav div[rel="me"] {
	font-size:inherit;
}

.mobile .content .right {
	padding-bottom:160px;
	padding-bottom:10rem;
}

.mobile .content .right .nav {
	left:0;
	height:25px;
	line-height:25px;
}

.mobile .content .right .nav span {
	display:none;
}

.mobile .content .right .nav .definition {
	display:none;
}

.mobile .content .right .portfolio {
	padding-left:0;
	padding-top:25px;
}