/* CSS for Sinus Scroller */


body, html
{
	background: #000000 url(../gfx/body.jpg) center center no-repeat;
	margin: 0; padding: 0;
}

#tl, #tr, #bl, #br 
{ 
	background: rgba(14,51,20,100); 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	z-index: 20;
}
#tl { left: 0px; top: 0px; }
#tr { left: 639px; top: 0px; }
#bl { left: 0px; top: 479px; }
#br { left: 639px; top: 479px; }

#center
{
	position: absolute;
	top: 50%;
	left: 50%;
}
#logo
{
	background: url(../gfx/rselogo.png) top center no-repeat;
	width: 640px;
	height: 238px;
	position: absolute;
}


#container
{
	position: absolute;
	top: -240px;
	left: -320px;
	width: 640px;
	height: 480px;
	border: 0;
}
/* Sinus Box */

#scrollboxhtml
{
	position: absolute;
	width: 640px;
	height: 480px;
	overflow: hidden;
}

#scrollerenhtml
{
	white-space: nowrap;
	position: absolute;
	
}

.letter
{
	position: absolute;
	color: #66ff00;
	text-transform: uppercase;
	font-family: Lucida Console;
	font-weight: bold;
	opacity: 0.8;
	font-size: 32px;
	top: -100px;
	z-index: 6;
}

.letter.coolio
{
	color: #ffffff;
}


.shadow
{
	position: absolute;
	color: #223344;
	text-transform: uppercase;
	font-family: Lucida Console;
	font-weight: bold;
	opacity: 0.4;
	font-size: 32px;
	top: -100px;
	z-index: 5;
}

.star
{
	width: 4px;
	height: 4px;
	overflow: hidden;
	position: absolute;
	background: #fff;
	opacity: 0.5;
}

