body{background:#252525;}

#mainbox {
	width: 970px;
	height: 580px;
	margin-top:90px;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	float: none;
	border-radius: 10px;
	font-family: 'Play';
	font-weight: 400;
	color: #cbcbcb;
	box-shadow: 10px 10px 30px 10px black;
	background-image: url('images/mainbox_bgd42.jpg');
	text-shadow: 1px 1px 2px black;
}

#container_left {
	width: 345px;
	height: 450px;
	float: left;
	margin: 30px 15px 15px 30px;

}

#container_center {
	width: 360px;
	height: 450px;
	float: left;
	margin: 30px 15px 15px 15px;
}

#container_right {
	width: 160px;
	height: 450px;
	float: left;
	margin: 30px 0px;
	text-align: right;
	
}

#container_right a img {
	opacity:0.6;
	border: 2px solid black;

	
}

#container_right a img:hover {
	opacity:1;
	border: 2px solid #37dcdc;
	

}

#current_album_cover {
	background-image: url('images/current_album_cover.png');
	float: auto;
	width: 330px;
	height: 330px;
	border: 1px;
}

#ihmisen {
	box-shadow: 2px 2px 3px 3px #000;}

#mycustomscroll {
	width: 360px;
	height: 450px;
	float: left;
	margin: 30px 15px 25px 15px;
	overflow: hidden;
	outline: none;
	}

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; 
	left: 0;
}

.vscrollerbase {
	width: 2px;
	background-color: #031c25;
}

.vscrollerbar {
	width: 2px;
	background-color: #37dcdc;
}

.hscrollerbase {
	height: 10px;
	background-color: #031c25;
	}

.hscrollerbar {
	height: 10px;
	background-color: #37dcdc;
}

.scrollerjogbox {
	width: 2px;
	height: 2px;
	top: auto; 
	left: auto;
	bottom: 0px; 
	right: 0px;
	background-color: gray;
}

#footer {
	margin: 10px;
	width: 970px;
	height: 30px;
	text-align: center;
	color: #ebebeb;
	margin: 490px 10px 0px 0px;
	position: absolute;
	padding-top: 10px;
	
}

.ser2 {
	font-family: 'Dosis', sans-serif;
	color: #ee2033;
	font-weight: 400;

}	
.ser1 {
	font-family: 'Dosis', sans-serif;
	color: #37dcdc;
	font-weight: 700;
}

.h1 {
	font-family: 'Play', sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: #37dcdc;
	text-shadow: 2px 2px 2px black;
}

.h2 {
	font-family: 'Play', sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: #63605c;
	text-shadow: 2px 2px 2px black;
}

.h3 {
	font-size: 24px;
	font-weight: bold;
	text-shadow: 4px 4px 5px black;
	text-align: center;
}

a:hover {
	color: #37dcdc !important;
	text-decoration: none;
}

a:link {
	color: #0753a3;
	text-decoration: none;
	
}

a:visited {
	
	color: #0753a3;
	text-decoration: none;
}
.popupbox {
	width:600px;
	height:500px;
	background-color: black;
	display: none; /* Hidden as default */
	padding: 10px;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #000;
	overflow-y: scroll;
}
.popupbox2 {
	width:600px;
	height:500px;
	background-color: black;
	display: none; /* Hidden as default */
	padding: 10px;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #000;
	overflow-y: scroll;}
	
.popupbox3 {
	width:600px;
	height:500px;
	background-color: black;	
	display: none; /* Hidden as default */
	padding: 10px;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #000;
	overflow-y: scroll;
}
.popupbox4 {
	width:600px;
	height:500px;
	background-color: black;
	display: none; /* Hidden as default */
	padding: 10px;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #000;
	overflow-y: scroll;
}
.popupbox5 {
	width:600px;
	height:500px;
	background-color: black;
	display: none; /* Hidden as default */
	padding: 10px;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #000;
	overflow-y: scroll;}

.popupbox6 {
	width:600px;
	height:500px;
	background-color: black;
	display: none; /* Hidden as default */
	padding: 10px;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #000;
	overflow-y: scroll;}

.popupbox7 {
	width:600px;
	height:500px;
	background-color: black;
	display: none; /* Hidden as default */
	padding: 10px;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #000;
	overflow-y: scroll;}
	
.popupbox8 {
	width:600px;
	height:500px;
	background-color: black;
	display: none; /* Hidden as default */
	padding: 10px;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #000;
	overflow-y: scroll;}
		
#fade { 
	display: none; /* Hidden as default */
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
#intabdiv {
	text-align:center;
}
#close img {
	text-decoration:none;
}
#close {
	width:50px;
	height:50px;
	position: absolute;
	float:right;
}

#intabdiv2 {
	padding:70px;
}
#intabdiv2  h2 {
	font-size:24px;
	color:#696868;
}
#intabdiv2 p {
	font-size:12px;
	color:#696868;
	line-height:20px;
}

#intabdiv3 {
	padding:70px;
}
#intabdiv3  h2 {
	font-size:24px;
	color:#fff;
}
#intabdiv3 p {
	font-size:12px;
	color:#fff;
	line-height:20px;
}
.rt{
	width: 200px;
	text-align: left;
	float: right;
	height: 160px;
}
.lt{
	height: 160px;
	float: left;
	width: 160px;
}