body {
text-align: center;
font-family: Tahoma, Geneva, sans-serif;
font-size: small;
background: #000000;
color: #FFFFFF;
}
a:link {
color: white;
text-decoration: none;
}
a:visited {
color: white;
text-decoration: none;
}
a:hover {
color: #00FF00;
}
a:active {
color: #00FF00;
text-decoration: none;
}
div#container {
position:absolute;
top:50%;
left:50%;
height:440px;
margin-top:-220px;
margin-left: -407px;
width: 814px;
text-align: left;
}
div#splash {
position:absolute;
top:50%;
left:50%;
height:440px;
margin-top:-220px;
margin-left: -407px;
width: 820px;
text-align: left;
filter: alpha(opacity=90, style=0);
opacity: 0.9;
background-color: black;   
z-index: 100;
display: block
}
div#box {
position:absolute;
top:2em;
right:10px;
width:280px;
height: 260px;
background-color: #0f0;
filter: alpha(opacity=80, style=0);
opacity: 0.8;
display: none
}
div#about {
position:absolute;
top:2em;
right:15px;
width:270px;
height: 250px;
background-color: transparent;
text-align: right;
color: black;
display: none;
}
div#contact {
position:absolute;
top:2em;
right:15px;
width:270px;
height: 250px;
background-color: transparent;
text-align: right;
color: black;
display: none;
}
img {
border-style: none;
padding: 0;
margin: 0;
}
.topleft  {float: left;  width:48%; text-align:left  }
.topright {float: right; width:48%; text-align:right;}
.bottomleft {float: left; width:89%; text-align:left }
.bottomright {float: right; width:10%; text-align:right;}