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

/* Default style, feel free to remove if not needed. */
body, body * {
	vertical-align: baseline;
	border: 0;
	outline: 0;
	padding: 0;
	margin: 0;
font-family:Arial, Helvetica, sans-serif;
}

/* Div layer for the entire banner. */
#container_dc {
	position: absolute;
	width: 298px;
	height: 248px;
	border:1px solid #666666;
	top: 0px;
	left: 0px;
	margin: auto;
}
#content_dc {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: #ffffff;
	z-index: 100;
	/*background-image: url('frame3.jpg');
	background-position:0px 0px;
	background-repeat: no-repeat;*/
	overflow:hidden;
}

/* Invisible button for background clickthrough. */
#background_exit_dc {
	position: absolute;
	/*width: 100%;
	height: 100%;*/
	width:300px;
	height:250px;
	top: 0px;
	left: 0px;
	cursor: pointer;
	opacity: 0;
	z-index: 400;
}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
#mapMain {
position: absolute;
width: 300px;
height: 250px;
margin-top: 0px;
margin-left: 0px;
z-index: 100;
visibility:hidden;
}
#mapZoom {
position: absolute;
width: 100%;
height: 100%;
margin-left: 0px;
margin-top: 0px;
z-index: 101;
/*visibility:hidden;*/
}
/* First Headline */
#headlineOneA{
position:absolute;
width:256px;
height:29px;
margin-top:84px;
margin-left:-300px;
z-index:107;
background-image: url('heads.png');
background-position:-2px -5px;
background-repeat: no-repeat;
-webkit-filter: drop-shadow(2px 2px 6px #222);
filter: drop-shadow(2px 2px 6px #222); 
/*background-color:#FD0004;*/
}
#headlineOneB{
position:absolute;
width:249px;
height:25px;
margin-top:117px;
margin-left:-300px;
z-index:107;
background-image: url('heads.png');
background-position:2px -38px;
background-repeat: no-repeat;
-webkit-filter: drop-shadow(2px 2px 6px #222);
filter: drop-shadow(2px 2px 6px #222); 
/*background-color:#FD0004;*/
}
#headlineOneC{
position:absolute;
width:249px;
height:26px;
margin-top:143px;
margin-left:-300px;
z-index:107;
background-image: url('heads.png');
background-position:3px -65px;
background-repeat: no-repeat;
-webkit-filter: drop-shadow(2px 2px 6px #222);
filter: drop-shadow(2px 2px 6px #222); 
/*background-color:#FD0004;*/
}
#headlineOneD{
position:absolute;
width:249px;
height:22px;
margin-top:90px;
margin-left:-300px;
z-index:107;
background-image: url('heads.png');
background-position:0px -96px;
background-repeat: no-repeat;
-webkit-filter: drop-shadow(2px 2px 6px #222);
filter: drop-shadow(2px 2px 6px #222); 
}
#headlineOneE{
position:absolute;
width:249px;
height:25px;
margin-top:116px;
margin-left:-300px;
z-index:107;
background-image: url('heads.png');
background-position:0px -122px;
background-repeat: no-repeat;
-webkit-filter: drop-shadow(2px 2px 6px #222);
filter: drop-shadow(2px 2px 6px #222);
}
#headlineOneF{
position:absolute;
width:249px;
height:25px;
margin-top:117px;
margin-left:-300px;
z-index:107;
background-image: url('heads.png');
background-position:2px -159px;
background-repeat: no-repeat;
-webkit-filter: drop-shadow(2px 2px 6px #222);
filter: drop-shadow(2px 2px 6px #222); 
}
#protect{
position:absolute;
width:267px;
height:25px;
margin-top:100px;
margin-left:16px;
z-index:106;
visibility:hidden;
}
#getFlood{
position:absolute;
width:267px;
height:28px;
margin-top:127px;
margin-left:16px;
z-index:106;
visibility:hidden;
/*opacity:0.0;
filter:alpha(opacity=0);*/
}
#logo{
position:absolute;
width:82px;
height:68px;
margin-top:23px;
margin-left:108px;
z-index:106;
visibility:hidden;
}
#gradient{
position:absolute;
width:300px;
height:250px;
margin-top:0px;
margin-left:0px;
z-index:105;
opacity:0.0;
filter:alpha(opacity=0);
}
#cta{
position:absolute;
width:119px;
height:31px;
margin-top:163px;
margin-left:92px;
z-index:106;
visibility:hidden;
}
#storm{
position:absolute;
width:750px;
height:250px;
margin-top:0px;
margin-left:-790px;
/*left:-400;*/
z-index:106;
opacity:0.7;
filter:alpha(opacity=70);
}
/* replay button */
.replaybutton {
	position:absolute;
	margin-top:5px;
	margin-left:5px;
	z-index:9999999;
	cursor:pointer;
  border: 2px solid transparent;
  border-top-color: white;
  border-left-color: white;
  border-bottom-color: white;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  transform: rotate(-45deg);
  visibility:hidden;
}
.replaybutton:before {
  content: "";
  position: absolute;
  top: -2px;
  left: 80%;
  height: 0;
  width: 0;
  border-left: 4px solid white;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  transform: rotate(45deg);
}