* {font-family: Verdana; font-size: 8pt; line-height: 9pt;}

body {background: url('bg.jpg') repeat-x;
background-color: #e5e5e5;
margin: 0px;
margin-bottom: 20px;}

#container {width: 90%;
margin: 0 auto;
color: #999999;}

#banner {width: 350px;
background: url('images/bannerbg.png') repeat;
float: left;}

#bannerbottom {background: url('images/banner_02.png') no-repeat;
width: 347px;
height: 312px;
margin-top: -20px;}

#nav {margin-left: 72px;
margin-top: -120px;
padding: 10px;
color: #cccccc;
width: 220px;}

.menu {
list-style: none;
padding-left: 25px;
color: #999999;}

.menu a {
text-decoration: none;
color: #999999;
border-left: #999999 solid 6px;
cursor: crosshair;
display: block;
padding-left: 8px;
margin-bottom: 2px;}

.menu a:hover {
color: #cccccc;
border-left: #cccccc solid 6px;}

b, u {color: #333333;}
s, i {color: #9999cc;}

#content {
padding-top: 130px;}

a {
text-decoration: none;
color: #cccccc;
cursor: crosshair;}

a:hover {
color: #333333;}

h1 {
color: #333333;
text-align: right;
text-transform: uppercase;
padding-right: 55px;
padding-bottom: 1px;
font-style: bold;
font-size: 8.5pt;
margin-right: 8%;
background: url('images/header.png') no-repeat;
background-position: right;}

h2 {
background: url('images/smallhead.png') no-repeat;
background-position: right;
color: #333333;
text-align: right;
text-transform: lowercase;
height: 58px;
padding-right: 90px;
font-style: bold;
padding-top: 30px;
margin-right: 5%;
margin-left: 10%;}

.small {margin-top: -20px;
padding-left: 370px;
text-align: center;}

.frame {border: #999999 1px solid;
background: #cccccc;
color: #333333;
padding: 7px;
width: 200px;
text-align: center;
margin-right: 10px;
margin-bottom: 10px;
float: left;}

.screenshot {border: #999999 1px solid;
background: #cccccc;
color: #999999;
width: 400px;
text-align: center;
float: left;
padding: 7px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 10%;}

.screenshot a {color: #999999;}

.screenshot a:hover {color: #333333;}

.info {
text-align: left;
margin-right: 20px;}