body{
	overflow-y: auto;
	overflow-x: hidden;	
}

.background{
	background-image: url(../assets/images/background.jpg);
	background-size: 150%;
	background-repeat:no-repeat;
	
	background-position-x: -200px;
	background-position-y: -200px;
}

.noanchor:link, .noanchor:visited, .noanchor:active {
	text-decoration: none;
	color:white;
}

/*
.page{
	height:100%;
}
*/

#logo{
	left:10px;
	top:0px;
}

#content{
	height:100%;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url(assets/brushed_alu.png);
	
}

.jscode{
	background-color:white;
	font-family: 'Open Sans', sans-serif;
	width:600px;
	margin-left:40px;
	padding:10 15 10 15;
	-moz-box-shadow: 5px 5px 5px #888;-webkit-box-shadow: 5px 5px 5px #888;box-shadow: 5px 5x 5px #888;
}

p{
	margin-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	margin-bottom:15px;
}

#titlebox{
	position:absolute;
	left:40%;
	top:100px;
	width:650px;
	height:500px;

}

#codebox{
	margin-top:20px;
	background-color:white;
	font-family: 'Open Sans', sans-serif;
	width:500px;
	height:100px;
	margin-left:40px;
	padding:10 15 10 15;
	-moz-box-shadow: 5px 5px 5px #888;-webkit-box-shadow: 5px 5px 5px #888;box-shadow: 5px 5x 5px #888;
}

.arrow{
	opacity:0.2;
}

#rightControl .dirText{
	position: relative;
	color:black;
	font-size:40px;
	opacity:0.2;
	left: -74px;
	margin-top: -40px;
	bottom: 4px;
}

.dirText{
	color:black;
	font-size:40px;
	margin-top:-50px;
	opacity:0.0;
}

.control{
	position:fixed;
	width:170px;
	cursor:pointer;
}

#rightControl{
	right:0px;
	top:50%;
}

#leftControl{
	left:0px;
	top:50%;
}