* {
 border: 0;
 margin: 0;
 padding: 0;
 }
 
html {
 background-color: black;
 font-family: "Trebuchet MS", Helvetica, sans-serif;
 font-size: 16px;
 }
 
a, a:visited, a:active {
 text-decoration: none;
 color: black;
 }
 
a:hover, a:focus {
 text-decoration: underline;
 }
 
body {
 width: 600px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 30px;
 }
 
h1 {
 display: block;
 width: 600px;
 height: 180px;
 background-image: url(images/header.png);
 }
 
h1 span{
 visibility: hidden;
 }
 
div#content {
 background-image: url(images/background.png);
 padding-left: 20px;
 padding-right: 10px;
 }
 
img#screenshot {
 float: right;
 width: 220px;
 height: 165px;
 }
 
div#description {
 float: left;
 width: 300px;
 }
 
p#authors {
 margin: 10px;
 }

a#download {
 float: right;
 width: 220px;
 height: 42px;
 text-align: center;
 font-size: 150%;
 color: white;
 background-image: url(images/button.png);
 padding-top: 8px;
 text-decoration: none;
 }
 
a#download:hover {
 background-position: 0 100%;
 text-decoration: underline;
 }
 
hr {
 clear: both;
 visibility: hidden;
 }
 
ul#footer {
 display: block;
 width: 580px;
 height: 30px;
 background-image: url(images/footer.png);
 text-align: right;
 list-style-type: none;
 color: gray;
 font-size: 80%;
 margin: 0;
 padding-right: 20px;
 padding-top: 10px;
 }
 
ul#footer li {
 display: inline;
 }
 
ul#footer li:before {
 content: " - ";
 }
 
ul#footer li:first-child:before {
 content: none;
 }