* { padding: 0; margin: 0; border:0;  }

html, body{
/*	height:100%;*/
	background-color:#1F1F1F;
	}

body {
	
	font: normal 10pt "Trebuchet MS", Verdana sans-serif;
	
}
#article {
position:relative;
z-index:0;
width:600px;
margin:0 auto;
padding:50px;
color:#0a0a0a;
text-shadow:0 0 10px #0a0a0a,0 0 5px #0a0a0a;
}
#article:before {
content:"";
display:block;
width:100%;
height:100%;
background-color: #1f1f1f;
position: absolute;
z-index: 1;
}
#article p{
  position:relative;
  z-index:-1;
 }
#splash {
	position:absolute;
	top: 50%;
	left: 50%;
	width:690px;
	margin-top: -300px; /*set to a negative number 1/2 of your height*/
	margin-left: -360px; /*set to a negative number 1/2 of your width*/
	text-align:center;
}

ul.menu {
	list-style: none;
	/*overflow: hidden;*/		

}

ul.menu li {
	color: #202020;
	text-indent:-3000px;
	line-height:0px;
	}

.menu img,
#fjuczer a {

	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	display:block;
	-webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out;
}
.menu  > li a:hover  img,
#fjuczer a:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;	
}


a:link, a:hover, a:visited {
  color:#000;
  text-decoration:none;
}

#fjuczer {
position:absolute;
top: 50%;
left: 50%;
width:690px;
height:47px;
margin-top: 250px; /*set to a negative number 1/2 of your height*/
margin-left: -360px; /*set to a negative number 1/2 of your width*/
text-align:right;
font:normal 10pt Tahoma;
color:#4e4e4e;
line-height:53px;
}
#fjuczer a, #fjuczer a:hover, #fjuczer a:visited, #fjuczer a:active {
float:right;
margin-left:10px;
position:relative;
color:#c57e38;
font-weight:bold;
}
#fjuczer a::after
{
content:"";
position:absolute;
right:-30px;
top:5px;
width:30px;
height:30px;
opacity:0.1;
background: url(gfx/wujitsu-logo.png) no-repeat center center;
-o-background-size: contain;
-moz-background-size: contain;
-webkit-background-size:contain;
background-size: contain;
-moz-transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
transform-origin: 75% 50%;
-moz-transform-origin: 75% 50%;
-webkit-transform-origin: 75% 50%;
}

#fjuczer a:hover::after {
top:10px;
opacity:1;
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
text-shadow: 1px 0 rgba(0,0,0,0.4);
}