html {
padding: 0;
margin: 0;
}

body {
margin: 0;
background: #000 url('gfx/bg.png') no-repeat top left;
color: #eefeff;
font: 10pt "Verdana";
padding: 315px 0 0 0;
}

div#container {
width: 800px;
padding: 5px;
}

div#content {
width: 550px;
padding: 5px;
margin-left: 5px;
overflow: auto
}

div#content h1 {
background: url('gfx/header1.png') no-repeat top left;
width: 293px; 
height: 53px
}

h1 span {
display: none;
}

div#content h2 {
background: url('gfx/header2.png') no-repeat top left;
width: 176px; 
height: 21px
}

h2 span {
display: none;
}

div#nav {
float: right;
width: 200px;
font: 10pt "Verdana";
color: #eee;
margin-top: 65px;
margin-right: 20px;
padding-left: 11px;
padding-bottom: 11px;
}

div#nav h1 {
padding: 0;
margin: 0;
background: url('gfx/menu.png') no-repeat top left;
width: 200px;
height: 26px;
}

div#nav h2 {
padding: 0;
margin: 0;
background: url('gfx/links.png') no-repeat top left;
width: 200px;
height: 28px;
margin-top: 10px;
}

div#nav a {
display: block;
width: 190px;
border-left: 5px solid #222;
font: 12pt "Verdana";
text-align: right;
text-decoration: none;
padding: 7px 5px 7px 0;
margin-top: 5px;
background-color: #222;
color: #eee;
}

div#nav a:hover {
width: 190px;
border-left: 5px solid #eee;
background-color: #444;
}