@import url('reset.css');
body{
	background:#EEBF51;
	color:#fff;
	font-family: 'Terminal Dosis Light', Arial, sans-serif;
	text-transform:uppercase;
	width: 900px;
	height:1200px;
}
*{
	margin: 0px;
	padding: 0px;
}
a{
	color:#fff;
	text-decoration:none;
}
.cd_wrapper{
	width: 962px;
	height: 1500px;
}
img.cd_bgimage{
	width: 100%;
	height: 100%;
	position: absolute;
	opacity:0.7;
	background-size: cover;
	background-position: center;
}
.cd_overlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:transparent url(../images/pattern.png) repeat top left;
}
.cd_loading{
	width:600px;
	height:600px;
	position:fixed;
	top:50%;
	left:50%;
	margin:-270px 0px 0px -270px;
	border:20px solid #fff;
	background:#fff url(../images/loader.gif) no-repeat center center;
	z-index:99999;
	opacity:0.7;
	border-radius:270px 270px 270px 270px;
}
h1.cd_title{
	font-size:170px;
	position:fixed;
	top:0px;
	left:10px;
	text-shadow:0px 0px 1px #fff;
}
h1.cd_title span{
	display:block;
	font-size:22px;
	margin: -35px 0px 0px 13px;
}
.jp-audio{
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	z-index:1000;
	margin: -200px 0 0 -107px;
	height:200px;
}
.cd_playlist{
	display:none;
}
.cd_album{
	width:700px;
	height:700px;
	border-radius:370px 370px 370px 370px;
	background-color:transparent;
	background-repeat: no-repeat;
	background-position:center center;
	position:fixed;
	top:50%;
	left:50%;
	margin:-370px 0px 0px -360px;
	border:20px solid #fff;
	display:none;
}


.cd_album_1{
	background-image:url( ../thumbs/1.png);
	
}
.cd_album_2{
	background-image:url( ../thumbs/2.png);
	

}
.cd_album_3{
	background-image:url( ../thumbs/3.png);

}
.cd_album_4{
	background-image:url( ../thumbs/4.png);

}

.cd_album h1{
	position:absolute;
	top: 310px;
	margin-left:-10px;
	background:#fff;
	color:#000;
	font-size:30px;
	font-style: bolt;
	text-shadow:2px 2px 0px #ddd;
	z-index:100;
	cursor:pointer;
	width: 310px;
	padding:25px;
	border-radius: 1.5em 1.5em 1.5em 1.5em;
}
.cd_album h1:hover{
	opacity:1.0;
	color:#ffc000;

}
.cd_navigation a{
	width: 15px;
	height: 15px;
	position:fixed;
	left:50%;	
	text-indent:-9000px;
	outline:none;
	opacity:0.6;
	z-index:999999;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-transition: all 0.5s ease-in-out;
}
.cd_navigation a:hover{
	opacity:1.0;

}
.cd_navigation a.cd_prev{
	background:transparent url( ../images/preus.svg) no-repeat center center;
	bottom:5px;
	margin-left:-440px;
	background-size: cover;
	width: 170px;
	height: 177px;
}
.cd_navigation a.cd_next{
	background:transparent url( ../images/next.svg) no-repeat center center;
	background-size: cover;
	top: 5px;
	margin-left:285px;
	width: 170px;
	height: 170px;
}
.cd_content{
	width:700px;
	height:700px;
	border-radius:380px 380px 380px 380px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	background-color:#BDBABA;
 
}
.cd_content_inner{
	position:absolute;
	top:400px;
	left: 78px;
	width:540px;
	height:150px;
	outline:none;
	overflow:hidden;
	background:transparent url(../images/bg_content_inner.png) repeat top left;
	background-color: yellow;
}

.cd_content_inner p{
	color:#000;
	font-size:18px;
	padding:10px;
	text-shadow:1px 1px 0px #ffe747;
}
a.cd_back{
	position:absolute;
	top: 65px;
	right:-90px;
	background:#fff;
	color:#000;
	font-size:26px;
	text-shadow:2px 2px 0px #ddd;
	padding:15px;
	z-index:100;
	display:none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-transition: all 0.5s ease;
	width: 135px;
	border-radius: 1.5em 1.5em 1.5em 1.5em;
	}
a.cd_back:hover{
	color:#ffc000;
}
.cd_footer{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	font-size:13px;
	height:20px;
	padding-bottom:5px;
}
.cd_footer a{
	padding:5px 10px;
	letter-spacing:1px;
	text-shadow:0px 0px 1px #fff;
	color:#fff;
	float:right;
}
.cd_footer a:hover{
	color:#000;
}
.cd_footer a span{
	font-weight:bold;
}
.cd_footer a.cd_left{
	float:left;
}
.home_1{
	position: absolute;
	margin-left: -458px;
	width: 150px;
	height: 150px;
	background: url(../images/home03.svg);
	background-size: cover;
	padding: 20px;
	opacity: 0.9;
}
.home_1:hover{
	background: url(../images/home03.svg);
	background-size: cover;
	opacity: 1;
}