@import url(/LogoBanner.css);
@import url(/menu.css) screen;
@import url(/menu_print.css) print;
@import url(/Nav%20Bar%20New.css) screen;
@import url(/Nav%20Bar%20New_print.css) print;

#container1 {
	position:absolute;
	left:50px;
	top:45px;
	width:950px;
	height:auto;
	z-index:1;
}

#container1 #nav {
	position:absolute;
	top:111px;
	z-index:501;
}

#container1 #nav #LeftArrow {
	float:left;
	margin-right:6px;
}

#container1 #nav #RightArrow { float:left; }

#container1 #Top {
	position:absolute;
	width:917px;
	z-index:1;
	left: 0px;
}

#container1 #Top #Cart {
	position:absolute;
	width:207px;
	top: -5px;
	right:531px;
	height: 100px;
	z-index: 1000;
	text-align:right;
}

#container1 #Top #Cart div.price {
	position:absolute;
	top:87px;
	width:113px;
	text-align:left;
	left: 53px;
	height:20px;
}

#container1 #Top #ReviewsLink {
    position: absolute;
    top: 0;
    width: 100px;
    right: 431px;
    height: 28px;
    z-index: 1000;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 24px;
}

#container1 #Top #BuyBook {
    position: absolute;
    top: 30px;
    width: 250px;
    left: 385px;
    height: 28px;
    z-index: 1000;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 24px;
}

#container1 #Top #PreorderInfo {
    position: absolute;
    top: 65px;
    left: 385px;
    height: 37px;
    width: 250px;
    z-index: 1000;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
    color: red;
}

#container1 #Top #Catnum {
	position:absolute;
	width: 917px;
	height: 141px;
	top: 109px;
	padding-left:2px;
	padding-top:0;
	left: 0px;
	z-index:11;
}

#container1 #Top #Catnum #Title { position:relative; }

#container1 #Bottom {
	position:absolute;
	left: 0px;
	width: 950px;
	z-index: 5001;
}

#container1 #Bottom #Buttons {
	position:absolute;
	right:30px;
	top:436px;
	width:600px;
	height:38px;
	z-index:2001;
	text-align:right;
	vertical-align:top;
}

#container1 #Bottom #Quotes {
    position: absolute;
    width: 917px;
    height: 115px;
    left: 0px;
    z-index: 11;
    ;
}

#Quotes p {
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	margin-top:0;
	text-indent:0;
}

#container1 #Bottom #Artist {
    position: absolute;
    left: 323px;
    top: 125px;
    width: 594px;
    z-index: 10;
    height: 298px;
    padding: 0;
    border: 2px solid gray;
}

#container1 #Bottom #ClickCover {
	position:absolute; 
	font-weight: bold; 
	width:150px; 
	top:107px; 
	left:0px; 
	font-family:Arial;
	font-size:16px;
}

#container1 #Bottom #Cover {
	position:absolute;
	top: 125px;
	left: 0px;
	z-index: 12;
}

#container1 #Bottom #Cover #Click {
    position: absolute;
    width: 385px;
    height: 30px;
    left: 0;
    top: 310px;
    z-index: 12;
}
#container1 #Booklet, #Press_Release {
	float: left;
}

#Press_Release { display: inline; }

#container1 #Bottom #Facebook {
	position:absolute;
	width:387px;
	left: 535px;
	top: 101px;
	height: 35px;
	z-index:1000;
	text-align:right;
}

#container1 #Bottom #TrackDetail {
    position: absolute;
    height: 21px;
    width: 200px;
    top: 92px;
    left: 323px;
    z-index: 2000;
    padding-top: 9px;
    text-align: left;
}
#container1 #Bottom #TrackDetail #tracklisting {
	position: absolute;
	left:0;
	bottom: 0;
	width:100%;
}

#container1 #Bottom #amazonlink,
#container1 #Bottom #ituneslink,
#container1 #Bottom #cdbabylink { display:none; }

/* Tablet */
@media only screen  and (min-device-width: 768px)  and (max-device-width: 1024px) {

.quotes {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 16px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
}

p {
	text-align: justify;
	font-size:30px;
}

.myp { text-align: justify }

h2 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 26px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000
}

.myh2 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	display:inline-block;
	padding-top:30px;
}

h3 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: cc0000;
	text-align: left
}

.myh3 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 32px;
	line-height:1.0;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	margin:0;
	padding:0;
}

.myh3old {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 18px;
	line-height:18px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: left;
	margin:0;
	padding:0;
}

.artist {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 36px;
	font-style: normal;
	line-height:37px;
	font-weight: bold;
	color: #cc0000;
	text-align: left;
	margin:0;
	padding:0;
}

.artistsmall {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 18px;
	line-height:21px;
	font-style: normal;
	font-weight: bold;
	color: #cc0000;
	text-align: left;
	margin:0;
	padding:0;
}

h4 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: 000000;
	text-align: left
}

.myh4 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: 000000;
	text-align: left
}

.price {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: 000000;
	text-align: left;
}

.pressrelease {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 20px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: 000000;
	text-align: left;
}

.return {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	text-align: left
}

.click {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 24px;
	text-align: left;
}

.clickold {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 16px;
	line-height: normal;
	text-align: left;
}

.composer {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	color: #CC0000;
	font-style: normal;
	line-height: 40px;
	font-weight: bold;
}

.reviewhead {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 40px;
	color: #CC0000;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
}

.players {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 10px;
	color: #000000;
	text-align: left
}

.biotext {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #000000
}

.link {
	color: #0000CC;
	text-decoration: underline;
}

.comingsoon {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 16px;
	font-style: italic;
	line-height: 18px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline
}

.subhead {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	color: #0000cc
}

.entries {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	color: #000000
}
/*
.notice {
	font-size: 24px;
	font-style: italic;
	line-height: 24px;
}
*/
#CD_Selector { font-size: 16px; }

#Artist_Names { font-size: 16px; }

#Top { top:0px }

div#Title { top:8px; }

div#Bottom { top:160px; }

div#Quotes { top:530px; }

div#GoogleSearch { top:82px; }

#nav { left:152px; }

#newreleases { width:260px; }

#theplaylist { height:150px }
}

/* Phone */

@media only screen  and (max-device-width: 1024px) {

.quotes {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 16px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
}

p {
	text-align: justify;
	font-size:22px;
	-webkit-text-size-adjust: 200%;
}

.myp { text-align: justify }

h2 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 26px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	-webkit-text-size-adjust: 200%;
}

.myh2 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	display:inline-block;
	padding-top:30px;
}

h3 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: cc0000;
	text-align: left
}

.myh3 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 32px;
	line-height:1.0;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	margin:0;
	padding:0;
/*	-webkit-text-size-adjust: 125%;*/
}

.myh3old {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 18px;
	line-height:18px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: left;
	margin:0;
	padding:0;
	-webkit-text-size-adjust: 125%;
}

.artist {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 28px;
	font-style: normal;
	line-height: 29px;
	font-weight: bold;
	color: #cc0000;
	text-align: left;
	margin:0;
	padding:0;
}

.artistsmall {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	line-height:17px;
	font-style: normal;
	font-weight: bold;
	color: #cc0000;
	text-align: left;
	margin:0;
	padding:0;
	-webkit-text-size-adjust: 125%;
}

h4 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: 000000;
	text-align: left
}

.myh4 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: 000000;
	text-align: left
}

.price {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: 000000;
	text-align: left;
}

.pressrelease {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 20px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: 000000;
	text-align: left;
	-webkit-text-size-adjust: 200%;
}

.return {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	text-align: left
}

.click {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	text-align: left;
	-webkit-text-size-adjust: 200%;
}

.clickold {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 16px;
	line-height: normal;
	text-align: left;
}

.composer {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	color: #CC0000;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	-webkit-text-size-adjust: 250%;
}

.reviewhead {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 32px;
	color: #CC0000;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	-webkit-text-size-adjust: 200%;
}

.players {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 10px;
	color: #000000;
	text-align: left
}

.biotext {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #000000
}

.link {
	color: #0000CC;
	text-decoration: underline;
}

.comingsoon {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 16px;
	font-style: italic;
	line-height: 18px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline
}

.subhead {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	color: #0000cc
}

.entries {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	color: #000000
}
/*
.notice {
	font-size: 24px;
	font-style: italic;
	line-height: 16px;
	-webkit-text-size-adjust: 150%;
}*/

#CD_Selector {
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
}

#Artist_Names {
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
}

#Top { top:0px }

div#Title { top:8px; }

div#Bottom { top:190px; }

div#Quotes { top:510px; }

div#GoogleSearch { top:82px; }

#nav { left:152px; }

#newreleases { width:295px; }

#theplaylist { height:150px }

	.jp-volume-bar, .jp-volume-controls, .jp-mute, .jp-unmute,
	.jp-volume-max, .jp-previous, .jp-next { display: none !important; }

	#jp-remaining { position: absolute; left: 120px; top:15px; }
	
	html, body {
	  margin: 0;
	  padding: 0;
	  overflow-x: hidden;
	  background: url(/n013.jpg) no-repeat center center fixed;
	  background-size: cover;
	}
}

/* Computer */

@media screen  and (min-device-width: 1024px) {

.quotes {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 16px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
}

p {
	text-align: justify;
	font-size:22px;
}

.myp { text-align: justify }

h2 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 32px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000
}

.myh2 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	display:inline-block;
	padding-top:30px;
}

h3 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: cc0000;
	text-align: left
}

.myh3 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 32px;
	line-height:1.0;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	margin:0;
	padding:0;
}

.myh3old {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 24px;
	line-height:24px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: left;
	margin:0;
	padding:0;
}

.artist {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 28px;
	font-style: normal;
	line-height: 29px;
	font-weight: bold;
	color: #cc0000;
	text-align: left;
	margin:0;
	padding:0;
}

.artistsmall {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	line-height:17px;
	font-style: normal;
	font-weight: bold;
	color: #cc0000;
	text-align: left;
	margin:0;
	padding:0;
}

h4 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: 000000;
	text-align: left
}

.myh4 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: 000000;
	text-align: left
}

.price {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: 000000;
	text-align: left;
}

.pressrelease {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 20px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: 000000;
	text-align: left;
}

.return {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	text-align: left
}

.click {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 16px;
	line-height: normal;
	text-align: left;
}

.clickold {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	line-height: normal;
	text-align: left;
}

.composer {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	color: #CC0000;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
}

.reviewhead {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 32px;
	color: #CC0000;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
}

.players {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 10px;
	color: #000000;
	text-align: left
}

.biotext {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #000000
}

.link {
	color: #0000CC;
	text-decoration: underline;
}

.comingsoon {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 16px;
	font-style: italic;
	line-height: 18px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline
}

.subhead {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	color: #0000cc
}

.entries {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	color: #000000
}
/*
.notice {
	font-size: 24px;
	font-style: italic;
	line-height: 16px;
}*/

#CD_Selector { font-size: 16px; }

#Artist_Names { font-size: 16px; }

#Top { top:0px }

div#Title { top:8px; }

div#Bottom { top:142px; }

div#Quotes { top:488px; }

div#GoogleSearch { top:50px; }

#nav { left:127px; }

#newreleases { width:243px; }
}

.vollink {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #00F;
	text-decoration: none;
}

.moreless {
	display: inline;
	background-color:#CCFFFF;
}

#theplaylist { height:146px }

.morelink,
.lesslink {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bolder;
	font-size:70%
}

.justified { text-align: justify }

body { -webkit-text-size-adjust: 100%; }

body {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	content:"";
	background:url(/n013.jpg);
	opacity:1;
	z-index:-1;
	padding:0;
	margin:0;
}

a {
	color: blue;
	text-decoration: none;
}

a:hover {
	color: red;
	text-decoration: none;
}
