body {
  /*background-image: url(../images/bg01.jpg);*/
  background-color: #0576dc;
  /*text-shadow: 0px 1px 1px #111;*/
  color: #fff;
  font-family: "Lucida Grande";
  overflow: hidden;
}

a {
  text-decoration: none;
  color: #fff;
}

#container {
  margin: 0 auto;
  width: 80%;
  margin-top: 6%;
  position: relative;
}

article {
  font-size: 36px;
  width: 100%;
  position: absolute;
  /*-webkit-box-reflect: below 1px 
    -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.6, transparent), to(white));*/
}

article img {
  display: block;
  width: 50%;
  margin: 0 auto;
  margin-bottom: 40px;
  border: none;
  z-index: -1;
  -webkit-box-reflect: below 1px 
  -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white));
}

.content {
  text-shadow: 0px 1px 1px #111;
  z-index: 100;
  line-height: 160%;
}

article .from {
  position: absolute;
  margin-bottom: -100px;
}

.hide {
  left: -3000px;
  -webkit-transition-property: left;
  -webkit-transition-duration: 2s;
}

.right {
  margin-left: 500px;
}


@keyframes fadeInOut {
	0% {
		opacity:1;
	}
	45% {
		opacity:1;
	}
	55% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

#loading {
  font-size: 72px;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 200px;
  z-index: 50px;

  -webkit-transition: opacity 1s ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 3s;
	-webkit-animation-direction: alternate;
	
}

footer {
  position: fixed;
  bottom: 0;
}