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

body {
	font-family: 'Muli', sans-serif;
	font-weight:600;
	font-size:15px;
	line-height:18px;
	background: url(../images/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:#254155;
	text-align:justify;
	width:100%;
	height:100%;
	color:#000000;
	-webkit-text-size-adjust:100%;
	-webkit-animation-delay: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-duration: 0.1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	margin:0;
	overflow-y: scroll;
	overflow-x: hidden;
}


*:focus {outline:0!important;}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

a:link, a:visited { color:#008256; text-decoration:none;}
a: hover { color:#000; text-decoration:none; }

.clearfix {
	clear:both;
}

h1 {
	font-size:40px;
	line-height:38px;
	color:#0061aa;
	font-weight:800;
	margin:0px;
	text-align:center;
}

h2 {
	font-size:22px;
	line-height:23px;
	color:#0061aa;
	margin:0px;
	text-align:center;
}

h3 {
	font-size:18px;
	line-height:21px;
	font-weight:700;
	color:#000;
	margin:0px;
}

h4 {
	font-size:22px;
	line-height:23px;
	color:#000;
	margin:0px 0px 20px 0px;
	text-align:left;
}

h5 {
	font-size:28px;
	line-height:30px;
	color:#000;
	font-weight:800;
	margin:0px;
	text-align:center;
}

h6 {
	font-size:16px;
	line-height:21px;
	font-weight:700;
	color:#000;
	margin:0px;
}

.border-b-m {
	width:980px;
	height:10px;
	background-color:#0061aa;
	position:absolute;
	bottom:0px;
	left:0px;
	display:block;
	z-index:600;
}

hr.style-one {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

.shadow {
	-webkit-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, .3);
	box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, .3);
}

.gray {
	filter: gray;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
}

.gray:hover {
	filter: gray;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
}

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

.txt-c { text-align:center;}
.txt-j { text-align:justify;}
.txt-r { text-align:right;}
.txt-l { text-align:left;}
.txt-up { text-transform:uppercase;}

.up {z-index:999;}

.fweight400 { font-weight:400;}
.fweight700 { font-weight:700;}
.fweight800 { font-weight:800;}

.fsize10 { font-size:10px; line-height:13px;}
.fsize11 { font-size:11px; line-height:15px;}
.fsize12 { font-size:12px; line-height:15px;}
.fsize13 { font-size:13px; line-height:15px;}
.fsize14 { font-size:14px; line-height:17px;}
.fsize15 { font-size:15px; line-height:17px;}
.fsize25 { font-size:25px; line-height:20px;}

.mt3 { margin-top:3px;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}

.pb5 { padding-bottom:5px;}
.pl5 { padding-left:5px;}
.pl30 { padding-left:30px;}



/* NAVIGATION */

#nav-m {
	width:980px;
	height:35px;
	position:relative;
	z-index:400;

	font-size:11px;
	font-weight:800;
	color:#FFFFFF;
	text-align:center;
	text-transform:uppercase;
	overflow:hidden;
}

/* .nav-1 { width:192px; background-color:#ea302b; padding:8px 20px 0px 0px}
.nav-2 { width:149px; background-color:#f68d1e; padding:8px 0px 0px 0px}
.nav-3 { width:101px; background-color:#dccb22; padding:8px 0px 0px 0px}
.nav-4 { width:146px; background-color:#008256; padding:8px 0px 0px 0px}
.nav-5 { width:114px; background-color:#025992; padding:8px 0px 0px 0px}
.nav-6 { width:81px; background-color:#66336a; padding:8px 0px 0px 0px}
.nav-7 { width:158px; background-color:#ef81a8; padding:8px 0px 0px 20px} */

.nav-1 { width:195px; background-color:#ea302b; padding:8px 20px 0px 0px}
.nav-2 { width:100px; background-color:#f68d1e; padding:8px 0px 0px 0px}
.nav-3 { width:100px; background-color:#dccb22; padding:8px 0px 0px 0px}
.nav-4 { width:120px; background-color:#008256; padding:8px 0px 0px 0px}
.nav-5 { width:160px; background-color:#025992; padding:8px 0px 0px 0px}
.nav-6 { width:135px; background-color:#66336a; padding:8px 0px 0px 0px}
.nav-7 { width:100px; background-color:#ef81a8; padding:8px 0px 0px 20px}

.nav-top { padding:8px 0px 0px 0px; }

.temp {display:none;}

.point:hover { cursor:pointer;}

.red { color:#ea302b; }
.orange {color:#f68d1e; }
.yellow { color:#dccb22; }
.green { color: #008256; }
.blue { color:#025992; }
.indigo { color:#66336a; }
.pink { color:#ef81a8; }

.white a:link, .white a:visited { color:#FFF; text-decoration:none;}
.white a:hover { color:#FFF; text-decoration:none;}

.back {
	color:#FFF;
	font-size:11px;
	position:absolute;
	top:8px;
	left:150px;
	display:block;
}

.rotate {

  transform: rotate(-180deg);
  /* Safari */
  -webkit-transform: rotate(-180deg);
  /* Firefox */
  -moz-transform: rotate(-180deg);
  /* IE */
  -ms-transform: rotate(-180deg);
  /* Opera */
  -o-transform: rotate(-180deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* NAVIGATION end */



/* MAIN */

.logo {
	width:85px;
	position:absolute;
	top:0px;
	left:30px;
	z-index:500;
}

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

#ecard {
	width:980px;
	height:570px;
	background: rgba(255, 255, 255, 0.9);
	-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);
	background: url(../images/bg-ecard.jpg) no-repeat center center scroll;
	background-color:#ececec;
	margin:30px auto 10px;
	position:relative;
}

.pt:hover { cursor:pointer;}

.flag {
	width:80px;
	background-color:#C20000;
	text-align:center;
	color:#FFF;
	font-size:13px;
	padding:5px 10px;
	float:right;
}

.btn-discover {
	width:90px;
	margin:10px auto 0px;
}

/* MAIN end */



/* HOME */

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

#home .content {
	width:920px;
	margin:70px auto 0px;
}

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

#home .half-r {
	width:520px;
	float:left;
	margin-left:30px;
	position:relative;
}

#feat-box {
	width:350px;
	position:relative;
	top:0px;
	left:10px;
	display:block;
}

#feat-fullset {
	width:390px;
	margin:auto;
	position:relative;
	top:130px;
	left:-10px;
	display:none;
}

#feat-booklet {
	width:350px;
	margin:auto;
	position:relative;
	top:60px;
	left:10px;
	display:none;
}

.catno-feat {
	font-size:12px;
	line-height:15px;
	position:absolute;
	top:370px;
	left:0px;
	display:block
}

.thumbs-m {
	width:121px;
	position:absolute;
	top:383px;
	right:10px;
}

.thumb {
	width:37px;
	height:37px;
	float:left;
}

.btn {
	height:30px;
	padding:5px 10px;
	text-align:center;
	background-color:#ea302b;
	font-size:13px;
	color:#FFF;
	font-weight:700;
	border-radius:5px;
}

.border-b { border-bottom:2px solid #0061aa; }

#home-release {
	display:block;
}

#home-key {
	display:none;
}

.ribbon {
	width:70px;
	position:absolute;
	top:140px;
	left:350px;
	display:block
}

.wpr {
	width:100px;
	position:absolute;
	top:410px;
	left:0px;
	display:block
}

/* HOME end */


/* ABOUT */

#about {
	width:980px;
	height:570px;
	position:absolute;
	display:none;
	top:0px;
	left:0px;
}

#about .content {
	width:920px;
	margin:100px auto 0px;
}

#about .inline-img140 {
	width:140px;
	float:left;
	margin:0px 15px 0px 0px;
}

#about .half-l {
	width:90px;
	float:left;
}

#about .half-r {
	width:350px;
	float:left;
	margin:0px 0px 0px 10px;
}
	
#about .half {
	width:450px;
	float:left;
	position:relative;
}




/* INLINE */

.inline-style {
	width:100%;
	height:100%;
	line-height:18px;
	border:3px solid #CCC;
	border-radius:2px;
	color:#333333;
	padding:20px;
	background-color:#FFF;
}

.inline-content {
	margin-top:20px;
}

.inline-content a:link, .inline-content a:visited, .inline-content a:active {
	color:#666;
	background:none;
	text-decoration:none;
}

.inline-content a:hover {
	background:none;
	text-decoration:none;
}

.inline-img {
	float:left;
	margin:0px 15px 5px 0px;
	position:relative;
	z-index:100;
}

.inline-right img{
	float: right; 
	padding-left:10px;
	padding-top:10px;
	position:absolute;
	bottom: 10px;
}

.img2 {
	width:400px;
	margin:auto;
}

.box {
	background-color:#f3f3f3;
	border:1px solid #EEEEEE;
	padding:15px;
	margin:15px auto;
}

/* INLINE end */




/* TIMELINE */

#timeline {
	width:980px;
	height:570px;
	position:absolute;
	display:none;
	top:0px;
	left:0px;
}

#timeline .content {
	width:980px;
	margin:40px auto 0px;
}

/* TIMELINE end */




/* TRACKLIST */

#tracklist {
	width:980px;
	height:570px;
	position:absolute;
	display:none;
	top:0px;
	left:0px;
}

#tracklist .content {
	width:980px;
	margin:55px auto 0px;
	overflow:hidden;
}

.sub-nav-m {
	width:980px;
	position:absolute;
	top:55px;
	left:55px;
	z-index:400;

	font-size:13px;
	line-height:15px;
	font-weight:800;
	color:#000000;
	text-align:center;
	text-transform:uppercase;
	overflow:hidden;
}

.sub-nav-indiv {
	padding:0px 15px;
}

.sub-nav-indiv:hover {
	cursor:pointer;
}

.border-tb {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.d-orchestral {
	display:block;
}

.disc-b {
	width:55px;
	font-size:11px;
	font-weight:800;
	line-height:15px;
	padding:1px 5px;
	text-align:center;
	border-radius:2px;
	color:#FFF;
	text-transform:uppercase;
}


#tracklist a:link, #tracklist a:visited, .frec a:link, .frec a:visited { color:#000; text-decoration:none; }
#tracklist a:hover, .frec a:hover { color:#ea302b; text-decoration:none; }

.track {
	font-size:13px;
	line-height:17px;
	font-weight:600;
}

.num {
	font-size:12px;
	font-weight:600;
	text-align:right;
}

.type-orchestral { color:#ea302b; }
.type-concerto, .type-keyboard, .type-chamber, .type-stage, .type-choral, .type-vocal {color:#000000; }
.type-vocal { color:#000000; }

#tracklist-orchestral { display:block; }
#tracklist-concerto { display:none; }
#tracklist-keyboard { display:none; }
#tracklist-chamber { display:none; }
#tracklist-stage { display:none; }
#tracklist-choral { display:none; }
#tracklist-vocal { display:none; }


.bg-red { background-color:#ea302b; }
.bg-orange { background-color:#f68d1e; }
.bg-yellow { background-color:#dccb22; }
.bg-green { background-color: #008256; }
.bg-blue { background-color:#025992; }
.bg-indigo { background-color:#66336a; }
.bg-pink { background-color:#ef81a8; }



/* TRACKLIST end */




/* FIRST RECORDINGS */

#recordings {
	width:980px;
	height:570px;
	position:absolute;
	display:none;
	top:0px;
	left:0px;
}

#recordings .content {
	width:920px;
	margin:60px auto 0px;
	overflow:hidden;
}

.track-r {
	font-size:13px;
	line-height:17px;
	font-weight:600;
}

/* FIRST RECORDINGS end */





/* PERFORMERS */

#performers {
	width:980px;
	height:570px;
	position:absolute;
	display:none;
	top:0px;
	left:0px;
}

#performers .content {
	width:920px;
	margin:120px auto 0px;
	overflow:hidden;
}

#soloists { display:block;}
#chamber { display:none;}
#orchestras { display:none;}
#conductors { display:none;}

/* PERFORMERS end */



/* VIDEOS */

#videos {
	width:980px;
	height:570px;
	position:absolute;
	display:none;
	top:0px;
	left:0px;
}

#videos .content {
	width:920px;
	margin:180px auto 0px;
	overflow:hidden;
}

/* VIDEOS end */


/* RECENT AND UPCOMING RELEASES */

#upcoming {
	width:980px;
	height:570px;
	position:absolute;
	display:none;
	top:0px;
	left:0px;
}

#upcoming .content {
	width:980px;
	margin:160px auto 0px;
	overflow:hidden;
}

#orchestral { display:block;}
#piano { display:none;}
#solo { display:none;}
#chambermusic { display:none;}
#lieder { display:none;}


/* RECENT AND UPCOMING RELEASES end */







/* RECOMMENDED */

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

#recommended .content {
	width:920px;
	margin:100px auto 0px;
	position:relative;
	overflow:hidden;
}

#other { display:block;}
#educ { display:none;}
#app { display:none;}
#audiobook { display:none;}
#ebook { display:none;}

.ebook-s {
	width:250px;
	margin:25px auto 0px;
}

/* RECOMMENDED end */








/* FOOTER */

.footer {
	font-size:11px;
	line-height:13px;
	text-align:center;
	margin:20px 0px;
	color:#fff;
}

.footer a {
	color:#FFF;
}

.footer a:hover {
	color:#fff;
}

/* FOOTER end */