BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	FONT: 85% arial, hevetica, sans-serif;
	COLOR: black;
	PADDING-TOP: 0px;
	BACKGROUND-COLOR: white;
	text-align: center;
}

.center {
	text-align: center;
}

.center div {
	text-align: center;
}

#main {
	MARGIN-TOP: 3px; WIDTH: 800px;
	BACKGROUND-COLOR: white;
}
#banner {
	MARGIN-TOP: 7px;
	HEIGHT: 90px;
	WIDTH: 800px;
	BACKGROUND: url(../images/banner.gif);
	background-repeat: none;
	text-decoration: none;
}
/* ------ Nv section */

#navcontainer-new {
float: left;
margin-top: 3px;
WIDTH: 800px;
overflow: hidden;
height: 40px;
BACKGROUND: url(../images/nav-bg.gif);
}

#navcontainer-new ul {
position: relative;
height: 38px;
border-top: solid 3px black; 
margin: 0px;
padding: 0px;
color: White;
font: bold 12px "arial black";
text-align: center;
text-decoration: none;
}

#navcontainer-new div{
margin: 0px;
padding: 0px;
float: left;
width: 20%;
}

#navcontainer-new ul li{
text-decoration: none;
display: inline;
}

#navcontainer-new ul li a{
color: #fff;
text-decoration: none;
}

#navcontainer-new ul li a:hover{
color: yellow;
}

#navcontainer-new ul li a:active{
color: yellow;
font: bold;
}

#sub-menu ul{
height: 19px;
font: bold 12px "arial";
margin-top: 0px;
}

#sub-menu ul li{
margin-top: 0px;
margin-left: 45px;
display: inline;
text-decoration: none;
}

#sub-menu ul li a{
color: #fff;
text-decoration: none;
}

#sub-menu ul li a:hover{
color: green;
}

#sub-menu li#active a{
background: #c60;
border: 1px solid #c60;
color: #fff;
}


#sub-menu {
width: 800px;
height: 20px;
text-align: left;
overflow: hidden;
background: gray;
border-top: solid 1px #CC6699;
margin: 0px;
padding: 0px;
clear: both;
}

/* ------ END Nv section */



/* ------ scroller section */
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;}
.vscrollerbase {
width: 10px;
background-color: white;}
.vscrollerbar {
width: 0px;
background: black url(../images/scrollbg.gif);
background-position: center;
background-repeat: no-repeat;}
.hscrollerbase {
height: 0px;
background-color: white;}
.hscrollerbar {
height: 0px;
background-color: black;}
.scrollerjogbox {
width: 10px;
height: 0px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;}
/* ------ END scroller section */



#container {
	WIDTH: 800px;
	HEIGHT: 760px;
	BACKGROUND-COLOR: white;
	margin: 0px;
	padding: 0px;
}

#content {
	BORDER: solid 2px black;
	WIDTH: 130px; 
	HEIGHT: 460px; 
	BACKGROUND: url(../images/-bg.gif) no-repeat center top; 
	float: left;
	margin: 0px;
	padding: 0px;
}

#content-txt {
	padding: 0px;
	margin: 5%;
	text-align: center;
	font: 11px "arial black";
	line-height: 12px;
	width: 90%;
	height: 90%;


}

#characters {
	position: relative;
	BORDER: none;
	float: right;
	z-index: 2;
	top: -170px;
	WIDTH: 640px;
	HEIGHT: 225px;
	BACKGROUND: no-repeat;
	overflow: visible;
}

#graphics {
	BORDER: solid 2px black;
	FLOAT: right; 
	WIDTH: 645px; 
	HEIGHT: 460px; 
	BACKGROUND: white;
	text-align: center; 
	margin: 0px;
	padding: 0px;
}

#index-graphics {
	padding: 0px;
	margin: 10px;
	WIDTH: 630; 
	HEIGHT: 445px; 
	overflow: auto;
}



/*------TOYS section----*/
#toys-buttonkey {
	width: 800px;
	height: 70px;
	overflow: hidden;
	margin-top: 10px;
	padding: 0px;
	text-decoration: none;
	text-align: center;
	clear: both;
}

.TRY THIS FOR THE SIDEWAYS SCROLL
{
overflow-y : hidden;
POSITION : relative;
OVERFLOW : auto;
WIDTH : 100%; 
}

#toys-buttonkey ul{
margin: 0px;
padding: 0px;
text-align: center;
text-decoration: none;
}

#toys-buttonkey ul li{
text-decoration: none;
display: inline;
text-align: center;
}

#toyskey-button {
	width: 20%;
	margin: 0px;
	float: left;
	text-align: center;
	padding: 0px;
	overflow: hidden;
}

#toysicon-content {
	MARGIN-bottom: 0px;
	MARGIN-left: 0px;
	MARGIN-right: 0px;
	padding: 0px;
	WIDTH: 800;
	HEIGHT: 270px;
	text-decoration: none;
	text-align: left;
	overflow: auto;
	overflow-y: hidden;
}

#toysicon-content ul {
margin: 0px;
padding: 0px;
text-align: center;
text-decoration: none;
}

#toysicon-content li{
	text-decoration: none;
	display: inline;
	text-align: center;
}

#toysiconspacer{
	height: 270px;
	width: 160px;
	MARGIN: 0px; 
	float: left;
	text-align: center;
	padding: 0px;
	overflow: hidden;
}

#toysicon-container {
	height: 260px;
	MARGIN: 5px;
	text-align: center;
	padding: 0px;
	overflow: hidden;
}

#toysicon-text {
	position: relative;
	top: -130px;
	width: 114px;
	height: 101px;
	padding: 0px;
	MARGIN: 0px;
	text-align: center;
	overflow: hidden;
	background-image: url(../images/toys-buttonpanel.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#toysicon-button img {
position: relative;
top: 2px;
border: none;
}

#toysicon-button  {
	padding: 0px;
	margin: 0px;
	height: 49%;
	width: 50%;
	float: left;
	overflow: hidden;
}

#toys {
	BORDER: solid 2px black;
	WIDTH: 800px; 
	HEIGHT: 460px; 
	BACKGROUND: white;
	text-align: center; 
	margin-top: 10px;
	margin-left: 0px;
	msrgin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	overflow: hidden;
	clear: both;
}

#toys-content {
	BORDER: 0px;
	WIDTH: 140px; 
	HEIGHT: 460px; 
	BACKGROUND: url(../images/-bg.gif) no-repeat center top; 
	float: left;
	margin: 0px;
	padding: 0px;
}

#toys-main {
	padding: 0px;
	margin: 10px;
	HEIGHT: 445px;
	width: 622px; 
	overflow: auto;
	overflow-x: hidden;
}

#toythumbs {
	MARGIN-TOP: 10px;
	MARGIN-LEFT: 4px;
	WIDTH: 61px;
	HEIGHT: 85px;
	float: left;
}
/*------END TOYS section----*/



/*------MUSIC section----*/
#music-content {
	BORDER: solid 2px black;
	MARGIN-TOP: 10px; 
	MARGIN-bottom: 0px; 
	MARGIN-left: 0px; 
	MARGIN-right: 0px; 
	padding: 0px
	WIDTH: 800px; 
	HEIGHT: 200px; 
	text-decoration: none;
	overflow: hidden;
	clear: both;
}

#music-content ul {
margin: 0px;
padding: 0px;
text-align: center;
text-decoration: none;
}

#music-content li{
text-decoration: none;
display: inline;
}

#music-content img{
	position: relative;
	top: 7px;
}

#musiciconspacer{
	BORDER: 0px;
	height: 198px;
	width: 20%;
	MARGIN: 0px; 
	float: left;
	text-align: center;
	padding: 0px;
	overflow: hidden;
}

#icon-container {
	BORDER: solid 2px black;
	height: 186px;
	MARGIN: 5px; 
	text-align: center;
	padding: 0px;
	overflow: hidden;
}

#musicicon-text {
	position: relative;
	top: -67px;
	width: 100%;
	padding: 0px;
	MARGIN: 0px; 
	text-align: center;
	font: 14px "arial black";
	color: black;
	overflow: hidden;
}

#info-download-container {
	BORDER-bottom: 1px;
	BORDER-left: solid 2px black;
	BORDER-right: solid 2px black;
	BORDER-top: solid 2px black;
	MARGIN-TOP: 10px; 
	MARGIN-bottom: 0px; 
	WIDTH: 800px; 
	HEIGHT: 275px; 
	text-decoration: none;
	overflow: hidden;
	padding: 0px;
	clear: both;
}
	

#musicinfo-rollover {
	margin-left: 15px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px;
	width: 46%;
	height: 250px;
	border: solid black 2px;
	float: left;
}

#downloads {
	margin: 10px;
	padding: 0px;
	width: 47%;
	height: 250px;
	border: solid black 2px;
	float: left;
	BACKGROUND: url(../images/music-records-download.gif) no-repeat center top;
}

#record-download {
	position: relative;
	left: -85px;
	margin: 1px;
	padding: 0px;
	width: 28%;
	height: 15%;
	border: none;
}

#music-main {
	position: relative;
	top: -15px;
	BORDER-left: solid 2px black;
	BORDER-right: solid 2px black;
	BORDER-bottom: solid 2px black;
	MARGIN: 0px; 
	WIDTH: 800px; 
	HEIGHT: 300px; 
	text-decoration: none;
	overflow: hidden;
	padding: 0px;
}

#player {
	BORDER: solid 2px black;
	MARGIN-TOP: 20px; 
	padding: 0px;
	WIDTH: 770px; 
	HEIGHT: 270px; 
	BACKGROUND-image: url(../images/turntables.gif); 
    background-position: 10px 5px;
    background-repeat: no-repeat;
	overflow: hidden;
}

#player-flash {
	position: relative;
	top: 198px;
	left: 7px;
	MARGIN: 0px;
	padding: 0px;
	WIDTH: 75px; 
	HEIGHT: 30px; 
	overflow: hidden;
}
/*------END MUSIC section----*/

#footer {
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 10px;
	left: -10px;
	CLEAR: both;
	HEIGHT: 250px;
	WIDTH: 820px;
    font: 14px;
	font-face: arial;
	color: black;
	BACKGROUND: white;
	background-repeat: none;
	overflow: hidden;
	text-align: center;
}

#footer-item {
	HEIGHT: 146px;
	display: inline;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	FONT: 12px "Arial";
	color: black;
	text-align: center;
	text-decoration: none;
}

#footer-item img{
	BORDER: solid 2px black;
	width: 185px;
	padding: 0px;
	margin: 0px;
}

h1 {
	FONT: 16px "Arial Black" white;
}

img {
border: 0px;
}