@charset "UTF-8";
/* CSS Document */

body {
	font-family: 'Asap', sans-serif;
	font-weight: 300;
	font-size: 25px;
	line-height: 120%;
	overflow-x: hidden;
	margin: 0px;
	background-color: #EFEFEF; 
	color: #002037;
}

::selection {
	background: #FFF;
}

a {
	color: #002037;
	text-decoration: none;
	-o-transition:color .2s ease-out, background .2s ease-in;
    -ms-transition:color .2s ease-out, background .2s ease-in;
  	-moz-transition:color .2s ease-out, background .2s ease-in;
  	-webkit-transition:color .2s ease-out, background .2s ease-in;
  	transition:color .2s ease-out, background 2s ease-in;
}

a:hover {
	color: #FFF;
	text-decoration: none;
}

#center {
	width: 1020px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
}

#centerblog {
	width: 720px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
}

#menu {
	margin-left: 30px;
	margin-top: 30px;
}

.lined {
	border-bottom:2px solid #002037;
}

.fb-like {
	float: right;
	margin-right: 30px;
	margin-top: 30px;
}

.video {
	margin-bottom: 10px;
}

.showreel {
	margin-bottom: 70px;
}

.column {
	float: left;
	margin: 40px 50px 30px 0;
	width: 450px;
}

.columnright {
	float: left;
	margin: 40px 0 0 0;
	width: 450px;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
    opacity:0;  
    -webkit-animation:fadeIn ease-in 1;  
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards; 
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}

.fade-in.one {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
animation-delay: 0.5s;
}
 
.fade-in.two {
-webkit-animation-delay: 1.0s;
-moz-animation-delay:1.0s;
animation-delay: 1.0s;
}
 
.fade-in.three {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
animation-delay: 1.5s;
}

.client{
	float: left;
	margin: 5px 50px 50px 0;
	width: 250px;
}

.summary{
	float: left;
	margin: 5px 0 50px 0;
	width: 700px;
}

.tweet{
	margin-top: 20px;
	margin-bottom: 50px;
}

.commercial {
	margin-bottom: 50px;
	position: relative;
}

.personal {
	margin-bottom: 50px;
	position: relative;
}

.commercial img {
	z-index: 100;
}

.personal img {
	z-index: 100;
}

.thumbtext {
	position: absolute;
   	text-align: center;
	font-size: 28px;
	top: 190px;
	width: 100%; 
	z-index: -1;
}