body { 
	
background-color: #000;
font-family: Helvetica, Arial, sans-serif; 
overflow-y: hidden; 
overflow-x: auto;

}

.container {
    width: 20%; 
	position: fixed;
	color: #FFF;
    margin: 20px auto;
    background-color: transparent;
    padding: 20px;
    overflow-y: hidden; 
	overflow-x: auto;

}
pre { 
	
font-family: Helvetica, Arial, sans-serif; 
font-size:1.1em; border: 0px solid #AAA; 
background-color: transparent; 
color: #b0b0b0; 
padding: 10px; 
}   

.text{
	position:absolute;
	font-family: Helvetica, Arial, sans-serif; 
	font-size:1.1em; border: 0px solid #AAA;
	bottom:30px;
	width:100%;
	padding:20px;
	background: rgba(0, 0, 0,.5);
	color:white;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
#wrapper{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:10%;
	width:80%;
	color: gray;
	height:100%;
	z-index:10;
	opacity:.9
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:block;

}
#gallery{
	position:absolute;
	width:100%;
	height:700px;
	top:0;
	left:0;
}


#controls div{
	display:inline-block;
	padding:5px;
	margin:1px;
	color:#000;
	background:rgba(255,255,255,.5);
	border:1px solid #fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
#controls div:hover:not(.counter){
	background:rgba(255,255,255,.9);
}

#controls div:not(.counter){
	cursor:pointer;
}