html {overflow-x: hidden;} 

body {
	background: #000 url(../images/bg.jpg) no-repeat fixed;
	text-align:left;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	left: 400px;
	}

a {
	color: #925fad;
	padding: 0 5px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: -1px;
	}


#headline {
	position: fixed;
	top: 20px;
	left: 290px;
	border: 0px;
	clear: both;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 30px;
	margin: 0;
	z-index: 500;
	}
	

#container {
	position: absolute;
	left: 0px;
	top: 150px;
	width: 4500px;
	padding: 0 0 0 30px;
	}
	
.spacer {
	width: 850px;
	float: left;
	padding: 5px 30px 30px 30px;
	}
	
	
/* Brain Containers */
	
.box {
	height: 445px;
	width: 285px;
	padding: 0px 0px 0px 30px;
	float: left;
	}
	
.box2 {
	height: 445px;
	width: 285px;
	float: left;
	}
	
.box3 {
	height: 445px;
	width: 285px;
	padding: 0px 0px 0px 30px;
	float: left;
	}
	
.box4 {
	height: 445px;
	width: 285px;
	padding: 0px 0px 0px 30px;
	float: left;
	}

/* Navigation */
	

.next {

	margin: 0;
	width: 20px;
	float: left;
	padding: 120px 1000px 0px 0px;
	border-style: none;
}	

.back {
	width: 20px;
	margin: 0;
	float: left;
	padding: 120px 0px 0px 30px;
	border-style: none;
}	

#enter {
	position: fixed;
	top: 90px;
	left: 490px;
	border: 0px;
	clear: both;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #925fad;
	margin: 0;
	z-index: 500;
	
	}

	

/* Brains */

#brain1{

height: 430px;
width: 278px;
padding: 0px 0px 15px 30px;
float: left;
text-indent: 10000px;
overflow: hidden;
background: url(../images/empowered.png) top left no-repeat;
display: block;

}
 
#brain1:hover {

background-position: bottom left;

}


#brain2{

height: 430px;
width: 278px;
padding: 0px 0px 15px 15px;
text-indent: 10000px;
float: left;
overflow: hidden;
background: url(../images/disengaged.png) top left no-repeat;
display: block;

}
 
#brain2:hover {

background-position: bottom left;

}

#brain3{

height: 430px;
width: 278px;
padding: 0px 0px 15px 15px;
text-indent: 10000px;
float: left;
overflow: hidden;
background: url(../images/zzzzz.png) top left no-repeat;
display: block;

}
 
#brain3:hover {

background-position: bottom left;

}

#brain4{

height: 430px;
width: 278px;
padding: 0px 0px 15px 15px;
text-indent: 10000px;
float: left;
overflow: hidden;
background: url(../images/impressed.png) top left no-repeat;
display: block;

}
 
#brain4:hover {

background-position: bottom left;

}


#brain5{

height: 430px;
width: 278px;
padding: 0px 0px 15px 15px;
text-indent: 10000px;
float: left;
overflow: hidden;
background: url(../images/overwhelmed.png) top left no-repeat;
display: block;

}
 
#brain5:hover {

background-position: bottom left;

}

#brain6{

height: 430px;
width: 278px;
padding: 0px 0px 15px 15px;
text-indent: 10000px;
float: left;
overflow: hidden;
background: url(../images/intrigued.png) top left no-repeat;
display: block;

}
 
#brain6:hover {

background-position: bottom left;

}