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

body {
  font-family: Arial, Helvetica, sans-serif;
padding-top: 7px; bgcolor:#000; z-index:100; height: 100%; margin-right: auto;
	margin-left: auto;
}
.canvas {

	background-color: white;
	position: relative;
	width:1024px; /* 1045px */
	height: 100%;
	min-height:650px;
	margin-right: auto;
	margin-left: auto;
	z-index: 100;
}

.cookies {
	position: absolute;
	font-family: Arial;
	font-size: 9px;
	font-style: normal;
	color: #000;
	background-color: #FFF;
	width:1024px;
	text-align: center;
	z-index: 1000;
	padding-bottom: 10px;
}

.canvas2 {
	background-image:url(../images/index_image4.jpg);
	position: absolute;
	background-repeat:no-repeat;
	
/* width:1024px; /* 1045px */
/*height: 100%;*/
	min-height:650px;
	margin-right: auto;
	margin-left: auto;
	z-index: 1000;
}
.canvas3 {
	background-image:url(../images/index_image2.jpg);
	background-color: white;
	position: relative;
	width:1024px; /* 1045px */
	/*height: 100%;*/
	min-height:650px;
	margin-right: auto;
	margin-left: auto;
	z-index: 1000;
}
.canvas4 {
	background-image:url(../images/review_image1.jpg);
	background-color: white;
	position: relative;
	width:1024px; /* 1045px */
	/*height: 100%;*/
	min-height:650px;
	margin-right: auto;
	margin-left: auto;
	z-index: auto;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxx nav bar xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.nav_bar_top {
	position: relative;
	z-index: 2000;
	left: 0px;
	width: 1024px;
	height: 23px;
	color:#000000;
	background-color: #000000;
	background-repeat: no-repeat;
}

.nav_table {
	position: absolute;
	z-index: 3000;
	left: 12px;
	width: 495px;
	height: 75px;
	top: -3px;
}

.nav a:link {
	color: #66CC99;
	text-decoration:none;
	}
.nav a:visited {
	color:#FCF;
	text-decoration:none;
}
.nav a:hover {
	color: #fff;
	text-decoration:none;
	font-weight: bolder;
}
.nav a:active {
	color: #FCF;
	text-decoration:none;
} 

#w {
	color:#FFFFFF;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxx left content area xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.page_heading1 {
	position: absolute;
	width:168px; /* 1045px */
	height: 56px;
	font: Verdana, Geneva, sans-serif;
	z-index: auto;
	left: 13px;
	top: 61px;
	z-index: 3500;
}
.page_heading2 {
	position: absolute;
	width:168px; /* 1045px */
	height: 56px;
	font: Verdana, Geneva, sans-serif;
	z-index: auto;
	align: right;
	left: 548px;
	top: -1px;
	z-index: 3500;
}


.idx_txt_bx1 {
	position: absolute;
	width:168px; /* 1045px */
	height: 453px;
	left: 12px;
	top: 121px;
	z-index: 3500;
}
.idx_txt_bx3 {
	position: absolute;
	width:172px; /* 1045px */
	height: 453px;
	background-color: #FFF;
	opacity:0.25;
	filter:alpha(opacity=25); /* For IE8 and earlier */
	left: 8px;
	top: 119px;
	z-index: 3000;
}
.idx_txt_bx2 {
	position: absolute;
	width:168px; /* 1045px */
	height: 453px;
	color: #000;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:14px;
	left: 12px;
	top: 121px;
	z-index: 4000;
}

.idx_cd_bx1 {
	position: absolute;
	width:460px; /* 1045px */
	height: 150px;
	left: 4px;
	top: 472px;
	z-index: 4000;
}
.mus_txt_bx1 {
	position: absolute;
	width:179px; /* 1045px */
	height: 453px;
	z-index: auto;
	left: -1px;
	top: 120px;
	z-index: 3500;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxx main content area xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxx main content area xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.main_window {
	position: absolute;
	width:712px; /* 1045px */
	height: 403px;
	z-index: auto;
	left: 241px;
	top: 141px;
}
.main_heading {
	position: absolute;
	width:712px; /* 1045px */
	height: 30px;
	z-index: 1000;
	left: 1px;
	top: 0px;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxx music content area xxxxxxxxxxxxxxxx*/
.music_blk_bar {
	position: absolute;
	width:680px; /* 1045px */
	height:40px;
	background-color:#000;
	z-index: 1000;
	left: 35px;
	top: 34px;
}

.music_txt1_bar {
	position: absolute;
	width:187px; /* 1045px */
	height:40px;
	color: #FC3;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:24px;
	z-index: 2000;
	left: 48px;
	top: 34px;
}

.music_txt2_bar {
	position: absolute;
	width:187px; /* 1045px */
	height:40px;
	color: #FC3;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:24px;
	z-index: 2000;
	left: 431px;
	top: 34px;
}
.music_txt3_bar {
	position: absolute;
	width:80px; /* 1045px */
	height:40px;
	color: #FC3;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:14px;
	z-index: 2000;
	left: 636px;
	top: 34px;
}

.music_cd_bar {
	position: absolute;
	width:180px; /* 1045px */
	height:180px;
	z-index: 3000;
	left: 235px;
	top: 28px;
}
.music_cd_buy {
	position: absolute;
	width:180px; /* 1045px */
	height:180px;
	z-index: 3000;
	left: 235px;
	top: 221px;
}

.music_col_1 {
	position: absolute;
	width:190px; /* 1045px */
	height:319px;
	font-family: Arial;
	font-style:italic;
	font-size:12px;
	z-index: 3000;
	left: 36px;
	top: 86px;
}

.music_col_2 {
	position: absolute;
	width:293px; /* 1045px */
	height:331px;
	z-index: 3000;
	left: 420px;
	top: 74px;
	display: inline;
}
.pagenav {
	position: absolute;
	width:700px; /* 1045px */
	height:20px;
	color: #Fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	z-index: 2000;
	left: 570px;
	top: 32px;
}
.pagenav1 {
	position: absolute;
	width:700px; /* 1045px */
	height:20px;
	color: #Fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	z-index: 2000;
	left: 45px;
	top: 32px;
}
.main_blk_bar {
	position: absolute;
	width:700px; /* 1045px */
	height:20px;
	background-color:#000;
	z-index: 1000;
	left: 13px;
	top: 51px;
}
.main_txt3_bar {
	position: absolute;
	width:600px; /* 1045px */
	height:20px;
	color: #Fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	z-index: 2000;
	left: 539px;
	top: 52px;
}
.main_txt33_bar {
	position: absolute;
	width:690px; /* 1045px */
	height:20px;
	color: #Fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	z-index: 2000;
	left: 490px;
	top: 52px;
}
.td1{
	color: #993333 ;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
}
.td2{
	color: #993333 ;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	padding-top: 5px;
}
.td_track{
	background-color: #FFF;
	opacity:0.70;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:20px;
	padding-left: 5px;
	z-index: auto;
}
.td_trackbuy{
	height:20px;
	padding-left: 5px;
}
.td3{
	background-color: #FFF;
	opacity:0.70;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:20px;
	padding-left: 5px;
	z-index: 5000;
}
.button {
	width: 100%;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
    border: 1px solid #f90;
    background: #f90;
}
.button:hover {
	width: 100%;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
    border: 1px solid #fff;
    background: #F90;
}
.button2 {
	width: 80%;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
    border: 1px solid #f90;
    background: #f90;
}
.button2:hover {
	width: 80%;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
    border: 1px solid #fff;
    background: #F90;
}
.button3 {
	width: 200px;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	border: 1px solid #f90;
	background-color: #FFF;
	opacity:0.70;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 7px;
	padding-left: 20px;
	margin-left:2px;
	display: inline;

}
.button3:hover {
	width: 100%;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-align:left;
    border: 1px solid #fff;
    background: #F90;
	text-decoration: none;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxx scroll area xxxxxxxxxxxxxxxx*/
.scrollarea
{
	position: absolute;
	/*background-color: #FFF;
	opacity:0.60;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	width:700px; /* 1045px */
	/*height: 319px;*/
	height: 243px;
	z-index: 5000;
	left: -1px;
	top: 85px;
}
.scroll
{
	position: absolute;
	width:700px; /* 1045px */
	/*height: 310px;*/
	height: 280px;
	z-index: 5500;
	left: 11px;
	top: 79px;
	overflow: auto;
}

.scroll_col_1 {
	position: absolute;
	width:650px; /* 1045px */
	/*height:310px;*/
	height: 243px;
	font-family: Arial, Helvetica, sans-serif;
font-style:italic;
	font-size:12px;
	z-index: 3000;
	left: 0px;
	top: 0px;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxx about content area xxxxxxxxxxxxxxxx*/

.about_col_1 {
	position: absolute;
	width:698px; /* 1045px */
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:12px;
	z-index: 3000;
	left: 15px;
	padding-top:75px;
}
.about_col_2 {
	position: relative;
	width:698px; /* 1045px */
	height:auto;
	background-color: rgba(255,204,153,0.7
	);
	/*		background-color: rgba(255,255,255,.5);*/
	opacity:0.90;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxx general content area xxxxxxxxxxxxxxxx*/
.h1 {
	color: #993333 ;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
}

.h3 {
	color: #993333 ;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:9px;
	font-style:italic;
	font-weight:bold;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxx slideshow xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#slideshow {  
    		/*	padding: 5px;*/
				margin:0;  
			} 
			#slideshow-caption{
				padding:0;
				margin:0;
			}
 
			#slideshow img, #slideshow div {  
    			/*padding: 5px;*/
    			background-color: transparent;
			/*	-webkit-border-radius: 5px;
				-moz-border-radius: 5px;*/
				border-radius: 5px; 
    			margin: 0; 
			}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxx hyperlinks xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxx footer bar xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.nav_bar_bottom {
	position: absolute;
	z-index: 2000;
	left: 0px;
	bottom: -12px;
	width: 1024px;
	height: 23px;
	color:#000000;
	background-color: #000000;
}

.footertext {
	width:970px; /* 1045px */
	height: 20px;
	color:#FC6;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	padding-top: 4px;
	padding-bottom: 5px;
	z-index: 3000;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxx footer bar ends xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxx footer xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.footertext a:link {
	color: #FC3;
	text-decoration:none;
	}
.footertext a:visited {
	color:#Fff;
	text-decoration:none;
}
.footertext a:hover {
	color: #fff;
	text-decoration:none;
}
.footertext a:active {
	color: #FC3;
	text-decoration:none;
} 
#checkout {
	background-color: rgba(255,255,255,.5);
	width: 100px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 10px;
	margin-left: 553px;
}
#album {
	width: 100%;
	color: #993333 ;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
}
#album_buy {
	background-color: rgba(255,153,0,1);
	width: 100%;
}
#track {
display: inline-block;
	width: 80%;
	background-color: #FFF;
	opacity:0.70;
	filter:alpha(opacity=70); /* For IE8 and earlier */
    color: #000000;
	border: 1px solid #FC6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:20px;
	padding-left: 5px;
	margin: 0px;
	z-index: 5000;
}
#time {
    float: right;
	width: 15%;
	background-color: #FFF;
	opacity:0.70;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	color: #000000;
	border: 1px solid #FC6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left: 5px;
	height:20px;
	z-index: 5000;
}
form
{
  	display: inline;
}


/*ul { padding:0; margin:0; } 
track ul { list-style: none; margin-bottom: 15px; font-weight: bold; font-size:20px; } 
track ul li { float: left; } 
track ul a { display: block; width:140px; padding: 10px; text-align:center; text-decoration: none; color: #fff; border: 1px solid #618A37; margin: 5px 0px; }*/