div.info {
	position: fixed;
	text-align: center;
	width: 100%;
	bottom: 10px;
	font-size: 10px;
	color: #a0a0a0;
	padding-left: 20px;
	padding-right: 20px;
}
.box {
	width:900px;
	height:100px;
	position:fixed;
	margin-left:-450px; /* half of width */
	top:55%;
	left:50%;
	color: #a0a0a0;
}
.contact {
	width:350px;
	height:50px;
	position:fixed;
	margin-left:-175px; /* half of width */
	top:55%;
	left:50%;
	color: #a0a0a0;
}
.board {
	width:500px;
	height:100px;
	position:fixed;
	margin-left:-250px; /* half of width */
	top:55%;
	left:55%;
	color: #a0a0a0;
}
div.menu {
        position: absolute;
        left: 0;
        top: 38%;
        width: 100%;
        color: #a0a0a0;
        text-align: left;
        font-size: 15px;
}
ul {
	text-align: center;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #001240;
}

ul li {
	float: center;
	display: inline-block;
}

a {
	font-size: 12px;
	/*float: right; */
	display: inline-block;
	color: #a0a0a0;
	padding: 3px 4px;
	text-decoration: none;
	border: 1px solid #001240;
}

li a:hover:not(.active) {
/*  background-color: #111;*/
	border: 1px solid #a0a0a0;
}

.active {
	color: #001240;
	background-color: #20A0FF;
	border: 1px solid #001240;
}

.center {
  color: #a0a0a0;
  height: 500px;
  position: relative;
  border: 3px solid green;
}

.center p {
  margin: 0;
  position: absolute;
  top: 90%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body
{
  background-color: #001240;
  background-image: url("/images/DigitalEye-new.png");
  background-size: 42%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
}