@font-face {
	font-family: 'CourierNew';
	src: url('../libs/font/CourierNew.eot'); /* IE */  
	src: local("CourierNew"), url('../libs/font/CourierNew.ttf') format('truetype'); /* non-IE */
}
@font-face {
	font-family: 'JamesFajardo';
	src: url("../libs/font/JamesFajardo.eot"); /* IE */  
	src: local("JamesFajardo"), url("../libs/font/JamesFajardo.ttf") format("truetype"); /* non-IE */
}

@import url("global.css");
@import url("banner.css");

/* BEGIN */

#dim {height:100%; width:100%; position:fixed; left:0; top:0; z-index:1000 !important; background-color: rgba(0, 0, 0, 0.7); text-align: center; padding-top: 200px;}
#uc {position: fixed; z-index: 1001; top: 200px; left: 40%;}

BODY {font-size: 13px; font-family: Helvetica, Calibri, Arial; background: #f1f1f1; margin: 0; padding: 0; overflow-x: hidden;}
IMG {border-style: none;}

OBJECT {outline: none;} 

.wrapper {width: 1026px; margin: 0 auto; position: relative;}
#wrapper {width: 1026px; margin: 0 auto; position: relative;}
#contentHolder {min-height: 600px; padding-bottom: 20px;}
#headerHolder {height: 136px;}
.stone {position: relative;}
.aLeft {text-align: left !important;}
.aCenter {text-align: center;}
.aRight {text-align: right !important;}
.vMiddle {vertical-align: middle;}
.mCenter {margin: 0 auto;}
.fLeft {float: left;}
.fRight {float: right;}
.clearLeft {clear: left;}
.clear {clear: both;}

TD {vertical-align: top;}
P {text-align: justify;}

h1 {font: 24px Helvetica, Calibri, Trebuchet; margin: 0 0 15px 0; padding: 0 0 0 0; color: #c69169;}
H2 {margin: 0 0 5px 0; padding:0; font: normal 16px Helvetica, Calibri, Trebuchet;}
H2.main {color: #c69169; background: url('../images/h2-bg.png') repeat-x bottom left; font-size: 24px; padding: 17px 0; margin: 0 25px;}
#footer H2 {margin: 0 0 5px 0; padding:0; font: normal 16px Times, Calibri, Trebuchet; color: #7f7f7f; text-transform: uppercase; letter-spacing: 1px;}
H3 {font: 18px Times; color: #777777;  background: url('../images/h2-bg.png') repeat-x 0 12px;}
H3 span {background-color: #f1f1f1; display: inline-block; padding: 0 5px; margin-left: 20px;}
H3.tab span {background-color: #ffffff; display: inline-block; padding: 0 5px; margin-left: 20px;}
H4 {}
H5 {height: 43px; color: #ffffff; font: 34px Calibri, Trebuchet; margin: 0 0 0 5px; padding: 0 0 0 55px; background: url('../images/h5-bg.png') no-repeat 0 8px;}
H6 {height: 40px; color: #ffffff; font: 30px Calibri, Trebuchet; margin: 0 0 0 5px; padding: 5px 0 0 45px; background: url('../images/h5-bg.png') no-repeat 0 8px;}
H7 {height: 40px; color: #ffffff; font: 30px Calibri, Trebuchet; margin: 0 0 0 5px; padding: 5px 0 0 45px; background: url('../images/h7-bg.png') no-repeat 0 8px;}
H8 {height: 45px; color: #ffffff; font: 30px Calibri, Trebuchet; padding: 5px 0 0 50px; background: #F5C491 url('../images/h7-bg.png') no-repeat 5px 8px; border-radius: 10px 10px 0 0; display: block;}

A {color: #c69169; text-decoration: none;}
A:hover {color: #c69169; text-decoration: underline;}

NAV {position: absolute; top: 240px; left: 20px;}
NAV UL {margin: 0; padding: 0;}
NAV UL LI {margin: 0; padding: 0; float: left; list-style: none;}
NAV UL LI A {color: #ffffff; font-size: 14px; text-decoration: none; float: left; display: inline-block; padding: 0px 10px; margin-left: 5px; border-left: solid 2px #ffffff; line-height: 10px; font-family: 'JamesFajardo', Arial}
NAV UL LI:first-child A {border-left-style: none;}
NAV A:hover, NAV A.on {}

#nav {position: absolute; top: 105px; left: 0px; width: 1026px; z-index: 100; background: url('../images/nav-bg.png') no-repeat 0 0; height: 50px;}
#nav UL {margin: 0 0 0 10px; padding: 0;}
#nav UL LI {margin: 0; padding: 0; float: left; list-style: none; float: left; list-style: none;}
#nav UL LI.new {margin: 0; padding: 0; float: left; list-style: none; float: left; list-style: none; border-bottom: solid 1px #000;}
#nav UL LI A {color: #373737; font-size: 14px; text-decoration: none; display: inline-block; padding: 0px; margin-left: 5px; font-family: Arial; text-transform: uppercase; text-decoration: none; margin-top: 20px;}
#nav A:hover, #nav A.on {}
#nav .sep {background: url('../images/nav-sep.png') no-repeat center center; width: 40px; height: 40px; padding-top: 11px;}

#leftCell {width: 511px; float: left; min-height: 900px; position: relative; background: url('../images/left-box-bg.png') no-repeat top left;}
#rightCell {width: 654px; float: left; min-height: 795px; position: relative; color: #ffffff; padding: 105px 0 0 35px;}
#bgHolder { background: url('../images/right-box-bg.jpg') no-repeat 511px 0; min-width: 1200px;}

#logo {position: absolute; top: 15px; left: 15px;}
#snHolder {position: absolute; top: 285px; left: 50px;}
#snHolder img {margin-right: 10px;}
#homePhoto {position: absolute; top: 120px; left: -75px;}

#footer {font-size: 12px; height: 387px; background: url('../images/footer-bg.png') repeat-x 0 0;}
#footer .leftCell {float: left; width: 501px; text-align: right; padding-right: 10px;}
#footer .rightCell {float: left; width: 689px; color: #ffffff;}
#footer #footerNav {margin: 0; padding: 0; position: absolute; left: 0; top: 65px;}
#footer #footerNav li {list-style: none; margin: 0; color: #5c5c5c; padding: 4px 0;}
#footer #footerNav li:first-child {border-style: none;}
#footer #footerNav li a {color: #5c5c5c; font: normal 14px Times; text-transform: capitalize;}

#youtubeHolder {}

#mp3PlayerHolder {position: absolute; top: 700px; left: 25px; }

input[type='text'] {width: 350px; padding: 10px; border: solid 1px #cfcfcf; background-color: transparent;}
input[type='submit'] {padding: 10px; border: solid 1px #cfcfcf; background-color: transparent; text-transform: uppercase;}
textarea {width: 350px; padding: 10px; border: solid 1px #cfcfcf; background-color: transparent; resize: none; height: 100px;}

.contact A {color: #ffffff; text-decoration: underline;}
.contact A:hover {color: #ffffff; text-decoration: none;}

.leftCell A {color: #000000; text-decoration: none;}
.leftCell A:hover {color: #000000; text-decoration: underline;}

#albumCover {position: absolute; top: 460px; left: 120px;}
#rightCell P {text-align: justify; font-size: 12px; line-height: 16px; margin-bottom: 25px;}

.photoHolder {background-color: #ffffff; padding: 4px;}
.photoHolderLeft {background-color: #ffffff; padding: 4px; float: left; margin: 10px 10px 5px 0;}

.galleryHolder {width: 150px; height: 100px; float: left; margin-right: 30px; margin-bottom: 30px;}
.galleryHolder DIV {width: 150px; height: 100px; background-position: center center; background-repeat: no-repeat;}

.hr {border-bottom: dashed 1px #ffffff; clear: both; padding-top: 10px; margin-bottom: 10px;}

.developedBy {color: #7f7f7f; position: absolute; top: 350px; right: 0; font-size: 11px;}
.developedBy A {color: #7f7f7f; font-size: 11px;}

#copy {color: #7f7f7f; position: absolute; top: 330px; right: 0; font-size: 11px;}
#copy A {color: #7f7f7f; font-size: 11px;}

/* PLAYER */
.playerAction {margin-top: 20px; width: 50px; height: 50px; float: left; display: inline-block; background: url('../images/player-sprite.png') no-repeat 0 0; cursor: pointer; margin-left: 3px;}

.playerAction.prev {background-position: 0px 0px; margin-left: 20px;}
.playerAction.prev:hover, .playerAction.prev.active {background-position: 0px -51px;}

.playerAction.pause {background-position: -51px 0px;}
.playerAction.pause:hover, .playerAction.pause.active {background-position: -51px -51px;}

.playerAction.play {background-position: -102px 0px;}
.playerAction.play:hover, .playerAction.play.active {background-position: -102px -51px;}

.playerAction.next {background-position: -153px 0px;}
.playerAction.next:hover, .playerAction.next.active {background-position: -153px -51px;}

.playerTitle {width: 240px; height: 23px; background: url('../images/player-title-bg.png') no-repeat 0 0; font: 14px 'MyriadPro'; color: #ffffff; padding: 7px 0 0 10px;}
/* --- */

.hidden {opacity: 0; visibility: hidden; width: 1px; height: 1px; float: left;}

.musicItem {border-bottom: dotted 1px #ffffff; padding: 15px 0 5px 0;}
.coverHolder {float: left; width: 150px; height: 150px; min-height: 1px; overflow: hidden; margin-right: 10px;}
.playerHolder {float: left; width: 220px; height: 100px;}
.musicDescriptionHolder {float: left; width: 200px; margin-left: 10px; margin-top: -25px;}

.musicItem .playerTitle {background-image: none; width: 220px; height: 25px; overflow: hidden; font: 22px 'MyriadPro', Arial; margin: 0; padding: 10px 0 0 0;}
.musicItem .prev {margin-left: 0;}
.musicItem .playerAction {margin-top: 10px;}

#slideshowHolder {height: 550px; width: 1366px; margin: 0 auto;}

#introHolder {background: url('../images/intro-bg.png') no-repeat top center; height: 360px; margin-top: -59px; position: relative; z-index: 1000;}
#introHolder img {margin: 25px 0px 25px 0px; float: left;}
#introHolder img:first-child {margin-left: 25px;}

#searchHolder {float: right; width: 250px; overflow: hidden;}
#searchHolder input[type="text"] {float: left; width: 190px; background-color: transparent; border: solid 0px #999999; padding: 10px 10px; margin-top: 10px; color: #ffffff; font: normal 12px Arial;}
#searchHolder input[type="submit"] {float: right; width: 40px; text-indent: -999px; background-color: transparent; cursor: pointer; height: 42px; margin-top: 5px; border-style: none;}

.cellLeft {float: left; width: 500px;}
.cellRight {float: right; width: 500px;}

#footerMark {position: absolute; top: -15px; left: 525px; width: 50px; height: 50px; background: url('../images/footer-mark.png') no-repeat 0 0;}

#cover {position: absolute; z-index: 1005; left: 20px; top: 160px; width: 600px;}

#footerLogo {position: absolute; top: 260px; right: 0; width: 330px; height: 58px; background: url('../images/footer-logo.png') no-repeat 0 0;}
#socialHolder {position: absolute; top: 170px; right: 0; width: 310px; }
#socialHolder img {margin-right: 10px;}

#newsletterHolder  {position: absolute; top: 60px; right: 0; width: 310px; }
#newsletterHolder input[type="text"] {float: left; width: 240px;}
#newsletterHolder input[type="submit"] {float: left; width: 40px; border-left-style: none;}

#soundList {height: 600px; overflow: auto;}
#soundList ul {margin: 0; padding: 0;}
#soundList li {background: #2c2c2c url('../images/list-bg.png') repeat-x 0 0; color: #ffffff; padding: 5px; list-style: none; margin: 0;}
#soundList .author {width: 200px; float: right;}
#soundList div {float: left; width: 45px; height: 20px;}
#soundList .order {float: left; width: 10px; display: inline-block; text-align: right; margin-right: 10px;}

#fullSoundList {}
#fullSoundList ul {margin: 0; padding: 0;}
#fullSoundList li {background: #2c2c2c url('../images/list-bg.png') repeat-x 0 0; color: #ffffff; padding: 5px; list-style: none; margin: 0;}
#fullSoundList .author {width: 200px; float: right;}
#fullSoundList div {float: left; width: 45px; height: 20px;}
#fullSoundList .order {float: left; width: 10px; display: inline-block; text-align: right; margin-right: 10px;}

.photo {background-color: white; padding: 10px; box-shadow: 4px 4px 4px #999999; border: solid 1px #aaaaaa;}

.playerHolder {width: 100px; height: 30px; background-color: Red; background: url('../images/play-btn.png') no-repeat center center; background-size: contain; cursor: pointer; margin-top: -2px;}
.playerHolder.on {background-image: url('../images/pause-btn.png');}

.hide {width: 1px; height: 1px; overflow: hidden; opacity: 0;}

/* Tab Box */
.tabBox .tabs {margin: 0; padding: 0; height: 42px;}
.tabBox .tabs li {margin: 0; list-style: none; float: left; height: 28px; border-right: solid 1px #d4d4d4; border-top: solid 2px #eaeaea; background-color: #ffffff; color: #626262; font: bold 14px Arial; padding: 12px 25px 0 40px; border-bottom: solid 1px #d4d4d4; cursor: pointer;}
.tabBox .tabs li:first-child {border-left: solid 1px #d4d4d4;}
.tabBox .tabs li.on {background-color: #ffffff; border-top: solid 2px #f1c916; color: #ffc238; border-bottom: solid 1px #ffffff;}
.tabBox .tabContent {display: none; border: solid 1px #d4d4d4; padding: 20px; color: #757575; font: 11px Arial; background-color: #ffffff;}
.tabBox .tacContentInner {}
.tabBox .tabContent.on {display: block}
.tabBox .tabContent a {color: #fbd000; text-decoration: none;}
.tabBox h2 {margin: 0; padding: 0; font: bold 13px Arial; color: #565656;}
.tabBox h2 strong {color: #f1c916;}
.tabBox .iconViolin {background: url('../images/violin-icon.png') no-repeat 8px 0; background-size: contain;}
.tabBox .iconViola {background: url('../images/viola-icon.png') no-repeat 8px 0; background-size: contain;}
.tabBox .iconViolonchello {background: url('../images/violonchello-icon.png') no-repeat 8px 0; background-size: contain;}

.box {border: solid 1px #d4d4d4; padding: 20px; color: #757575; font: 11px Arial; background-color: #ffffff;}

#buyCover {width: 200px;}

.btn {background: #eac078; /* Old browsers */
background: -moz-linear-gradient(top,  #eac078 0%, #dfa247 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eac078), color-stop(100%,#dfa247)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eac078 0%,#dfa247 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eac078 0%,#dfa247 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eac078 0%,#dfa247 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eac078 0%,#dfa247 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eac078', endColorstr='#dfa247',GradientType=0 ); /* IE6-9 */
cursor: pointer;
display: inline-block; padding: 10px; font-size: 16px; color: #ffffff;
}
.btn:hover {color: #000000;}

.amazon {width: 200px; height: 100px; background: url('../images/amazon.png') no-repeat center; background-size: contain; text-indent: -999px; overflow: hidden; display: inline-block; margin-left: 100px;}
.barnesandnoble {width: 200px; height: 100px; background: url('../images/bandn.png') no-repeat center; background-size: contain; text-indent: -999px; overflow: hidden; display: inline-block;}