@import url(https://fonts.googleapis.com/css?family=Roboto:300);
* {margin:0; padding:0;}
a {color:#4f97ea; text-decoration:none;}

body,html
{
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	color: #666;
  background:#ecf0f1;
}

#General {width:100%;}

#Header {width:100%; margin:0 auto 0; border-bottom: 5px solid #D8D8D8; background: #4f97ea;}
#Header h1, #Header h2 {width:770px; margin:0 auto 0; color: #fff; font-weight: normal;}
#Header h1 {padding:20px 0 0 0;}
#Header h2 {font-size:inherit; padding:0 0 20px 0;}

ul.Menu {width:770px; margin: 0 auto 0; list-style-type: none; background: rgba(255, 255, 255, 0.3); overflow: hidden;}
ul.Menu li a {color: #fff; padding: 10px; display: block;}
ul.Menu li{float: left;margin-right: 5px;}
ul.Menu li a:hover{color: #4b537a;}
ul.Menu .active {font-weight:bold;}

#Corps {width:740px; margin: 0 auto 30px; background: #FFFFFF; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); padding:15px;}
#Corps p:first-child {}
#Corps p {margin-bottom:15px;}
#Corps p:last-child {}

#Footer{clear: both; text-align: center; margin-bottom:25px;}

#DeadZone {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); overflow:hidden;}
#LifeZone {position: absolute; top: 25%; left: 50%; width: 350px; height: 295px; padding: 16px; border: 3px solid #1367BB; background-color: white; z-index:1002; margin:0 0 0 -175px;}
#LifeZone h1 {font-size:23px; color:#1367BB; margin:0 0 30px 0;}
#LifeZone p {text-align:center; line-height:14px;}
#LifeZone img {margin:0 0 20px 0;}
#LifeZone a {color:#1367BB; text-decoration:none;}