@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:none;
	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;}

.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 */

#top-bar {
	width:980px;
	height:35px;
	position:relative;
	z-index:400;
	display:none;

	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: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-top { padding:8px 0px 0px 0px; }

.temp {display:none;}

.nav-5 { width:110px; background-color:#025992; padding:8px 0px 0px 0px}
.nav-6 { width:150px; background-color:#66336a; padding:8px 0px 0px 0px}
.nav-7 { width:120px; width:140px; background-color:#ef81a8; padding:8px 0px 0px 20px}

.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; }

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

.back2 {
	color:#FFF;
	font-size:11px;
	position:absolute;
	top:8px;
	left:318px;
	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:#FFFFFF;
	margin:30px auto 10px;
	position:relative;
	 /* border-bottom:10px solid #0061aa; */
}

.pt:hover { cursor:pointer;}

/* MAIN end */




/* PORTAL */

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

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



/* HOME */

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

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

.ribbon-h {
	width:80px;
	position:absolute;
	top:10px;
	right:30px;
	display:block;
}

.tile-01 { width:304px; height:125px; background-color:#ea302b; position:absolute; top:150px; left:20px; overflow:hidden; }
.tile-02 { width:302px; height:125px; background-color:#f68d1e; position:relative; overflow:hidden; }
.tile-03 { width:304px; height:125px; background-color:#dccb22; position:relative; overflow:hidden; }
.tile-04 { width:304px; height:125px; background-color:#008256; position:relative; overflow:hidden; }
.tile-05 { width:302px; height:125px; background-color:#025992; position:relative; overflow:hidden; }
.tile-06 { width:304px; height:125px; background-color:#66336a; position:relative; overflow:hidden; }
.tile-07 { width:304px; height:125px; background-color:#ef81a8; position:relative; overflow:hidden; }
.tile-08 { width:302px; height:125px; background-color:#7c64c1; position:relative; overflow:hidden; }
.tile-09 { width:304px; height:125px; background-color:#999999; position:relative; overflow:hidden; }

/*
.img-01 { display:block; }
.img-02 { display:block; position:absolute; top:0px; left:0px; z-index:500; }
.img-02 { position:relative; display:none; z-index:400; }
.img-03 { display:block; position:absolute; top:0px; left:0px; z-index:500; }
.img-03 { position:relative; display:none; z-index:400; }
*/


.img-01 { position:absolute; top:0px; left:0px;}
.img-02 { position:absolute; top:0px; left:-130px;}
.img-03 { position:absolute; top:0px; left:-130px;}
.img-04 { position:absolute; top:0px; left:-130px;}
.img-05 { position:absolute; top:0px; left:-130px;}
.img-06 { position:absolute; top:0px; left:-130px;}
.img-07 { position:absolute; top:0px; left:-130px;}
.img-08 { position:absolute; top:0px; left:-130px;}
.img-09 { position:absolute; top:0px; left:-130px;}

.title-beethoven {
	width:520px;
	margin:33px 0px 39px 232px;
}

.txt-h { text-transform:uppercase; font-weight:800; font-size:16px; color:#ffffff; text-align:left;}
.txt-v { text-transform:uppercase; font-weight:800; font-size:16px; color:#ffffff; text-align:left; -ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);}


.menu-01-h {  position:absolute; bottom:20px; left:20px; display:block;}
.menu-01-v {  position:absolute; bottom:100px; left:-62px; display:none;}

.menu-02-h { display:none; position:absolute; bottom:20px; left:20px;}
.menu-02-v { display:block; position:absolute; bottom:95px; left:-55px;}
.menu-03-h { display:none; position:absolute; bottom:20px; left:20px;}
.menu-03-v { display:block; position:absolute; bottom:105px; left:-65px;}
.menu-04-h { display:none; position:absolute; bottom:20px; left:20px;}
.menu-04-v { display:block; position:absolute; bottom:155px; left:-115px;}
.menu-05-h { display:none; position:absolute; bottom:20px; left:20px;}
.menu-05-v { display:block; position:absolute; bottom:95px; left:-55px;}
.menu-06-h { display:none; position:absolute; bottom:20px; left:20px;}
.menu-06-v { display:block; position:absolute; bottom:161px; left:-120px;}
.menu-07-h { display:none; position:absolute; bottom:20px; left:20px;}
.menu-07-v { display:block; position:absolute; bottom:70px; left:-28px;}
.menu-08-h { display:none; position:absolute; bottom:20px; left:20px;}
.menu-08-v { display:block; position:absolute; bottom:45px; left:-5px;}
.menu-09-h { display:none; position:absolute; bottom:20px; left:20px;}
.menu-09-v { display:block; position:absolute; bottom:77px; left:-37px;}

/* HOME end*/


/* BOX */

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

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

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

#box .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;
}

.button {
	width:70px;
	padding:3px 10px;
	text-align:center;
	background-color:#008256;
	text-transform:uppercase;
	font-size:12px;
	color:#FFF;
	font-weight:700;
	border-radius:2px;
}

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

#box-release {
	display:block;
}

#box-key {
	display:none;
}

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

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

/* BOX 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 { color:#000; text-decoration:none; }
#tracklist 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 */



/* DIGIPLAY */

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

#digiplay .content {
	width:920px;
	margin:140px auto 0px;
	overflow:hidden;
}

/* DIGIPLAY 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:110px 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 */