@charset "UTF-8";
/* CSS Document */

html, body {
	width:100%;
	height:100%;
}

body {
	font-family: 'PT Serif', serif;
	background:url(../images/bg.jpg) no-repeat center center fixed;
	background-color:#dcd8d9;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% 100% cover;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	
	color:#000000;
	font-size:14px;
	line-height:18px;
	font-weight:400;
	margin:0px;
}

.clearfix {
	clear:both;
}

img {
	border:0;
	border-style: none;
	outline:0;
}

*:focus {outline:0!important;}

a:link, a:visited {
	font-weight:700;
	color:#9d0d20;
	text-decoration:none;
}

a:hover {
	font-weight:700;
	color:#9d0d20;
	text-decoration:underline;
}


/* NAVIGATION */

#nav-bar {
	width:980px;
	background-color:#9d0d20;
	text-align:center;
	margin:10px auto 0px;
	padding:3px 0px 3px 0px;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:500;
}

.nav-ind {
	font-size:13px;
	line-height:15px;
	color:#FFF;
	padding:0px 50px 0px;
	margin-top:4px;
}

.nav-ind:hover {
	cursor:pointer;
}

/* NAVIGATION end */

/* MAIN */

#ecard-w {
	width:100%;
	height:100%;
}

#ecard {
	width:980px;
	height:570px;
	background:url(../images/ecard-bg.png) no-repeat top left;
	background-size:cover;
	border:2px solid #FFFFFF;
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	margin:30px auto 0px;
	position:relative;
}

.naxos {
	width:85px;
	position:absolute;
	top:0px;
	left:0px;
}

h1 {
	font-family: 'PT Serif', serif;
	font-size:35px;
	line-height:30px;
	font-weight:700;
	color:#9e0e22;
	text-align:center;
	margin:23px 0px 10px;
}

h2 {
	font-family: 'PT Serif', serif;
	font-size:20px;
	line-height:22px;
	font-weight:700;
	color:#000000;
	text-align:center;
	margin:0px;
}

.title-s {
	font-size:42px;
	line-height:40px;
	font-weight:400;
	color:#783f06;
}

.float {
	float:left;
}

.line {
	width:4px;
	padding:0px 20px 0px;
	margin-top:3px;
}

#header {
	width:920px;
	margin:auto;
	position:relative;
	z-index:500;
	overflow:hidden;
}

.m5 {
	margin-top:5px;
}

.m10 {
	margin-top:10px;
}

.m15 {
	margin-top:15px;
}

.m20 {
	margin-top:20px;
}

.m30 {
	margin-top:30px;
}

.m40 {
	margin-top:40px;
}

.star {
	text-align:center;
	font-size:14px;
	color:#C20000;
}

.red {
	color:#890c1c;
}

.credit {
	margin:-20px 0px 0px 10px;
	color:#979797;
	font-size:9px;
}
/* MAIN end */



/* HOME */

#home {
	width:980px;
	height:570px;
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	z-index:90;
}

.home-content {
	width:920px;
	margin:110px auto 0px;
}

#home .half-l {
	width:340px;
	float:left;
	position:relative;
}

#home .half-l  img, .reco-album img{
	-webkit-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, .5);
	box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, .5);
}

#home .half-r {
	width:555px;
	float:left;
	margin-left:25px;
}

.catno-feat {
	font-size:12px;
	line-height:15px;
	text-align:center;
	margin-top:5px;
}

.flag {
	width:95px;
	position:absolute;
	top:-5px;
	right:-10px;
	z-index:500;
}

.flag2 {
	width:95px;
	position:absolute;
	top:310px;
	right:-10px;
	z-index:500;
}

.home-artist {
	width:245px;
	position:absolute;
	bottom:24px;
	right:0px;
}

.video {
	width:180px;
	background-color:#d1d0ce;
	height:17px;
	padding:10px 10px;
	font-weight:300;
	text-align:center;
	border-radius:3px;
	color:#000;
	font-size:14px;
	line-height:17px;
	margin:15px auto 0px;
}

.video a {
	font-weight:400;
	text-decoration:none;
	color:#000;
}

/* HOME end */



/* ARTISTS */

#artists {
	width:980px;
	height:570px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:90;
}

#artist-content {
	width:920px;
	height:410px;
	margin:120px auto 0px;
}

.artist-row {
	width:760px;
	margin:10px auto;
}

.a-ind {
	width:170px;
	float:left;
	margin:0px 10px;
}

.a-pic {
	width:170px;
	float:left;
}

.a-bio {
	width:380px;
	float:left;
	margin-left:20px;
}

.content {
	width:570px;
}

.caption {
	font-size:12px;
	text-align:center;
}

/* ARTISTIS end */



/* DISCS */

#discs {
	width:980px;
	height:570px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:90;
}


#discs .half-l {
	width:230px;
	float:left;
	margin-left:20px;
}

#discs .half-r {
	width:500px;
	float:left;
	margin:20px 0px 0px 20px;
}

#discs .catno {
	font-size:13px;
	line-height:15px;
	text-align:left;
	margin-top:5px;
}

.disc-no {
	font-weight:700;
	color:#7c4300;
	text-transform:uppercase;
	margin-top:10px;
}

.disc-t {
	font-weight:700;
}

.thumbs-m {
	width:500px;
	margin:30px auto 0px;
}

.disc-box {
	width:40px;
	height:15px;
	background-color:#7c4300;
	color:#FFF;
	font-size:13px;
	text-transform:uppercase;
	text-align:center;
	padding:2px 10px 3px 10px;
	margin:10px 0px 5px 0px;
}


/* DISCS end */




/* RECOMMENDED */

#recommended {
	width:980px;
	height:570px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:90;
}

.discs-content {
	width:880px;
	margin:110px auto 0px;
}

.reco-m {
	width:880px;
	margin:0px auto 0px;
	overflow:hidden;
}

.reco-m2 {
	width:440px;
	margin:0px auto 0px;
}

#recommended h2 {
	font-family: 'PT Serif', serif;
	font-size:17px;
	line-height:22px;
	font-weight:700;
	color:#000000;
	text-transform:uppercase;
	text-align:center;
	margin:10px 0px 20px 0px;
}

.recommended-content {
	width:920px;
	margin:150px auto 0px;
}

.reco-ind {
	width:200px;
	float:left;
	margin:0px 10px;
}

.reco-album {
	width:155px;
	margin:auto;
}

.review {
	font-size:13px;
	text-align:center;
	margin-top:5px;
}

#recommended .catno {
	font-size:13px;
	line-height:15px;
	text-align:center;
	margin-top:5px;
}

.flag-2 {
	width:80px;
	background-color:#9d0d20;
	text-align:center;
	color:#FFFFFFFF;
	padding:5px 10px;
	margin:15px auto 0px;
}

/* RECOMMENDED end */



/* FOOTER */

#footer {
	font-size:11px;
	text-align:center;
	color:#000;
	font-weight:400;
	line-height:15px;
	margin-top:20px;
	margin-bottom:30px;
}

#footer a:link, #footer a:visited {
	color:#7c4300;
	text-decoration:none;
}

.sm-m {
	width:48px;
	margin:auto;
}

.sm {
	width:20px;
	float:left;
	margin:0px 2px;
}


/* FOOTER end */