body {
  background-color: #000000;
  background-image: url("../pics/logo.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50%;
}
div#space {
  position: absolute;
  visibility: visible;
  left: 50%;
  top: 50%;
  width: 400px;
  height: 400px;
  margin-left: -200px;
  margin-top: -200px;
}

div#infobutton {
  position: fixed;
  width: 100px; 
  height: 100px; 
  margin-left: 150px;
  margin-top: -80px;  
  background: url(../pics/info_2.gif) no-repeat; 
}

div#infobutton a {
  display: block;
  width: 100px; 
  height: 100px; 
  background: url(../pics/info.gif) no-repeat;
  text-indent: -9999px;
  text-decoration: none;
}

div#infobutton a:hover {
  background: none;
}

div#wwwbutton {
  position: fixed;
  width: 100px; 
  height: 100px; 
  margin-left: -90px;
  margin-top: 150px;  
  background: url(../pics/www_2.gif) no-repeat; 
}

div#wwwbutton a {
  display: block;
  width: 100px; 
  height: 100px; 
  background: url(../pics/www.gif) no-repeat;
  text-indent: -9999px;
  text-decoration: none;
}

div#wwwbutton a:hover {
  background: none;
}

div#mailbutton {
  position: fixed;
  text-align:center;
  width: 100px; 
  height: 100px; 
  margin-left: 150px;
  margin-top: 385px;  
  background: url(../pics/mail_2.gif) no-repeat; 
}

div#mailbutton a {
  display: block;
  width: 100px; 
  height: 100px; 
  background: url(../pics/mail.gif) no-repeat;
  text-indent: -9999px;
  text-decoration: none;
}

div#mailbutton a:hover {
  background: none;
}

div#statusbutton {
  position: fixed;
  width: 100px; 
  height: 100px; 
  margin-left: 385px;
  margin-top: 150px;  
  background: url(../pics/status_2.gif) no-repeat; 
}

div#statusbutton a {
  display: block;
  width: 100px; 
  height: 100px; 
  background: url(../pics/status.gif) no-repeat;
  text-indent: -9999px;
  text-decoration: none;
}

div#statusbutton a:hover {
  background: none;
}

div#reloadedbutton {
  position: fixed;
  width: 100px; 
  height: 100px; 
  margin-left: -31px;
  margin-top: 0px;  
  background: url(../pics/reloaded_2.gif) no-repeat; 
}

div#reloadedbutton a {
  display: block;
  width: 100px; 
  height: 100px; 
  background: url(../pics/reloaded.gif) no-repeat;
  text-indent: -9999px;
  text-decoration: none;
}

div#reloadedbutton a:hover {
  background: none;
}

div#burningskiesbutton {
  position: fixed;
  width: 100px; 
  height: 100px; 
  margin-left: 331px;
  margin-top: 0px;  
  background: url(../pics/burningskies_2.gif) no-repeat; 
}

div#burningskiesbutton a {
  display: block;
  width: 100px; 
  height: 100px; 
  background: url(../pics/burningskies.gif) no-repeat;
  text-indent: -9999px;
  text-decoration: none;
}

div#burningskiesbutton a:hover {
  background: none;
}

div#tsbutton {
  position: fixed;
  width: 100px; 
  height: 100px; 
  margin-left: -30px;
  margin-top: 310px;  
  background: url(../pics/ts_2.gif) no-repeat; 
}

div#tsbutton a {
  display: block;
  width: 100px; 
  height: 100px; 
  background: url(../pics/ts.gif) no-repeat;
  text-indent: -9999px;
  text-decoration: none;
}

div#tsbutton a:hover {
  background: none;
}

div#eqbutton {
  position: fixed;
  width: 100px; 
  height: 100px; 
  margin-left: 330px;
  margin-top: 310px;  
  background: url(../pics/eq_2.gif) no-repeat; 
}

div#eqbutton a {
  display: block;
  width: 100px; 
  height: 100px; 
  background: url(../pics/eq.gif) no-repeat;
  text-indent: -9999px;
  text-decoration: none;
}

div#eqbutton a:hover {
  background: none;
}

#modal_container {  
	padding:0px;  
	background-color:#FFFFFF;  
	border:0px solid #FF0000;  
	overflow:auto;  
	font-family:"Lucida Grande",Verdana;  
	font-size:12px;  
	color:#333;  
	text-align:left;  
} 
  
#modal_overlay {  
  background-color:#222222;  
} 

#copy {
  font-family:Arial,Helvetica,Tahoma,sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  position: fixed;
  top: 100%;
  left: 100%;
  margin-top:-20px;
  margin-left:-100px;
}