html,
body
{
    padding: 0;
    margin: 0;
    font-family: sans-serif;
    font-weight: 300;
    font-size: 16px;
	background-color:#000;
	color:#FFF;
	
}

h1,
h2,
h3
{
    color: #fff;
	font:Georgia, "Times New Roman", Times, serif;
}

h3
{
    margin: 10px 0;
}

a
{
    color: #238acb;
}

a img
{
    border: none;
}

pre
{
    font-size: 14px;
    color: white;
    padding: 10px;
    background: #646464;
}

.header
{
    position: fixed;
    top: 20px;
    left: 0;
    width: 100%;
    z-index: 1000;
height: 75px;

}


.background
{
    line-height: 10;
    z-index: 10;
    width: 8263px;
}


.horizon
{
    line-height: 0;
    z-index: 100;
    width: 8263px;
	height: 700px;
}

.middle
{
    z-index: 550;
    line-height: 0;
    width: 8263px;
}

.front
{
    z-index: 600;
    top: 150px;
    width: 10000px;
}

.intro
{
    position: absolute;
    left: 50px;
    top: 0px;
    padding-right: 30px;
    
}


.page
{
    top: 10px;
    width: 500px;
	height: 300px; 
	opacity: 0.95;
    background: #1c2427;
    padding: 10px 30px;
    border: 0px;
    position: absolute;
}


.sign
{
position:absolute;
left: 20px;
top: -25px;
padding-right: 40px;
}

.by
{
position:absolute;
left: 100px;
top: 170px;
padding-right: 0px;

}


.text
{
position:absolute;
left: 70px;
top: 235px;
padding-right: 10px;
padding-left: 15px;
padding-bottom: 10px;
padding-top: 10px;
opacity: 0.95;
background: #1c2427;

}


.rita 
{
    left: 1900px;
	position: absolute;
	padding-right: 20px;
}

.description
{
    left: 2400px;
	width: 300px;
}
.brian 
{
    left: 3200px;
	position: absolute;
	padding-right: 20px;
}


.options
{
    width: 300px;
    left: 3700px;
	padding-bottom: 20px;
}

.ashly
{
left: 4300px;
width :300px;	
position: absolute;
}


.download
{
    width: 500px;
    left: 4900px;
}


.brent
{
left: 5500px;
width :500px;	
position: absolute;
}


.documentation
{
    left: 6000px;
    width: 300px;
	position:absolute;
	
}


.history
{
left: 6700px;
width :500px;	
position: absolute;
}

.historytext
{
left: 7200px;
width :500px;	
position: absolute;
top: -10px;
padding-bottom: 20px;
}

.centraltext
{
left: 7900px;
width :300px;	
position: absolute;
height: 20px;
top: 150px;
}

.centralvideo
{
left: 7900px;
width :500px;	
position: absolute;
top: 200px;
}


.johnnysbooth
{
left: 8400px;
width :500px;	
position: absolute;
}

.johnnysboothtext
{
left: 8500px;
width :230px;	
position: absolute;
height: 30px;
top: -10px;
}

.thanks
{
left: 9100px;
width :300px;	
position: absolute;
height: 300px;
}



.license
{
    padding: 100px 30px 30px 30px;
}

/*navigation */	
#navigation {position:fixed; 
			z-index:10; 
			top:0px;
left:0px;
			}
					
nav {
  background-color:#FFF;
  opacity:0.3;
  height:60px;
width:3000px;
  
}

 
nav ul {
  font-family: Arial, Verdana;
  font-size: 20px;
  list-style: none;
}
 
nav ul li {
  display: block;
  position: relative;
  float: left;
 
}
 
nav li ul { 
  display: none; 
}
 
nav ul li a {
  display: block;
  text-decoration: none;
  padding: 7px 15px 3px 15px;
  margin-left: 1px;
  height:50px; /* Width and height of top-level nav items */
  width:90px;
  text-align:left;
 
}
 
nav ul li a:hover { 
  background: #CCC;
   }

 
/* END NAV MENU */