/*General*/

div, img, ol, ul, li, p, body, h1, h2, h3, blockquote, table, th, tr, td, dl, dd, dt, input  {
margin: 0;
padding: 0;
border: 0;
}

body {
width: 660px;
margin: 0 auto;
padding: 61px 0 2em 0;
color: #f2f2f2;
background: #313131 url(body.gif) repeat-x;
font-family: sans-serif;
line-height: 1.7em;
text-align: left;
font-size: 0.9em;
}

div#main {
width: 412px;
padding: 1em 0 0 0;
float: left;
}

div#extra {
width: 210px;
padding: 1em 0 2em 0;
float: right;
}

/*Heading*/

h1 {
text-indent: -300em;
overflow: hidden;
width: 510px;
height: 63px;
margin: 0 auto;
padding: 0 0 35px 0;
background: transparent url(h1.gif) no-repeat;
}

h1 a {
display: block;
width: 100%;
height: 100%;
}

h2 {
display: none;
}

em, dt, h3 {
font-size: 1.2em;
letter-spacing: 0.10em;
text-transform: uppercase;
font-weight: normal;
font-style: normal;
color: #aaa;
}

h3 {
clear: both;
margin: 1em 0 0 0;
}

/*Text*/

p {
margin: 1em 0 2em 0;
}

ul {
list-style-type: square;
margin: 1em 0 2em 1.5em;
}

p#description {
display: none;
}

em {
font-size: 1em;
}

p.footnote {
width: 402px;
margin: 0;
clear: both;
text-align: center;
color: #777;
font-size: 0.9em;
}

/*List*/

ul.gallery {
list-style-type: none;
margin: 1em 0 2em 0;
}

ul.gallery li {
width: 104px;
height: 120px;
margin: 0 6px 20px 6px;
padding: 9px 10px 13px 10px;
text-align: center;
float: left;
background: transparent url(li_gallery.gif) no-repeat;
}

ul.gallery li img {
width: 100px;
height: 120px;
margin: 0 0 2px 0;
}

ul.gallery li a img:hover {
margin: 2px 0 0 0;
}

dl.downloads {
font-size: 0.9em;
line-height: 1.5em;
}

dl.downloads dt img {
float: left;
margin: 0 1em 0 0;
}

dt {
clear: both;
margin: 1em 0 0 0;
}

dd.included {
font-size: 0.9em;
line-height: 1.4em;
width: 194px;
color: #aaa;
}

/*Link*/

a {
color: #67808c;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1em;
}

a.external {
padding: 0 13px 0 0;
background: transparent url(a_external.gif) no-repeat 100% 30%;
}

a:hover {
color: #7898a8;
}