body {
	background-color: #252424;
	height:100%;
	margin: 0 auto;
	font-family: Arial,sans-serif;
}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

a {
	color: #C4C4C4;
}

a:hover {
	color: #E4E4E4;
}

html {
	height:100%;
	margin:0 auto;
}

img {
	padding: 2px;
	margin: 4px;
	border: 1px solid #555;
}

#topbar {
	position:absolute;
	left: 0; 
	top: 0;
	width: 100%;
	height: 21px;
	margin: 0px;
	background-color: #343434;
	border-bottom: 1px solid #444;
	z-index: 90;
}

#introbox {
	position:absolute;
	left: 50%; 
	top: 50%;
	width: 891px;
	height: 388px;
	margin-top: -236px; /* half of the height */
	margin-left: -445px; /* half of the width */
	border: 0px solid #000;
	z-index: 80;
}

#container {
	padding-top: 25px;
	padding-left: 12px;
	padding-right: 12px;
	z-index: 80;
	font-size: 16px;
	color: #E4E4E4;
}

.box {
	border: 1px solid #444;
	z-index: 100;
	width:100%;
}

#navigation {
	position:absolute;
	width: 100%;
	height: 21px;
	left: 0px;
	z-index: 100;
	margin: 0px;
	border: 0px solid #FFF;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #D4D4D4;
	font-size: 14px;
	font-weight: normal;
	font-family: Arial,sans-serif;
	text-align: left;
	z-index: 100;
}

#navigation ul {
	list-style: none;
	padding-left: 6px;
	padding-right: 6px;
	margin: 0;
}

#navigation li {
	float: left;
	margin: 0;
}

#navigation li a {
	text-decoration: none;
	text-align: center;
	color: #C4C4C4;
	padding-left: 4px;
	padding-right: 4px;
}

#navigation li a:hover {
	color: #E4E4E4;
	}
#navigation li a:active {
	color: #F4F4F4;
	}

#notifyarea {
	position:absolute;
	width: 200px;
	height: 21px;
	right: 0px;
	z-index: 100;
	margin-top: 0px;
	border: 0px solid #FFF;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #C4C4C4;
	font-size: 14px;
	font-weight: normal;
	font-family: Arial,sans-serif;
	text-align: right;
	z-index: 91;
}

#line {
	width: 500px;	
	border-bottom: 1px solid #C0C0C0;
}