html, body, div, li, img {
margin: 0;
padding: 0;
border: 0;
}

/* Layout */

html {
background: #273800 url(../background/html.gif) repeat-x top center;
}

body {
width: 554px;
margin: 0 auto;
color: #31332c;
font-family: sans-serif;
font-size: 0.9em;
letter-spacing: 0.1em;
line-height: 1.6em;
}

div.main {
min-height: 496px;
padding: 0 0 2px 0;
background: transparent url(../background/div_main.gif) repeat-y 121px 0;
}

div.content {
padding: 130px 45px 2px 195px;
background: transparent url(../background/h1.gif) no-repeat top left;
}

h1, p#description {
text-indent: -300em;
overflow: hidden;
}

h1 {
display: none;
}

p#description {
margin: 0;
float: left;
}

p#download {
display: block;
width: 204px;
height: 180px;
margin-left: -211px;
position: absolute;
top: 9px;
background: transparent url(../background/p_download.jpg) no-repeat top left;
text-indent: -300em;
overflow: hidden;
}

p#download a {
display: block;
width: 109px;
height: 69px;
margin-left: 44px;
position: absolute;
top: 55px;
left: 0;
text-indent: -300em;
overflow: hidden;
}

p#footer {
height: 115px;
margin: 0;
padding: 0 45px 0 160px;
background: transparent url(../background/p_footer.gif) no-repeat top right;
text-align: right;
font-style: italic;
font-size: 0.9em;
}

/* General */

p {
margin: 0 0 1.8em 0;
}

/* Heading */

h2 {
margin: 0 0 0.4em 0;
padding: 0;
margin-right: 20px;
color: #7c8569;
font-size: 1.8em;
font-weight: normal;
text-align: right;
}

span.highlight {
font-style: italic;
}

/* Image */

img.screenshot {
width: 138px;
height: 92px;
}

img#screenshot_1 {
position: absolute;
top: 262px;
margin-left: -177px;
}

img#screenshot_2 {
position: absolute;
top: 374px;
margin-left: -177px;
}

/* Link */

a {
color: #bab800;
text-decoration: underline;
}

a:hover{
color: #e2d500;
}