@font-face {
	font-family:AkkuratBold;
	src:url(fonts/lineto-akkurat-bold.woff) format(woff);
	font-weight:400;
	font-style:normal;
}

html, body {
	color: #2D2D2D;
    font-family: AkkuratBold,Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 0;
/*	background-color:#fcfbf6;	*/
background-color: #fff;
}

a {
cursor: pointer;
}

a:hover {
cursor: pointer;
}

.thumb_image {
	cursor: pointer
}

a.thumb {
	cursor: pointer;

}

.description p a {
color: #0090b0;
text-decoration:none;
}

.description p a:hover {
text-decoration:underline;
}

.description p a:visited {
color: #0090b0;
text-decoration:none;
}

#homepage_header {
	min-height: 500px;
	overflow: hidden;
}

#hero {
	height: 800px;
	width: 100%;	
	color: #333333;
	overflow: hidden;
}

a {
	text-decoration: none;
}

#homepage_header h1 {
	font-weight: 100;
	color: #444;
}

span.one {
opacity: 0;
}

span.two {
opacity: 0;
}

span.three {
opacity: 0;
}


h2 {
	margin:0 auto;
	color: #333;
}

#fix {
	position: fixed;
	width: 100%;
	z-index: 2000;	
	top: 0px;
	left: 0px;
	height: 90px;
	overflow: hidden;
	background-color: rgba(255,255,255,0.95);
	border-bottom: 1px solid #e9e9e9;
}



#nav {
	height: 90px;
	margin: 0 auto;
}


#nav h1 {
	width: 200px;
	height: 29px;
	font-size: 14px;
	overflow: hidden;
	float: left;
	margin-top: 30px;
}

#nav h1 a {
	display: block;
	width: 200px;
	height: 29px;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	background-image: url(../img/logo_rd2.png);
}

#nav a:visited {
	color: #231f20;
	text-decoration: none;
}


#nav ul {
	width: 280px;
	float: right;
}

#nav ul li {
	list-style: none;
	display: block;
	float: right;
	text-align: center;
	color: #231f20;
	font-size: 14px;
}

#nav ul li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 90px;
	height: 90px;
	color: #8a8a8a;
}

.contain {
	margin: 0 auto;
}


.work-grid {
	margin: 0 auto;
	/* border: 1px solid #333; */
}

#homepage_header {
margin: 0 auto;
}


#nav ul li.current a {
	color: #54c0d6;
}

#nav ul li a:hover {
	color: #54c0d6;
}



#nav ul li a {
	opacity: 0;
}	
	
	
	
#nav ul li#gallery {
	background-image: url(../img/icon_grid.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}

#nav ul li#gallery a {
	background-image: url(../img/icon_grid.png);
	background-repeat: no-repeat;
	background-position: 0px -90px;

}

#nav ul li#gallery.current {
	background-image: url(../img/icon_grid.png);
	background-repeat: no-repeat;
	background-position: 0 -90px;
	background-color: #fff;
}


#nav ul li#about {
	background-image: url(../img/icon_profile.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#nav ul li#about a {
	background-image: url(../img/icon_profile.png);
	background-repeat: no-repeat;
	background-position: 0px -90px;
}

#nav ul li#about.current {
	background-image: url(../img/icon_profile.png);
	background-repeat: no-repeat;
	background-position: 0px -90px;
	background-color: #fff;
}


#nav ul li#contact {
	background-image: url(../img/icon_mail.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#nav ul li#contact a {
	background-image: url(../img/icon_mail.png);
	background-repeat: no-repeat;
	background-position: 0px -90px;

}





.work-grid {
	max-width: 1200px;
}

#homepage_header {
	width: 1200px;
	min-height: 450px;
}


.work-grid a.item {
	width: 590px;
	height: 410px;
	margin: 5px;
}


.work-grid a.item {
	display: block;
	float: left;
	margin: 5px;
	overflow: hidden;
	color: #fff;
	background-color: #f4f4f4;

}

.work-grid a.item img {
	display: block;
	width: 100%;
}


.container {
    margin: 0 auto;
    overflow-x: hidden;
}


.work-grid a.item {
	position: relative;
	letter-spacing: 2px;
	text-align: center;
}



#hi .work-grid a.item:hover .title {
	display:block;
}

.work-grid a.item .title {
	height: 100%;
	width: 100%;
	color: #000;
	font-size: 14px;
	position: absolute;	
	bottom: 0;
	top: 25px;
	z-index: 1000;
	opacity: 0;
	padding: 0;
		/*text-shadow: 2px 2px 40px #fff;*/

}

p.title span {
}


#hi .work-grid a.item:hover p {
	display:block;
}


/* testing ----------------------------------- */



/* -----------------------------------end testing ------------------------*/

.description p.resp {
margin-top: 30px;
}

.description p {
	margin-top: 120px;
	width: 650px;
	font-size: 16px;
	line-height: 28px;
	color: #898989;
}


.description p.doh {
	margin-top: 20px;
}


.description p.about {
	margin-top: 20px;
	width: 70%;
}

img.profile {
	display: block;
	width: 100%;
	margin-bottom: 80px;
}



.button {
	border-color: #d2d2d2;
	display: inline-block;
	border: 1px solid;
	padding: 20px 80px 20px 20px;
	font-weight: 500;
	font-size: 16px;
	color: #898989;
	background-image: url(../img/button_bkg.gif);
	background-repeat: no-repeat;
	background-position: 90% 50%; 
}

.next a {
	color: #898989;	
}

.next a:visited {
	color: 898989;
}


.next {
	margin: 100px 0;
}


#work-title {
	min-height: 325px;

}

#work-title h2 {
	font-weight: 100;
	line-height: 50px;
	padding: 230px 0 20px 0;
	font-size: 50px;
	color: #444;
}


#work-title {
	font-size: 18px;
	line-height: 30px;
	width: 100%;
	color: #777;
}

.full-shebang {
	width: 100%;
}

.full-shebang img {
	width: 100%;
}


.videoWrapper {
	background-color: #333;
	padding: 200px 0;
	text-align: center;
}

.video_shrink_wrap {
 width: 854px;
 height: 510px;
 margin: 0 auto;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}


#footer {
	margin: 130px 0 40px 0;
	color: #939393;
	font-size: 14px;
}

#footer ul {
	width: 220px;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	display: block;
}

#footer ul li {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
	display: block;
	float: left;
	margin-right: 5px;
	width: 50px;
	height: 40px;
}

#footer ul li a {
	color: #8a8a8a;
	display: block;
	width: 50px;
	height: 40px;
	text-indent: -999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}

#footer ul li#linkedin a {
	background-image: url(../img/social_linkedin.png);
}

#footer ul li#twitter a {
	background-image: url(../img/social_twitter.png);
}

#footer ul li#instagram a {
	background-image: url(../img/social_insta.png);
}

#footer ul li#strava a {
	background-image: url(../img/social_strava.png);
}

#footer ul li a:hover {
	background-position: 0px -40px;
}

.lazy {
background-color: #fcfbf6;
}

.full-shebang {
background-color: #fcfbf6;

}

#footer p {
	margin: 13px 0 0 0;
	padding: 0px;
	width: 50px;
	float: right;
	text-align : right;
}


.mystic {
	text-align: center;
}

.mystic h1 {
font-size: 40px;
color: #CCC;
margin: 100px 0 30px 0;
}