@charset "UTF-8";

@font-face {
  font-family: 'Quicksand';
  src: url('fonts/Quicksand-Regular.otf');
}

@font-face {
  font-family: 'QuicksandBold';
  src: url('fonts/Quicksand-Bold.otf');
}

@font-face {
  font-family: 'Ailerons-RegularVersion';
  src: url('fonts/Ailerons-Typeface.otf');
}

body, html {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}

#wrapper {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}

body {
	background-color: #000000;
	background-image: url("images/background.jpg");	
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	font-family: 'Quicksand';
	color: #ffffff;
}

p.bold {
	font-family: 'QuicksandBold';
	color: #ff6738;
}

p.boldpress {
	font-family: 'QuicksandBold';
	color: #ff6738;
	clear: left;
}

span.bold {
	font-family: 'QuicksandBold';
	color: #ffffff;
}

span.bioglink {
	font-family: 'Quicksand';
	color: #ffffff;
	font-size: 15px;
}

p.headers {
	font-family: 'Ailerons-RegularVersion';
	color: #ffffff;
	font-size: 30px;
}

p.headersnomargin {
	font-family: 'Ailerons-RegularVersion';
	color: #ffffff;
	font-size: 30px;
	margin: 0;
}

a {
	font-family: 'Quicksand';
	color: #ffffff;
	text-decoration: none;
}

a:hover {
	font-family: 'Quicksand';
	color: #ff6738;
	text-decoration: none;
}

a.bold {
	font-family: 'QuicksandBold';
	color: #ff6738;
	text-decoration: none;
}

a.bold:hover {
	font-family: 'QuicksandBold';
	color: #ffffff;
	text-decoration: none;
}

div#neural-left {
    position:absolute;
    left:0;
    height:100%;
	width: 315px;
	background-image: url("images/neural-left.png");
	background-position: left bottom;
	z-index: 1;
}

div#content {
    height:100%;
    margin: 0 315px;	
}

div#neural-right {
    position:absolute;
    right:0;
    top:0;
    width:315px;
    height:100%;
	background-image: url("images/neural-right.png");
	background-position: right bottom;
	z-index: -1;	
}

div#contentwrapper {
	width: 640px;
	margin: auto;
}

div#header {
	width: 640px;
	height: 150px;
	margin: auto;
	float: left;
}

div#header img {
	width: 640px;
}

div#line {
	width: 640px; 
	height: 1px;
	background-color: #ffffff;
	float: left;
	margin-bottom: 40px
}

div#line2 {
	width: 640px; 
	height: 1px;
	background-color: #ffffff;
	float: left;
}

div#menublock {
width: 552px; 
height: 45px;
float: left;
margin: 0px 44px 40px;
}

div#menucenter {
width: 209px;
height: 45px;
float: left;
margin: 0px;
}

div#menu1 {
width: 54px; 
height: 45px;
float: left;
display: block;
background: url("images/menu-home.png") no-repeat;
background-position: center;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

div#menu1:hover {
background: url("images/menu-home-over.png") no-repeat;
background-position: center;
}

div#menu2 {
width: 35px; 
height: 45px;
float: left;
display: block;
background: url("images/menu-hex-1.png") no-repeat;
background-position: center;
}

div#menu3 {
width: 120px; 
height: 45px;
float: left;
display: block;
background: url("images/menu-info.png") no-repeat;
background-position: center;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

div#menu3:hover {
background: url("images/menu-info-over.png") no-repeat;
background-position: center;
}

div#menu4 {
width: 39px; 
height: 45px;
float: left;
display: block;
background: url("images/menu-hex-2.png") no-repeat;
background-position: center;
}

div#menu5 {
width: 24px; 
height: 45px;
float: left;
display: block;
background: url("images/menu-facebook.png") no-repeat;
background-position: center;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

div#menu5:hover {
background: url("images/menu-facebook-over.png") no-repeat;
background-position: center;
}

div#menu6 {
width: 37px; 
height: 45px;
float: left;
display: block;
background: url("images/menu-hex-3.png") no-repeat;
background-position: center;
}

div#menu7 {
width: 23px; 
height: 45px;
float: left;
display: block;
background: url("images/menu-instagram.png") no-repeat;
background-position: center;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

div#menu7:hover {
background: url("images/menu-instagram-over.png") no-repeat;
background-position: center;
}

div#menu8 {
width: 36px; 
height: 45px;
float: left;
display: block;
background: url("images/menu-hex-4.png") no-repeat;
background-position: center;
}

div#menu9 {
width: 75px; 
height: 45px;
float: left;
display: block;
background: url("images/menu-spotify.png") no-repeat;
background-position: center;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

div#menu9:hover {
background: url("images/menu-spotify-over.png") no-repeat;
background-position: center;
}

div#menu10 {
width: 34px; 
height: 45px;
float: left;
display: block;
background: url("images/menu-hex-5.png") no-repeat;
background-position: center;
}

div#menu11 {
width: 75px; 
height: 45px;
float: left;
display: block;
background: url("images/menu-itunes.png") no-repeat;
background-position: center;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

div#menu11:hover {
background: url("images/menu-itunes-over.png") no-repeat;
background-position: center;
}

div#contentblockleft {
	width: 320px; 
	float: left;
	clear: left;
}

div#contentblockright {
	width: 320px;
	float: left;
}

div#videoblock {
	width: 640px;
	float: left;
	margin-top: 40px;
}

div#videoblocktop {
	width: 640px;
	float: left;
}

div#videoblock iframe {
	width: 640px;
	height: 360px;
}

div#videoblocktop iframe {
	width: 640px;
	height: 360px;
}

div#bioblock {
	width: 640px;
	float: left;
	margin-top: 0px;
	padding-bottom: 15px;
	border-bottom: 1px solid white;
}

div#textblock {
	width: 640px;
	float: left;
	margin-top: 0px;
	padding-bottom: 15px;
}

div#discoblock {
	width: 640px;
	float: left;
	margin-top: 0px;
	padding-bottom: 15px;
	border-bottom: 1px solid white;
}

div#pressblock {
	width: 640px;
	float: left;
	margin-top: 0px;
	padding-bottom: 15px;
	border-bottom: 1px solid white;
}

div#pressthumb {
	width: 150px;
	height: 150px; 
	overflow: hidden; 
	margin: 0px 10px 10px 0px;
	float: left;
}

div#pressthumb img {
	width: 150px;
}

div#pressthumbwide {
	width: 150px;
	height: 150px; 
	overflow: hidden; 
	margin: 0px 10px 10px 0px;
	float: left;
}

div#pressthumbwide img {
	height: 150px;
}

@media all and (max-width: 1270px) 
{
	div#neural-left {
		display: none;
	}
	div#neural-right {
		display: none;
	}
	div#content {
    margin: 0 0;	
}
}

@media all and (max-width: 640px) 
{
	div#contentwrapper {
	width: 320px;
	}
	
	div#header {
	width: 320px;
	height: 75px;
	}
	
	div#header img {
	width: 320px;
	}
	
	div#line {
	width: 320px; 
	height: 1px;
	background-color: #ffffff;
	float: left;
	margin-bottom: 20px
	}
	
	div#menublock {
	width: 304px; 
	height: 90px;
	float: left;
	margin: 0px 0px 20px;
	}
	
	div#menucenter {
	width: 209px;
	height: 45px;
	float: none;
	margin: auto;
	}
	
	div#menublock div#menu4 {
	display: none;
	}
	
	div#menublock div#menu5 {
	clear: left;
	}
	
	div#videoblock {
	width: 320px;
	float: left;
	margin-top: 20px;
	}

	div#videoblock iframe {
	width: 320px;
	height: 180px;
	}
	
	div#bioblock {
	width: 320px;
	float: left;
	margin-top: 0px;
	border-bottom: 1px solid white;
	}
	
	div#discoblock {
	width: 320px;
	float: left;
	margin-top: 0px;
	border-bottom: 1px solid white;
	}
	
	div#pressblock {
	width: 320px;
	float: left;
	margin-top: 0px;
	border-bottom: 1px solid white;
	}
}
}