body {
	background-color: #001321;
	margin: 0;
	text-align: center;
	font-family: verdana; font-size: 12px;
}

div#root {
	position: relative;
	width: 800px;
	margin-right: auto; margin-left: auto;
	text-align: left;
	background-image: url("gfx/bg.jpg");
	background-repeat: repeat-y;
}

div#root div#login-area {
	position: relative;
	width: 100%; height: 48px;
	background-image: url("gfx/login.jpg");
}

div#root div#login-area div#login-text {
	position: relative;
	width: 610px; height: 35px;
	top: 20px; left: 127px;
	color: #ffffff;
}

div#root div#header {
	position: relative;
	width: 100%; height: 192px;
	background-image: url("gfx/header.jpg");
}

div#root div#navigation-area {
	position: relative;
	width: 100%; height: 99px;
	background-image: url("gfx/navigation.jpg");
	text-align: center;
}

div#root div#navigation-area div#navigation-text {
	position: relative;
	width: 100%; height: 20px;
	top: 40px;
	margin-right: auto; margin-left: auto;
	text-align: center;
}

div#root div#content-top-area {
	position: relative;
	width: 100%;
	background-image: url("gfx/content-top.jpg");
	background-repeat: no-repeat;
	z-index: 1;
	text-align: center;
}

div#root div#content-top-area div#content-top-text {
	position: relative;
	top: 40px;
	width: 80%;
	background-color: #ffffff;
	margin-right: auto; margin-left: auto;
	text-align: justify;
	left: -4px;
	overflow: hidden;
}

div#root div#content-bottom{
	position: relative;
	width: 100%; height: 336px;
	background-image: url("gfx/content-bottom.jpg");
	z-index: 0;
	/* margin-top: -110px; */
}