* {

	margin:0px;
	padding:0px; 
	
	
}

/*BODY*/

body {

	font-size:15px;
	color: #000000;
	font-family: 'Source Sans Pro', 'sans-serif';
	font-weight: normal;
	font-style: normal;
	/*text-shadow: 0,5px 0,5px #000000;*/
	line-height: 1,5px;
	text-align: justify;
	width:100%;
	height: auto;
	
}

a { color: inherit; text-decoration: none; }

/*HEADER*/

h3{
	font-size: 17px;
	text-align: center;
	margin: 10px;
} 

.header_outer {

	width: auto;
	height: 160px;
	background-color: #EBEAEA;
}

.header {

	width: 1002px;
	height: 160px;
	margin: 0px auto 10px auto;
	padding: 0px 140px;
	background-color: #EBEAEA;

}

.header_one{

	width: 1002px;
	height: 160px;
	margin: 0px auto;
	

}

.header_iner{
	
	width: 426px;
	height: 160px;
	float: left;
	
	
}

.header_center{

	width: 376px;
	height: 160px;
	float: left;
	

}

.header_right{
	
	width: 200px;
	height: 160px;
	margin: 0px;
	float: right;
	
	
}


/*WRAPPER*/

.wrapper {

	width: 1002px;
	height: auto;
	margin: 0px auto;
	padding: 0px 140px;
	

}


/*MENU*/
.menu {

	position: fixed;
	width: 175px;
	height: 344px;
	/*left: 140px;*/
	top: 170px;
	bottom: 150px;
	font-size: 90%;
	margin-left: -20px; 
	
}


.menu_one {

	width: 159px;
	height: 24px;
	margin: 0px auto; 
	padding: 6px 6px 6px 10px;
	background-color: #80317d;
	color: #FFFFFF;
}

.menu_two{

	width: 161px;
	height: 20px;
	margin: 0px auto; 
	padding: 4px 4px 4px 10px;
	background-color: #F5F5F5;
	
}


.menu_three{

	width: 161px;
	height: 20px;
	margin: 0px auto; 
	padding: 4px 4px 4px 10px;
	background-color: #EBEAEA;
}
 

.menu_four{

	width: 161px;
	height: 20px;
	margin: 0px auto; 
	padding: 4px 4px 4px 10px;
	background-color: #F5F5F5;
}

.menu_five{

	width: 161px;
	height: 20px;
	margin: 0px auto; 
	padding: 4px 4px 4px 10px;
	background-color: #EBEAEA;
}

.menu_six{

	width: 161px;
	height: 20px;
	margin: 0px auto; 
	padding: 4px 4px 4px 10px;
	background-color: #F5F5F5;

}

.menu_seven{

	width: 141px;
	height: 20px;
	margin: 0px auto; 
	padding: 4px 4px 4px 30px;
	background-color: #EBEAEA;
	
}

.menu_eight{

	width: 141px;
	height: 20px;
	margin: 0px auto; 
	padding: 4px 4px 4px 30px;
	background-color: #F5F5F5;
}

.menu_nine{

	width: 141px;
	height: 20px;
	margin: 0px auto; 
	padding: 4px 4px 4px 30px;
	background-color: #EBEAEA;
}



.island {

	position: fixed; 
	width: 200px;
	height: 344px;
	/*right: 121px;*/
	margin-left: 870px; 
	top: 170px;

}

/*STARS*/

.stars {

	width: 1002px;
	height: 344px;
	margin: 10px auto 0px auto;
	
	
}

.one {

	width: 175px;
	height: 344px;
	margin: 0px 5px 0px auto; 
	float: left;
	
}

.stars_one {

	width: 200px;
	height: 344px;
	margin: 0px auto 0px auto; 
	float: left;
	background-color: #000000;
	
	
}

.stars_two {
	width: 427px;
	height: 344px;
	margin: 0px 5px;
	padding: 0px 20px;
	float: left;
	
}

.stars_three {

	width: 145px;
	height: 344px;
	margin: 0px auto 0px 0px;
	float: right;		
	
}



/*SHOP*/

.shop{

	width: 1002px;
	height: 344px;
	margin: 10px auto 0px auto;
	
	
}

.two {

	width: 175px;
	height: 344px;
	margin: 0px 5px 0px auto; 
	float: left;
	
}

.shop_one {

	width: 200px;
	height: 344px;
	margin: 0px auto 0px auto; 
	float: left;
	background-color: #000000;
}

.shop_two {

	width: 427px;
	height: 344px;
	margin: 0px 5px;
	padding: 0px 20px;
	float: left;
	background-color: #F5F5F5;

}

.shop_three {

	width: 145px;
	height: 344px;
	margin: 0px auto 0px 0px;
	float: right;	

	
}

/*CARD*/

.card{

	width: 1002px;
	height: 344px;
	margin: 10px auto 0px auto;
	
	
}

.three {

	width: 175px;
	height: 344px;
	margin: 0px 5px 0px auto; 
	float: left;
	
}

.card_one {

	width: 200px;
	height: 344px;
	margin: 0px; 
	float: left;
	background-color: #000000;
	
	
}

.card_two {

	width: 427px;
	height: 344px;
	margin: 0px 5px;
	padding: 0px 20px;
	float: left;
	/*background-color: #F5F5F5;*/

}

.card_three {

	width: 145px;
	height: 344px;
	margin: 0px auto 0px 0px;
	float: right;	
	
	

}

/*MUSIC*/

.music {

	width: 1002px;
	height: 344px;
	margin: 10px auto 0px auto;
	
	
}

.four {

	width: 175px;
	height: 344px;
	margin: 0px 5px 0px auto; 
	float: left;
	
	
}

.music_one {

	width: 200px;
	height: 344px;
	margin: 0px auto; 
	float: left;
	background-color: #000000;
	
	
}

.music_two {

	width: 427px;
	height: 344px;
	margin: 0px 5px;
	padding: 0px 20px;
	float: left;
	background-color: #F5F5F5;

}

.music_three {

	width: 145px;
	height: 344px;
	margin: 0px auto 0px 0px;
	float: right;		
	
}

/*METRICS*/

.metrics{

	width: 1002px;
	height: 25px;
	margin: 10px auto 0px auto;
	
}

.four_a {

	width: 175px;
	height: 25px;
	margin: 0px 5px 0px auto; 
	float: left;

	
}

.metrics_one {

	width: 672px;
	height: 25px;
	margin: 0px auto; 
	float: left;
	background-color: #000000;
	font-size: 18px;
	text-align: center;
	color: #ffffff;
	
	
}


.metrics_two {

	width: 145px;
	height: 25px;
	margin: 0px auto 0px 0px;
	float: right;	
	


}



/*ALBUM*/

.album{

	width: 1002px;
	height: 344px;
	margin: 10px auto 0px auto;
	
}

.five {

	width: 175px;
	height: 344px;
	margin: 0px 5px 0px auto; 
	float: left;
	
	
}

.album_one {

	width: 200px;
	height: 344px;
	margin: 0px auto; 
	float: left;
	background-color: #000000;
	
	
}

.album_two {

	width: 427px;
	height: 344px;
	margin: 0px 5px;
	padding: 0px 20px;
	float: left;
	/*background-color: #f7f4f5;*/

}

.album_three {

	width: 145px;
	height: 344px;
	margin: 0px auto 0px 0px;
	float: right;	



}


/*COMING*/

.coming{

	width: 1002px;
	height: 344px;
	margin: 10px auto 0px auto;
	
}

.six {

	width: 175px;
	height: 344px;
	margin: 0px 5px 0px auto; 
	float: left;
	
}

.coming_one {

	width: 200px;
	height: 344px;
	margin: 0px auto; 
	float: left;
	background-color: #000000;	
	
}

.coming_two {

	width: 427px;
	height: 344px;
	margin: 0px 5px;
	padding: 0px 20px;
	float: left;
	background-color: #f7f4f5;

}

.coming_three {

	width: 145px;
	height: 344px;
	margin: 0px auto 0px 0px;
	float: right;		
	

}

/*STYLE*/

.style {

	width: 1002px;
	height: 344px;
	margin: 10px auto 0px auto; 
	
	
}

.seven {

	width: 175px;
	height: 344px;
	margin: 0px 5px 0px auto; 
	float: left;
	
}

.style_one {

	width: 200px;
	height: 344px;
	margin: 0px auto; 
	float: left;
	background-color: #000000;
}


.style_two {

	width: 427px;
	height: 344px;
	margin: 0px 5px;
	padding: 0px 20px;
	float: left;
	
}

.style_three {

	width: 145px;
	height: 344px;
	margin: 0px auto 0px 0px;
	float: right;		
	
	

}



.footer_outer {

	width: auto;
	height: 140px;
	background-color: #F5F5F5;

}

.footer {

	width: 622px;
	height: 130px;
	margin: 10px auto 0px auto;
	padding: 5px 340px 5px 320px;
	background-color: #F5F5F5;
	
	
}

.footer_iner{
	
	width: 622px;
	height: 130px;
	margin: 0px auto;
	
	
	
}




