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

h1{
margin:0;
}

body{
background-color:#000;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#curtain{
position:fixed;
top:0;
left:0;
background:#000;
width:100%;
height:100%;
z-index:5500;
}

#farOut{
position:relative;
width: 900px;
margin: 0 auto 25px;
}

#wrap{
width:900px;
position:relative;
}
#header{
	position:absolute;
	top:-25px;
	left:0;
	width:135px;
}

#navMenuOuter{
	position:absolute;
	width:900px;
	top:107px;
	left:0;
}

#audioPlayer{
	position:absolute;
	top:10px;
	left:10px;
	width:200px;
	z-index:5000;
	height: 75px;
}

#contentContainer{
	position:absolute;
	top:158px;
	left:0px;
	width:900px;
	border:solid 1px #0f0;
	overflow:hidden;
}
#contentContainerInner{
position:relative;
}

#newsContainer{
	position:absolute;
	top:0px;
	left:0px;
	width:890px;
	height:450px;
	padding-left:10px;
	overflow:auto;
	font-size:12px;
}

#newsContainer h3{
color:#ff00ff;
font-size:16px;
}



#storeContainer,#joinContainer,#ridersContainer,#galleryContainer{
	position:absolute;
	top:0px;
	left:-2000px;
	width:890px;
	height:450px;
	padding-left:10px;

}

#galleryInner{
position:relative;
width:890px;
height:450px;
}


#newsContainer h1{
margin:0 0 10px 0;

}

#ridersContainer{
overflow:auto;
}
#ridersList ul{
font-size:14px;
list-style:none;
}
#ridersList ul strong{
color:#00FF00;
}

#ridersList em{
color:#999999;
font-size:11px;
}



#compatTestBtn{
cursor:pointer;
}



/* nav menu */
#navMenu ul{
list-style:none;
margin:0;
padding:0;
}

#navMenu ul li{
float:left;
margin:0;
padding:0;
}


#navMenu ul li.navbtn img{
cursor:pointer;
}



/* scroll pain */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:#333333;
	/*border:solid #990000 2px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;*/
}
.jScrollPaneDrag {
	position: absolute;
	background: #990000;
	cursor: pointer;
	overflow: hidden;
	background:url(../grfx/scrollDrag.gif) no-repeat center;*/
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url(../grfx/scrollUp.gif) center no-repeat;
	height: 15px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url(../grfx/scrollDwn.gif) center no-repeat;
	height: 15px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}