body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #383C3E;
	background: #2B4953 url('images/texture.jpg') repeat;
	padding: 0; margin: 0;
	z-index: 0;

}
#displayarea {
	width: 780px;
	margin: 30px auto 200px auto;
	background: #F2F4E9 url('images/contentbg.gif') repeat-y;
	z-index: 1;
}
#homedisplayarea {
	width: 780px;
	margin: 30px auto 200px auto;
	background-color: #F2F4E9;
	z-index: 1;
}
#header {
	width: 780px;
	background: url('images/header.jpg') no-repeat;
	height: 255px;
	z-index: 2;
}
#homeheader {
	width: 780px;
	background: url('images/homeheader.jpg') no-repeat;
	height: 255px;
	z-index: 2;
}
#header img {
	position: relative;
	top: 25px;
	left: 17px;
}
#nav {
	position: relative;
	top: -30px;
	width: 154px;
	margin-right: 10px;
	padding: 0px;
	z-index: 300;
}

* #nav {
	position: absolute;
	top: 255px;
	width: 154px;
}

#nav img {
	margin: 8px 0px;
}
.subnav {
	background-color: #DED8C8;
	font-family: Verdana, sans-serif;
	padding: 8px 0px 8px 20px;
	line-height: 140%;
}
#content {
	position: relative;
	float: right;
	top: -70px;
	width: 550px;
	padding: 0 40px;
	z-index: 3;
}
#homecontent {
	position: relative;
	float: right;
	top: -30px;
	width: 600px;
	padding: 0 40px;
	z-index: 3;
}

#footer {
	position: relative;
	clear: both;
}
#homefooter {
	position: relative;
	clear: both;

}
.cleaner {
        clear:both;
        height:1px;
        font-size:1px;
        border:none;
        margin:0; padding:0;
        background:transparent;
}
a {
	color: #3D5E19;
}
a img {
	border: 0;
}
h1 {
	letter-spacing: 1px;
	color: #804A61;
}
h2 {
	font-size: 120%;
	color: #476873;
	letter-spacing: 2px;
	padding: 3px;
	border-bottom: 1px solid #D1DBE0;
}

.extrastrong {
	color: #175C73;
}
.item {
	width: 100%;
	margin-bottom: 20px;
}
.item .screenshot {
	float: left;
	border: 1px solid #999999;
}
.item .description {
	float: right;
	width: 230px;
}