a:link, a:visited { color: #000000; text-decoration: none; outline: none; border: none}
a:hover { color: #000000; text-decoration: underline; outline: none; }
a:visited { color: #000000; border: none; text-decoration: none; outline: none; border: none}
a:active { color: #000000; border: none; text-decoration: underline; outline: none; border: none}

HTML {
overflow: -moz-scrollbars-vertical;
}

body.splash
{
	background-image:url(background.jpg);
	background-position: center top;
	background-repeat:repeat;
	padding:0px;
	margin:0px;
}

body
{
background-color:#cccccc;
margin-bottom:500px;
}

div.title
{
position:fixed;
top:20px; left:40px;
z-index:500;
}

div.title2
{
position:fixed;
top:85px; left:40px;
}

img.bg
{
width:100%;
min-width:1000px;
}

hr
{
border:0; 
width:100%;
color:#000;
background-color:#000;
height:1px;
}

a.nav
{
background-color:#transparent;
margin:0px; padding:0px;
}

a.prev
{
margin:0px; padding:0px;
}

a.next
{
margin:0px; padding:0px;
}

div.navigate
{
position: fixed;
top:165px; left:40px;
width:100px; height:15px;
padding:0px;
margin:0px;
}

.navigate a {
display:block;
width: 100px;
height: 15px;
padding:0px;
background: url("navigatebold.png") 0 0 no-repeat;
text-decoration: none;
margin:0px;
}
.navigate a:hover { 
background-position: 0 -30px;
}
.navigate a:active {
background-position: 0 -30px;
}

div.listen
{
position: fixed;
top:215px; left:40px;
width:100px; height:30px;
padding:0px;
margin:0px;
}

.listen a {
display:block;
width: 100px;
height: 30px;
padding:0px;
background: url("listenbold.png") 0 0 no-repeat;
text-decoration: none;
margin:0px;
}
.listen a:hover { 
background-position: 0 -30px;
}
.listen a:active {
background-position: 0 -30px;
}



.visualize a {
display:block;
width: 100px;
height: 30px;
padding:0px;
background: url("visualizebold.png") 0 0 no-repeat;
text-decoration: none;
margin:0px;
}
.visualize a:hover { 
background-position: 0 -30px;
}
.visualize a:active {
background-position: 0 -30px;
}

div.visualize
{
position: fixed;
top:190px; left:40px;
width:100px; height:30px;
padding:0px;
margin:0px;
}

.credits a {
display:block;
width: 100px;
height: 30px;
padding:0px;
background: url("creditsbold.png") 0 0 no-repeat;
text-decoration: none;
margin:0px;
}
.credits a:hover { 
background-position: 0 -30px;
}
.credits a:active {
background-position: 0 -30px;
}

div.credits
{
position:fixed;
top:240px; left:40px;
}

div.press
{
position: fixed;
top:265px; left:40px;
width:100px; height:30px;
padding:0px;
margin:0px;
}

.press a {
display:block;
width: 100px;
height: 30px;
padding:0px;
background: url("pressbold.png") 0 0 no-repeat;
text-decoration: none;
margin:0px;
}

.press a:hover { 
background-position: 0 -30px;
}
.press a:active {
background-position: 0 -30px;
}

div.press2
{
position: fixed;
top:290px; left:40px;
width:100px; height:20px;
padding:0px;
margin:0px;
}

.press2 a {
display:block;
width: 100px;
height: 20px;
padding:0px;
text-decoration: none;
margin:0px;
}

.press2 a:hover { 
background-position: 0 -20px;
}
.press2 a:active {
background-position: 0 -20px;
}


div.content1
{
	position:absolute;
	top:0px;
	margin-left:60%;
	padding:0px;
	width:25%;
	height:auto;
	min-height:2000px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: Normal;
	font-size:12px;
	line-height: 1.2em;
	color:#FFFFFF;
	background-color: #333333;
}

div.img
{
position:fixed;
width:100%;
min-width:1000px;
margin:0px;
padding:0px;
}

div.content2
{
	position: relative;
	top:0px;
	left:0;
	width:75%;
	padding:30px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: Normal;
	font-size:12px;
	line-height: 1.5em;
}