@charset "UTF-8";

@font-face {
    font-family: 'HelveticaLightCn';
    src: url('helveticaneueltstd-ltcn-webfont.eot');
    src: url('helveticaneueltstd-ltcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-ltcn-webfont.woff') format('woff'),
         url('helveticaneueltstd-ltcn-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-ltcn-webfont.svg#HelveticaNeueLTStdLtCnRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaThCn';
    src: url('helveticaneueltstd-thcn-webfont.eot');
    src: url('helveticaneueltstd-thcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-thcn-webfont.woff') format('woff'),
         url('helveticaneueltstd-thcn-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-thcn-webfont.svg#HelveticaNeueLTStd37ThCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Perpetua';
	src: url('perpetuatitlingmtlight.eot');
	src: url('perpetuatitlingmtlight.eot?#iefix') format('embedded-opentype'),
			 url('perpetuatitlingmtlight.woff') format('woff'),
			 url('perpetuatitlingmtlight.ttf') format('truetype'),
			 url('perpetuatitlingmtlight.svg#perpetuatitlingmtlight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@-webkit-keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: 'HelveticaThCn';
	font-size: 14pt;
	background-color: #333;
	-webkit-transition: background 500ms;
	-moz-transition: background 500ms;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 500ms;
	transition: background 500ms;
	-webkit-animation-name: fade-in;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	color:#FFF;
	letter-spacing:1px;
}

.MainPage {  }
.MainPage #mainContent {
}

p { text-align:justify; font-size:12pt; }

a:link, a:visited {
	color: #EECDAA;
	text-decoration: none;
}
a:hover { color: #FFF; text-decoration: none; }
a:active {
	color: #FFF;
	text-decoration: underline;
}

h1 {
	font-family: 'Perpetua';
	color: #AAA;
	font-size:28pt;
	font-weight: normal;
	text-decoration: none;
	clear:both;
	padding:10px;
	text-transform:uppercase;
	letter-spacing:3px;
}
h2 { font-family: 'Perpetua'; color: #AAA; font-size: 24pt; font-weight: normal; text-decoration: none; clear:both; text-transform:uppercase; letter-spacing:3px; }
h3 { font-family: 'Perpetua'; color: #AAA; font-size: 18pt; font-weight: normal; text-decoration: none; clear:both; text-transform:uppercase; letter-spacing:3px; }
h4, h5 {
	font-family: 'Perpetua';
	color: #CCC;
	font-size: 16pt;
	font-weight: normal;
	text-decoration: none;
	clear: both;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5 { text-align:left; }
h5 { font-size: 14pt; letter-spacing: 1px; }

#pagetitle {
	font-family:'Perpetua';
	font-size:38px;
	color:#FFF;
	width:920px;
	bottom:10px;
	left:10px;
	position:absolute;
	z-index:1000;
	float:left;
	text-transform:uppercase;
	letter-spacing:30px;
	padding-top:10px;
}

#menubar {
	font-family: 'Perpetua';
	width: 750px;
	line-height:24px;
	height:28px;
	text-transform:uppercase;
	letter-spacing:1px;
	position:relative;
	z-index:1000;
	font-size:14px;
	color:#BBB;
}

#menubar a:link, #menubar a:visited {
	color:#CCC;
	text-align:center;
	top: 0px;
	text-decoration:none;
}

#menubar a:hover, #menubar a:active {
	color:#FFF;
}

#menuBtn1, #menuBtn2, #menuBtn3, #menuBtn4, #menuBtn5, #menuBtn6, #menuBtn7, #menuBtn8 {
	float:left;
	padding-right: 10px;
	padding-left: 10px;
}

#page0, #page1, #page2, #page3, #page4, #page5, #page6, #page7, #page8, #page9, #page10, #page11, #page12, #page13, #page14, #page15 {
	top: auto;
	margin-top:-250px;
	margin:0 auto;
	font-size:12pt;
	opacity:1;
	padding:0px;
	overflow-x:hidden;
	overflow-y:auto;
	width:900px;
	height:550px;
	position: absolute;
	background-attachment: inherit;
	background-repeat: no-repeat;
	background-position: center center;	
	border: 1px solid #888888;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}

#page1, #page2, #page3, #page4, #page5, #page6, #page7, #page8, #page9, #page10, #page11, #page12, #page13, #page14  {
	opacity:0;
	z-index:-1;
}

#page0 {
	background-image: url(../images/bg01.jpg);
}

#page1 {
	background-image: url(../images/bg01.jpg);
}

#page2, #page4, #page12 {
	background-image: url(../images/bg02.jpg);
}

#page3 {
	background-image: url(../images/bg03.jpg);
}

#page5 {
	background-image: url(../images/bg05.jpg);
}

#page6 {
	background-image: url(../images/bg06.jpg);
}

#page7 {
	background-image: url(../images/bg07.jpg);
}

#page8, #page9, #page10, #page13, #page14 {
	background-image: url(../images/bg03.jpg);
}

#page11 {
	background-image: url(../images/bg04.jpg);
}

#page15 {
	background-image: url(../images/bg15.jpg);
}

#newsPage, #bioPage, #musicPage, #multimediaPage, #photosPage, #videoPage, #reviewsPage, #discographyPage, #groupsPage, #lessonsPage, #calendarPage, #scoresPage, #contactPage, #music-001Page, #music-002Page {
	margin:10px;
	margin-top:30px;
	width:320px;
	height:440px;
	padding:5px;
	overflow-x:inherit;
	overflow-y:inherit;
	background:rgba(0,0,0,0.75);
	-webkit-overflow-scrolling: touch;
}

#newsPage, #bioPage, #multimediaPage, #musicPage, #photosPage, #videoPage, #reviewsPage, #groupsPage, #calendarPage, #contactPage, #music-001Page, #music-002Page {
	float:right;
	text-align:right;
}

#newsPage { width:400px; }
#newsPage p { text-align:right; }

#bioPage, #reviewsPage, #groupsPage, #lessonsPage { width:450px; height:415px; text-align:justify; padding:10px; margin-top:2px;}

#discographyPage {
	float:left;
	width:600px;
	font-size:11pt;
}

#discographyPage img {
	margin-left:10px;
}

#musicPage, #music-001Page, #music-002Page { width:655px; height:401px; margin-top:42px; overflow:hidden; }

#photosPage, #videoPage { width:870px; height:428px; margin-top:24px; }

#scoresPage { width:435px; }

#lessonsPage {
	margin-top:30px;
}

#calendarPage { width:410px; }
#calendarPage a { text-transform:uppercase; font-size:12pt; }

#linksPage { width:400px; }

#contactPage { margin:0px; margin-top:180px; padding:20px; width:auto; height:auto; background:rgba(0,0,0,0.5); }
#contactPage h3 { margin: 1px; }
#contactPage p { text-align:right; }

#videoPage .entry { padding-bottom: 20px; clear:both; }

#socialButtons{
	width:455px;
	text-align:right;
	padding:1px;
}

.socialBtn {
	text-align:right;
	height:24px;
	overflow-y:hidden;
	overflow:hidden;
}

.videothumb {
	background: #000000;
	width:100px;
	border: 1px solid #FFFFFF;
	margin: 10px;
	float: right;
	overflow: hidden;
}

.cliplisting {
	width:400px;
	text-align: left;
	color: #AAA; 
	padding:10px;
	float:left;
}

.cliptitle{ color: #FFF; font-size:16pt; }
cliptitle{ color: #FFF; font-size:16pt; }


#multimediaPage { font-family:'Perpetua'; text-align:center; letter-spacing:10px; width:880px; height:60px; padding:0; padding-top:25px; padding-left:20px; margin:0; margin-top:252px; }

#multimediaPage h2 { display:inline; }

#mm-menubar {
	font-family: 'Perpetua';
	font-size:14px;
	overflow: hidden;
	width:200px;
	top: 25px;
	z-index: 10;
	position: relative;
	text-transform: uppercase;
	text-align: left;
	margin-left:0px;
	padding-left:10px;
}

#mm-menubar a:link, #mm-menubar a:visited {
	color:#AAA;
	display:inline;
	width:auto;
	text-align:left;
	text-decoration:none;
	margin-right:5px;
}

#mm-menubar a:hover, #mm-menubar a:active {
	color:#FFE7CD;
}

#music-menubar {
	font-size:16px;
	overflow:hidden;
	width:200px;
	top: 25px;
	z-index: 12;
	position: relative;
	text-transform: uppercase;
	text-align: left;
	margin:0px;
	margin-left:10px;
}

#music-menubar img { margin-bottom:10px; }

#about-menubar {
	font-family:'Perpetua'; 
	font-size:16px;
	overflow:hidden;
	width:900px;
	z-index:11;
	position:relative;
	text-transform:uppercase;
	margin-top:22px;	
	margin-right:5px;	
	padding-right:10px;
	text-align:right;
}

#about-menubar a:link, #about-menubar a:visited {
	color:#BBB;
	display:inline;
	width:auto;
	text-align:center;
	text-decoration:none;
	margin-right:10px;
}

#about-menubar a:hover, #about-menubar a:active {
	color:#FFE7CD;
}

.tracklisting { font-size: 10pt; color: #AAA; text-align:right; padding-bottom:20px; }
.trackcomposer { font-size: 10pt; text-transform: uppercase; display:inline; }
.tracktitle { font-family: 'Perpetua'; letter-spacing:3px; color: #FFF; font-size: 12pt; display:inline; padding-left: 0px; float:left; }
.trackalbum { font-size: 10pt; display:inline; padding-left: 10px; float:right; }
.trackmovement { font-size: 12pt; }
.audioBtn { font-family: 'HelveticaLightCn'; padding-right: 20px; font-size: 12pt; }

#listenbtn {
	display: inherit;
	float: none;
	margin-top:0px;
	padding-right: 20px;
}

.listenBtn {
	display: inherit;
	float: right;
	text-align:right;
	margin-top:0px;
	padding-left: 20px;
}

#pubgallery { width: 800px; margin-left:0px; margin-bottom:10px; padding-bottom:10px; clear:both; text-align:right; }
#pubgallery .thumb {
	background: #000000;
	width: 70px;
	height: 70px;
	border: 1px solid #FFFFFF;
	margin: 6px;
	float: right;
	overflow: hidden;
}

#albumgallery { width: 800px; margin-left:0px; margin-bottom:10px; clear:both; text-align:right; }
#albumgallery .thumb {
	background: #000000;
	width: 70px;
	height: 70px;
	border: 1px solid #FFFFFF;
	margin: 6px;
	float: right;
	overflow: hidden;
}

.thumb { 
	background: #000000;
	width: 70px;
	height: 70px;
	border: 1px solid #FFFFFF;
	margin: 6px;
	float: right;
	overflow: hidden;
}

.entry {
	padding: 10px;
	border-bottom: 1pt solid #666;
	clear:both;
}

#discographyPage .entry {
	padding-bottom:20px;
}

longdate { color: #AAA; font-size: 10pt; display: block;}
shortdate { color: #AAA; font-size: 10pt; display: block;}
newsdate { color: #AAA; font-size: 10pt; display: block; }

event { color: #FFFFFF; font-size: 16pt; display: block;}
venue { color: #CCCCCC; font-size: 14pt; display: block;}
city { color: #BBBBBB; font-size: 14pt; display: block;}
maplink { font-size: 12pt; }
repertoire { color: #999999; font-size: 12pt; display:block; }
details, description { color: #BBBBBB; font-size: 12pt; display:block; }
website { font-size: 12pt; display: block; }
time { color: #AAA; font-size: 10pt; }

headline { font-family: 'Perpetua'; color: #FFFFFF; font-size: 14pt; display: block; }
newsitem { color: #BBBBBB; font-size: 10pt; }

content { font-size: 14pt; padding-left: 5px; }
education { font-size: 12pt; }
composer { color: #888; font-size: 10pt; display: block; }
work { color: #fff; }
movement { color: #acacac; font-size: 12px; display: block; }

artist { color: #CCCCCC; font-size: 10pt; text-transform:uppercase; display: block; }
album { color: #FFFFFF; font-size: 16pt; display: block; }
label { color: #CCCCCC; font-size: 12pt; display: block; }
year { color: #AAAAAA; font-size: 10pt; display: block; }

reviewstext { font-size:14pt; }
author { color: #BBBBBB; font-size: 14pt; font-style: normal; text-decoration: none; display: block; text-align: right; }
publication { color: #999999; font-size: 12pt; font-style: normal; text-decoration: none; margin-bottom: 20px; padding-bottom: 2px; display: block; text-align: right; }

#preloaderOverlay { background:#000; width:100%; height:100%; z-index:9999; margin-right:-100%; margin-bottom:-100%; top:0px; left:0px; color:#AAA; font-size:36pt; text-align:center; overflow:hidden; visibility:visible; padding-top:40%;}

#social-menubar { width:150px; height:24px; text-align:right; position:absolute; margin-left:750px; z-index:999; top:0px; float:right; }

#FlashAudioPlayer {
	font-family: 'Perpetua';
	width:900px;
	height:30px;
	top:0;
	left:0;
	text-align:center;
	position:absolute;
	z-index:998;
	padding:0;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}

#audioStatusBar {
	margin-top:-5px;
	width:0px;
	height:1px;
	background:#FFF;
	clear:both;
}

#audioplayerInfo { width:900px; overflow:hidden; text-overflow:ellipsis; padding:0; top:0; left:0; margin:0px; margin-bottom:5px; color:#AAA; clear:both; }

#playerTimer { float:right; text-align:right; padding:0; }

#audioControls { text-align:right; float:right; margin-right:5px; }

#audioComposer, #audioName, #audioMovement { text-align:left; float:left; margin-right:10px; font-size:16px; line-height:16px; height:16px; }

#audioTrackDetails { width:500px; overflow:hidden; text-overflow:ellipsis; }

#audioName { color:#FFF; ; }

#audioComposer { text-transform:uppercase; font-size:12px; }

#audioMovement { font-size:12px; }

#playpauseBtn, #playBtn, #pauseBtn, #prevBtn, #nextBtn, #audiopurchaseBtn { font-family:'HelveticaLightCn'; text-transform:uppercase; font-size:12px; visibility:hidden; padding-left:5px; padding-right:5px; letter-spacing:0px; }