@charset "UTF-8";
/* CSS Document */

body {
margin:0; padding:0;
background-color:#000;
overflow-x:hidden;
}

/*
html >body {
background-image:url(../img/bg.jpg);
background-attachment:fixed;
background-position:top;
background-repeat:no-repeat;
}*/

#wrapper {
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
width:879px;
height:614px;
padding:0;
}

#bg {
position:absolute;
width:879px;
height:614px;
}

#display {
	position:absolute;
	z-index:3;
	width:540px;
	height:404px;
	left: 255px;
	top: 186px;
}

#fb {
	position:absolute;
	height:15px;
	width:15px;
	z-index:7;
	left: 75px;
	top: 531px;
}

#credits {
	position:absolute;
	height:15px;
	width:58px;
	z-index:7;
	left: 528px;
	top: 598px;
	margin:0; padding:0;
}


#display p {
font-family:"HelveticaNeue-Light", "Helvetica Neue Light",
             "Helvetica Neue", sans-serif;
font-size:15px;
font-weight:100;
color:#EEE;
text-align: justify;
}

#display h1 {
font-family:"HelveticaNeue-Light", "Helvetica Neue Light",
             "Helvetica Neue", sans-serif;
font-size:50px;
font-weight:100;
color:#85898b;
}

#display h3 {
font-family:"HelveticaNeue-Light", "Helvetica Neue Light",
             "Helvetica Neue", sans-serif;
font-size:20px;
font-weight:100;
color:#85898b;
}

#menu {
	position:absolute;
	top:268px;
	left:57px;
	z-index:2;
}

#menu, #menu ul, #menu li{
padding:0;
margin:0;
font-family:"HelveticaNeue-Light", "Helvetica Neue Light",
             "Helvetica Neue", sans-serif;
font-size:19px;
font-weight:100;
} 

#menu li{
list-style: none;
position: relative;
width:140px;
height: 30px;
padding:0 20px;
line-height: 30px;
cursor:pointer;
} 

#menu li a{
text-decoration:none;
color: white;
} 

#menu li:hover a{
text-decoration:none;
color:#888;
}

#menu li a:active {
text-decoration:none;
color:#888;
}
/*
#menu li:hover{
background-color:red;
} */

#menu ul ul{
position: absolute;
top:0;
left:160px;
visibility:hidden;
} 

#menu ul li:hover ul{
visibility:visible;
}