body { background-image: url('../img/grayleather.jpg'); }

div.center {
	position: relative;
	width: 100%;
	text-align: center; 
}
div.white {
	position: relative;
	background: #ffffff;
	border: medium solid #000000;
	z-index: 0;
	width: 200px;
	margin: 50px 25px 50px 25px;
	left: 25%;
	text-align: center;
}

/* title bar */
#tbar {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100px;
	background-image: url('../img/hexpattern.jpg');
	border-bottom: thin solid #ffffff;
}
#logo {
	position: absolute;
	z-index: 2;
	top: 3px;
	left: 10px;
}
img#STlogo:hover { cursor: pointer; }

/* menu buttons */
div.menu {
	border: thin solid #ffffff;
	background: #888888;
	z-index: 3;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 15%;
}
p.mb {
	border: thin solid #666666;
	background: #880000;
	color: #fff000;
	margin: 2px;
	padding: 10px;
	text-align: right;
	text-indent: 0px;
}
p.mb:hover {
	cursor: pointer;
	color: #00ffff;
	border: thin solid #ffffff;
	font-weight: bold;
}
p.here {
	border: thin solid #666666;
	background: #000000;
	color: #fff000;
	margin: 2px;
	padding: 10px;
	text-align: right;
	text-indent: 0px;
}

/* main */
#main {
	position: absolute;
/*	background-image: url('../img/smoke.png'); */
	background: #aaaaaa;
	border: thin solid #000000;
	top: 125px;
	left: 5%;
	width: 78%;
}
p {
	margin: 10px 20px 10px 10px;
	color: #000044;
	text-indent: 5%;
}
p.nodent { text-indent: 0px; }
p.code {
	font-family: monospace;
	color: #004400;
}
div.sshot {
	position: relative;
	margin: 20px;
	float: right;
	z-index: 1;
}
h3 {
	margin-left: 10px;
	color: #ffff00;
}
b.white { color: #ffffff; }

/* features */
em.navy {
	background: #000044;
	padding: 5px 50px 5px 50px;
	width: 75%;
}

/* release notes */
div.rnote {
	position: relative;
	width: 90%;
	left: 5%;
	border-top: thin dotted #000000;
}
li { color: #000044; }

/* downloads */
a.download {
	text-decoration: none;
	font-size: 200%;
	background: #000044;
	border: medium solid #ffffff;
	color: #ffff00;
}