html, body {
    margin: 0;
    height: 100%;
}
body {
  background-color: #080808;
}
h1 {
  color: #6a2b2b;
}
h2 {
	color: #904d4d;
}
p {
  color: #ffeca8;
}
span {
	color:#ffeca8;
}

ul {
	color:#ffeca8;
}

/* no border around map when clicked */
img.map, map area{
    outline: none;
}

/* center image */
.center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* center iframe */
.wrapFrame {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

div.left {
  position: absolute;
  left: auto;
  width: 100px;
  height: 120px;
  border: 3px solid blue;
}


.banner {
    display: block;
   /* border: 1px solid #a9a9a9; */
    display: block;
  margin-left: auto;
  margin-right: auto;
}

.bottomCentre {
    position:absolute;
    width:99%;
    top: 96%;
    text-align:center;
}

.centreText {
text-align: center;
}

div.form
{
    display: block;
    text-align: center;
}
form
{
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.topnav {
  overflow: hidden;
  padding: 14px 16px;

}

.topnav a {
  float: left;
  color: #ffe279;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.topnav a:hover {
  color: tomato;
}

.topnav a.active {
  color: tomato;
}

.topnav-right {
  float: right;
}

.content {
	width: 1000px;
	margin: 0 auto;
}

.darker {
	position:relative;
	width:100%;
	height:100%;
	background-image:url(pics/bg_darker.gif);
	animation: darkestDown 80s linear infinite;

	}

.dark {
	position:relative;
	width:100%;
	height:100%;
	background-image:url(pics/bg_dark_anim_0_08.gif);
	animation: darkest 60s linear infinite;

	}
.opacity  {
	position:relative;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.0);
	animation: opacityBg 0.3s cubic-bezier(0, 2.43, 1, -5.04) forwards;
	animation-delay:0.0s;

	}
	
.opacityContent {
	opacity:0;
	animation: opacity 1s ease-in forwards;
	animation-delay:3s;
	
	}
	
.opacityContent2 {
	opacity:0;
	animation: opacity 1s ease-in forwards;
	animation-delay:3.5s;
	
	}
	
@keyframes darkest {
  from {
	  background-position-y:1024px;
  }
  to {
	   background-position-x:-1024px;
	  }
 }
 
 
@keyframes darkestDown {
  from {
	  background-position-y:-1024px;
  }
  to {
	   background-position-x:1024px;
	  }
 }
 @keyframes opacity {
  from {
	  opacity:0;
  }
  to {
	  opacity:1;
	  }
 }
 
 @keyframes opacityBg {
  from {
	background-color:rgba(0,0,0,0.0);
  }
  to {
	background-color:rgba(0,0,0,0.6);
	  }
 }
 
 @keyframes opacityBG{
  0%{opacity:0;}
  50%{opacity:1;}
  100%{opacity:0;}
}