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

/* Reset */
img, em, ul, ol, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, 
thead, tr, th, td { margin:0;padding:0;outline:0; }
a:active, a:focus { outline: 0; }
a, img { border: 0px none; }
hr     { height:1px; margin:30px 0; border:0; background-color:#016330; }
ul, li { list-style-type:none; }
.clear { clear:both; height:0; padding:0; margin:0; }
.left  { float:left; }
.right { float:right; }
/* Reset End */

html, body { 
	background:url(../images/back-top.gif) repeat-x top center #EEF0D8;
	margin:0px; 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:14px; 
}

html, body, .wrapper { height: 100%; }
body > .wrapper { height: auto; min-height: 100%; }

/* Heading Styles */
h1 { font-size:18px; margin-top:25px; padding:0; color:#000; font-weight:bold; }
h2 { font-size:12px; color:#1b1b1b; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; margin:0; padding:0; }

/* Link Styles */
a:link,
a:visited {	text-decoration: none; color:#A700FF; }
a:hover   { text-decoration: none; color:#C801FA; }  

/* Common Styles */
.wrapper-content, .wrapper-footer { width:100%; min-height:20px; margin:auto; }
.wrapper-footer  { background:url(../images/footer-end.png) top center no-repeat; height:70px; }
.wrapper-content { background:url(../images/back-rep.png) repeat-y center; }

.header   { width:1000px; margin:auto; background:url(../images/header-back.jpg) no-repeat top left; height:316px; }
.content  { width:960px; margin:auto; overflow:hidden; padding:0 20px 85px 20px; }

.navigation         { float:left; width:172px; margin-left:20px; }
.navigation ul      { display:block; float:left; width:172px; height:271px; background:url(../images/nav-back.jpg) top left no-repeat; padding-top:45px; }
.navigation ul li   { display:block; float:left; width:172px; margin:0; padding:0; }
.navigation ul li,
.navigation ul li img,
.navigation ul li a { margin:0; padding:0; float:left; }

.nav-end       { display:block; float:left; width:172px; height:97px; background:url(../images/nav-end.jpg) no-repeat top left; }
.box-cd        { float:left; width:172px; height:166px; background:url(../images/cd.jpg) no-repeat top left; margin-top:20px; }
.box-samples   { float:left; width:172px; height:31px; margin-top:20px; }
.box-samples a { display:block; float:left; width:172px; height:31px; background:url(../images/button-listen.gif) no-repeat top left; }
.box-samples a:hover { background:url(../images/button-listen-hover.gif) no-repeat top left; }

.column-left        { float:left; width:192px; }
.column-right       {
	float:left;
	width:740px;
	min-height:400px;
	margin-left:20px;
	text-align:justify;
}

.content-box                        { margin:20px 20px 0 0; float:left; display:block; width:330px; }
.content-box img, .content-box span { display:block; float:left; padding:5px; }
.content-box span                   { width:210px; }
.intro { float:left; margin-left:30px; }
/* Footer Copyright Styles */
.footer {
 clear: both;
 position: relative;
 z-index: 10;
 height: 85px;
 margin-top: -85px;
 background:url(../images/back-footer.gif) repeat-x bottom;
 font-size:12px;
}
.footer a         { color:#666; }
.footer a:hover   { text-decoration:underline; color:#066; }
.footer-content   { width:1000px; margin:auto; overflow:hidden; padding:47px 20px 10px 20px; }
.copyright        { float:left; padding-top:5px; }
.design           { float:right; }

ul.playlist       { display:block; float:left; width:350px; }
ul.playlist li    { 
	display:block; 
	float:left;
	width:340px; 
	margin-top:20px; 
	font-size:12px; 
	font-style:italic; 
	font-weight:bold;
	background-color:#86858A; 
	color:#FFFFFF; 
	padding:5px;
	border:solid 1px #666;
}
ul.playlist li object { float:left; width:92px; }
ul.playlist li span   { display:block; float:left; margin-left:10px; width:230px; font-style:italic; font-weight:bold; text-align:left; }

.buy     { float:right; width:350px; }
.buy img { margin:0 20px 0 0; border:solid 2px #CCC; float:left; }

ul.paypal li form { float:left; margin-right:15px; }
ul.paypal li span {
	display:block;
	float:right;
	width:210px;
}
ul.paypal li      { display:block; float:left; width:350px;  margin-top:20px;}
.videos p         { display:block; float:left; text-align:center; margin:0;}
.videos p img { border:solid 2px #999; }