* { margin: 0; padding: 0; }

html, body { width: 100%; height: 100%;	}

body 
{
	font: normal 11px Verdana; text-align: center;
	color: #fff; background: #301619 url(gfx/body.jpg) top center no-repeat;
}

div#page 
{
	position: relative;
	width: 800px; height: auto;
	margin : 0 auto; padding: 0 0 30px 0;
	background: url(gfx/page.jpg) top left no-repeat;
}

div#top
{
	width: auto; height: 250px;
	background: url(gfx/top.jpg) top left no-repeat;
}

div#lang { position: absolute; top: 75px; right: 30px; width: 200px; }
	div#lang a { font-weight: bold; color: #fff; margin-right: 10px; text-decoration: none; }
	div#lang a:hover { text-decoration: underline; } 

div#left 
{
	float: left; display: block;
	width: 430px; height: auto;
	text-align: right;
}

div#right 
{
	float: right; display: block;
	width: 370px; height: auto;
	text-align: left;
}
	div#right a { color: rgb(102,102,102); text-decoration: none; }
	div#right a:hover { color: rgb(204,204,204); text-decoration: underline; }

div#nav 
{
	width: auto; height: 65px;
	margin: 10px 0 0 0;
}
	div#nav a { font-weight: bold; color: #494f56; margin-right: 20px; text-decoration: none; }
	div#nav a:hover, div#nav a.active { color: #fff; }
	div#nav a:hover { text-decoration: underline; }

div#foot
{
	position: absolute; bottom: 0; left: 0;
	width: 800px; height: 25px;
	/*background: url(gfx/foot.jpg) top left no-repeat;*/
}
	div#foot p#copy { float: left; }
	div#foot p#code { float: right; }
	div#foot p#copy, div#foot p#code { font-size: 10px; color: rgb(102,102,102); }
	div#foot a { color: rgb(102,102,102); text-decoration: none; }
	div#foot a:hover { color: rgb(204,204,204); text-decoration: underline; }


h1 { font-size: 24px; font-weight: normal; padding: 70px 20px 0 20px; }

p { margin: 0 0 10px 0; }

ul { margin-left: 13px; list-style-type: square;
margin-bottom:10px}

.shade { font-weight: bold; color: #494f56; }
.clr { clear: both; }

table.list { font-size: 11px; }
table.list td { vertical-align: top; padding: 1px 2px; }