*{
	margin:0;
	padding:0;
}

body{
	font:1em 'Open Sans', sans-serif;
	color: #cfcd9c;
	text-align:center;
	background-color:#000000;
}

a, a:visited {
	outline:none;
	color:#389dc1;
}

a:hover{
	text-decoration:none;
}

a.skip{
	color:#000000;
	font:0.5em;
}
section, footer, header, aside, nav{
	display: block;
}

footer{
	font-size:0.75em;
}

/*-------------------------
	The menu
--------------------------*/

nav{
	width:75%;
	display:inline-block;
	/*margin:60px auto 45px;*/
	margin:1% auto auto;
	background-color:#000000;
	/*box-shadow:0 1px 1px #ccc;*/
	border-radius:2px;

}

nav li {
	width: 20%;
}
nav a{
	display:block;
	/*padding: 18px 30px;*/
	padding:0.5em 0.5em;
	color:#cfcd9c !important;
	font-weight:bold;
	font-size:1em;
	text-decoration:none !important;
	line-height:1;
	text-transform: uppercase;
	background-color:transparent;

	-webkit-transition:background-color 0.25s;
	-moz-transition:background-color 0.25s;
	transition:background-color 0.25s;
}

nav a:first-child{
	border-radius:2px 0 0 2px;
}

nav a:last-child{
	border-radius:0 2px 2px 0;
}

nav a:hover{
	background-color:#333333;
	
}

ul
{
  display:flex;  
  list-style:none;
}

nav.showreel a.showreel,
nav.biography a.biography,
nav.contact	a.contact,
nav.silent a.silent,
nav.releases a.releases{
	background-color:#555555;
}

article.mainContent{
	width:75%;
	display:inline-block;
	background-color:#111111;
	margin:1% auto auto;
	padding:1em;
	border: 1px solid #cfcd9c;
	border-radius:2px;
	/*box-shadow:0 2px 2px #ccc;*/
}

section.showreelVid{
	width:49.5%;
	display:block;
	float:left;
}

section.showreelVid_full{
	width:98%;
	display:block;
	float:left;
}
section.fullWidth{
	display:block;
	text-align:center;
	border: 1px solid #cfcd9c;
	margin-bottom:10px;
	margin-left:18%;
	margin-right:18%;
}
p{
	text-align: justify;
	margin: 1em;
	font-size:0.75em;
}