body {
background-color: #000000;
color: #FFFFFF;
text-align: center;
font-family: Tahoma, Geneva, sans-serif;
font-size: small;
}
p#m{ font-size: 150%; margin: 2; }
p#l{ font-size: 200%; margin: 2; }
p#xl{ font-size: 300%; margin: 5; }
p#xxl{ font-size: 600%; margin: 0; }
a:link {
color: white;
text-decoration: none;
}
a:visited {
color: white;
text-decoration: none;
}
a:hover {
color: yellow;
}
a:active {
color: yellow;
text-decoration: none;
}
div#container {
position:absolute;
top:50%;
left:50%;
height:640px;
margin-top:-320px;
margin-left: -450px;
width: 900px;
text-align: left;
}
#main {
background-image: url(../images/sfl_squares.jpg);
width: 900px;
height: 600px;
text-align: center;
clear: both;
}
div#about {
position:absolute;
top:20px;
right:20px;
width:280px;
height: 200px;
background-color: transparent;
text-align: right;
color: white;
font-family: 'Crushed', Tahoma, Geneva, sans-serif;
}
div#home {
position:absolute;
top:20px;
left:20px;
width:600px;
height: 200px;
background-color: transparent;
text-align: left;
color: white;
font-family: 'Crushed', Tahoma, Geneva, sans-serif;
}
div#contact {
position:absolute;
top:20px;
right:20px;
width:280px;
height: 200px;
background-color: transparent;
text-align: right;
color: white;
font-family: 'Crushed', Tahoma, Geneva, sans-serif;
}
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:30%; text-align:left;}
.bottomright {float: right; width:68%; text-align:right;}