body	{
	background: #000;
	color: #fff;
	margin: 0;
	padding: 0;
	border: 0;
	}

	/*  layout */
	
#tv		{
	background: transparent;
	margin: 0;
	color: #000;
	padding: 0;
	width: 500px; 	
	}


#tvon {
	visibility: visible;
	margin: 0;
	padding: 0;
	border: 0;
	width: 500px;
	height: 50px;
	background:  url(/i/tv.gif) no-repeat;
	}

#tvroll {
	display: block;
	visibility: visible;
	padding: 0;
	border: 0;
	margin: 0;
	background:  url(/i/tv.gif) no-repeat;
	width: 500px;
	height: 50px;
	}


a#tvroll:hover {
	background: url(/i/tvon.gif) no-repeat;
	}



#cholder	{
	background: #000;
	border: 0;
	padding: 0;
	margin: 0 auto 0 auto;
	width: 880px;
		}	
	
#header {
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	width: 810px;
		}
	
#sidenav	{
	float: right;
	margin: 0;
	padding: 70px 0 0 15px;
	background: transparent; 
	border: 0;
	width: 184px; 	/* False value for IE4-5.x/Win. */
 	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 180px;	
	}
html>#sidenav{
	width: 180px; /* Be nice to Opera */
	}

#top	{
	background: transparent;
	margin: 0;
	color: #000;
	padding: 40px 0 0 60px;
	width: 387px; 	/* False value for IE4-5.x/Win. */
 	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 327px;
	border: 0;
	}		
html>#top{
	width: 327px; /* Be nice to Opera */
	}

	/*  Create buttons 	*/ 	

#sidenav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
	}

#sidenav li	{
	text-align: center;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 184px;
	margin: 0;
	padding: 0;
	font: 18px/20px "Courier", sans-serif;
	background: #fff;
	}
	
#here	{
	border-top: 1px solid #000;
	}

#sidenav li a {
	display: block;
	font-weight: bold;
	padding: 0;
	background: #d1292b;
	color: #000;
	text-decoration: none;
	width: 184px; 
	}
 
 #sidenav li a:hover {
	font-weight: normal;
	background: #9ec3e7;
	color: #fff;
	text-decoration: none;
	}
	

#content		{
	background: transparent;	
	margin: 0;
	border: 0;
	padding: 5px 40px 0 40px;	
	width: 880px; /* False value for IE4-5.x/Win */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 800px;	/* Actual value for conformant browsers */	
	}
html>#content {
	width: 790px; /* Be nice to Opera */
	}

	/*  logo with rollover  */ 

#topon {
	visibility: visible;
	margin: 0;
	padding: 0;
	border: 0;
	width: 321px;
	height: 187px;
	background:  url(/i/logo.gif) no-repeat;
	}

#roll {
	display: block;
	visibility: visible;
	padding: 0;
	border: 0;
	margin: 0;
	background:  url(/i/logo.gif) no-repeat;
	width: 321px;
	height: 187px;
	}

#tracks {
	font-weight: normal;
	font-family: Verdana, Trebuchet, Lucida, Arial, sans-serif;
	font-size: 13px;
	margin: 5px 0;
	padding: 0;
	letter-spacing: 1px;
	}
	
#news {
	background:#9ec3e7;
	padding: 5px;

		}	
a#roll:hover {
	background: url(/i/logon.gif) no-repeat;
	}

img.left {
 float: left;
 padding: 12px 20px 20px 5px;
 background: transparent;
 border: 0;
 }
 
img.right {
 float: right;
 padding: 12px 20px 20px 5px;
 background: transparent;
 border: 0;
 } 
 


	/*  Set up general page elements */	 
img {
	display: block;
	border: 0;
	}
 

.inline {
	display: inline;
	}
ul {
font: 11px/1.1 Droid Sans, Arial, Helvetica, sans-serif;
}

p {
	margin-top: 0;
	margin-bottom: 1em;
	font: 14px/1.1 Droid Sans, Arial, Helvetica, sans-serif;
	}

a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #d1292b;
	background: transparent; 
	}


a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #83d832;
	background: transparent; 
	}


a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #9ec3e7;
	background: transparent;  
	}

/*   Text formatting  */
#buyli {
	margin-top: 0;
	margin-bottom: 1em;
	font: 11px/1.1 Droid Sans, Arial, Helvetica, sans-serif;
	}
h1, h2, h3, h4, h5, h6	{
	font-weight: normal;
	font-family: Droid Sans, Arial, Helvetica, sans-serif;
	}

h1	{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 32px;
	}

h2	{
	font-weight: bold;
	font-size: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
	letter-spacing: 1px;
	}

h3	{
	font-weight: bold;
	font-family: Droid Sans, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 0; 
    }

h4	{
	font-weight: bold;
	font-family: Droid Sans, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 5px 0;
	padding: 0;
	letter-spacing: 1px;
	}

h5 {
	font-weight: bold;
	font-family: Droid Sans, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #83d832;
	margin-top: 5px;
	margin-bottom: 0; 
    }

	/*  Lay out footer 	*/ 
#footer	{
		}

p+h2	{
	margin-top: 15px;
	}


.alt  {
	display: none;
	}
	
	
	
div.float {
  float: right;
  padding: 80px 40px 20px 5px;
  }
  
div.float p {
   text-align: center;
   }
	
div.floatl {
  float: left;
  }
  
div.floatl p {
	font-weight: bold;
	font-size: 9px;
   text-align: center;
   }


.html5-fullscreen-api {
    position: relative;
}
.html5-fullscreen-api img {
    max-width: 100%;
    
    
}
.html5-fullscreen-api .fs-button {
    z-index: 100;
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}