html, body {
	height: 		100%;
	color: 			#f0f0f0;
	background: 	url('../images/blackmetal_2560x1600_blur08.jpg') #333333;
	font-family: 	'Open Sans', sans-serif; 
	font-size: 		12px;
	margin: 		0;
	padding: 		0;
}
a {
	color: #003d4c;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #367889;
	text-decoration:none;
}
a img {
	border:none;
}
h1, h2, h3, h4 {
	font-weight: normal;
	margin-bottom:0.5em;
}
h1 {
	color: #8e512b;
	font-weight: bold;
	font-size: 180%;
}
h2 {
	color: #8e512b;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 250%;
}
h3 {
	color: #8e512b;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 190%;
}
h4 {
	color: #8e512b;
	font-weight: normal;
}
ul, li {
	margin: 0 12px;
}

#container {
	position: relative;
	height:	100%;
}

#datetime_content {
	position: fixed;
	bottom: 10px;
	left: 20px;
	font-size: 10px;
}

#logout {
	position: fixed;
	bottom: 40px;
	left: 30px;
	width: 45px;
	height: 45px;
	background-image: url('../images/logout.png');
	cursor: pointer;
}

#floater {
	position:relative;
	float: left; 
	height: 50%; 
	margin-bottom: -327px;
}

#centered_content {
	position:relative;
	clear: both; 
	height: 655px; 
/**	border: 1px solid #f0f0f0; **/
}

#login_popup {
	position:relative;
	z-index:100;
	width:401px;
	height:401px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-525px;
	background-image: url('../images/login_window.png');
}

#login_popup_shadow {
	position:relative;
	z-index:99;
	width:655px;
	height:655px;
	margin-left:auto;
	margin-right:auto;
	background-image: url('../images/login_window_shadow.png');
}

.form_textfield_login {
	font-family: 'Open Sans', sans-serif; 
	font-weight: 300;
	font-size: 18px;
	color: #999999;
	position:absolute;
	height:22px;
	padding-left:5px;
	border:none;
}

.username {
	top:220px;
	left:55px;
	width: 280px;
}
	
.password {
	top:267px;
	left:55px;
	width: 245px;
}

.realpassword {
	top:267px;
	left:55px;
	width: 245px;
}

#form_loginbutton {
	position:relative;
	z-index:110;
	top:260px;
	left:315px;
	width:32px;
	height:34px;
	background-image: url('../images/button_login.png');
	background-repeat:no-repeat;
	cursor:pointer;
}

#error_messagebox {
	position:absolute;
	z-index:111;
	top:320px;
	left:40px;
	width:320px;
	height:50px;
	color:#ff0000;
	text-align:center;
	font-family: 'Open Sans', sans-serif; 
	font-weight: 300;
	font-size: 14px;
}


#icon_frame {
	position:relative;
	z-index:50;
	width:924px;
	height:540px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-423px;
}

#icon_shadow {
	position:absolute;
	z-index:51;
	width: 174px;
	height: 174px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
	
#icon {
	position:absolute;
	z-index:52;
	width: 146px;
	height: 230px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	background-repeat: no-repeat;
	font-family: 'Open Sans', sans-serif; 
	font-weight: 300;
	font-size: 22px;
	letter-spacing:2px;
	color: #ffffff;
}
	
.icon1 {
	left:14px;
	top:14px;
	background-image: url('../images/icon_user.png');
}

.icon2 {
	left:264px;
	top:14px;
	background-image: url('../images/icon_calendar.png'); 
}

.icon3 {
	left:514px;
	top:14px;
	background-image: url('../images/icon_suitcase.png'); 
}

.icon4 {
	left:764px;
	top:14px;
	background-image: url('../images/icon_printer.png'); 
}
	
.icon5 {
	left:14px;
	top:284px;
/*	background-image: url('../images/icon_gear.png'); */
}

.icon6 {
	left:264px;
	top:284px;
/*	background-image: url('../images/icon_padlock.png'); */
}

.icon7 {
	left:514px;
	top:284px;
}

.icon8 {
	left:764px;
	top:284px;
}

.icon1_shadow {
	left:0px;
	top:0px;
	background-image: url('../images/icon_user_shadow.png');
}

.icon2_shadow {
	left:250px;
	top:0px;
	background-image: url('../images/icon_calendar_shadow.png');
}

.icon3_shadow {
	left:500px;
	top:0px;
	background-image: url('../images/icon_suitcase_shadow.png');
}

.icon4_shadow {
	left:750px;
	top:0px;
	background-image: url('../images/icon_printer_shadow.png');
}
	
.icon5_shadow {
	left:0px;
	top:270px;
/*	background-image: url('../images/icon_gear_shadow.png'); */
}

.icon6_shadow {
	left:250px;
	top:270px;
/*	background-image: url('../images/icon_padlock_shadow.png'); */
}

.icon7_shadow {
	left:500px;
	top:270px;
}

.icon8_shadow {
	left:750px;
	top:270px;
}