/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 10, 2016, 9:49:42 AM
    Author     : Melissa
*/
/*body*/
.ad_300x250 {
    position: relative;
    width:300px;
    height:250px;
    overflow:hidden;
    
}

    
/*image_one*/

#map{
    position: absolute;
    bottom: 5px;
    left: 20px;
}
.text{
    position:absolute;
    top:-310px;
    left:0px;
    color:#ffffff;
    opacity: 1;
    font-family: Waverly Regular;
    font-size: 2em;
    font-weight: bold;
    text-shadow: 4px 2px 2px black;
    text-align: center;
    z-index: 1000;
    
}
.text2{
    position: absolute;
    left: -224px;
    color: #ffffff;
    opacity: 1;
    font-family: Waverly Regular;
    font-size: 1.4em;
    font-weight: bold;
    text-shadow: 4px 2px 2px black;
    text-align: center;
}
.text3{
    position: absolute;
    top: 20px;
    left: 300px;
    opacity: 1;
    width: 233px;
    margin: 2px auto;
    height: 305px;
    
}
/*image two plane*/
.text_brick{
    position: absolute;
    top: -100px;
    left: 19px;
    color: #ffffff;
    opacity: 1;
    font-family: Waverly Regular;
    font-size: 1.8em;
    font-weight: bold;
    text-shadow: 4px 2px 2px black;
    text-align: center;
    z-index: 1000;
}
.plane6{
    position: absolute;
    top: 0px;
    left: 0px;
    opacity:0;
    
}
.plane5{
   position: absolute;
    bottom: 103px;
    left: 237px;
    display:none;
    
}
.plane1{
    position: absolute;
    bottom: 100px;
    left: 169px;
    display:none;
    
}
.plane2{
   position: absolute;
    bottom: 127px;
    left: 91px;
    display:none;
}
.plane3{
    position: absolute;
    bottom: 146px;
    left: 32px;
    display:none;
}
.plane4{
   position: absolute;
    bottom: 99px;
    left: 169px;
    display:none;
    
}
.bridge_broken{
   position: absolute;
    bottom: 54px;
    left: 176px;
    opacity:0;
    
    
}
.az_brick{
    position: absolute;
    top: 35px;
    left: 15px;
   
    
}
.england_brick{
    position: absolute;
    bottom: 201px;
    left: -41px;

    
}
/*image three*/
.text_place{
    position: absolute;
    top: 199px;
    left: 23px;
    color: #ffffff;
    opacity: 0;
    font-family: Waverly Regular;
    font-size: 1.4em;
    font-weight: bold;
    text-shadow: 4px 2px 2px black;
    text-align: center;
    z-index: 1000;

}
.brick_layer{
   position: absolute;
    bottom: 53px;
    left: 176px;
    height: 50px;
    width: 50px;
    opacity: 0;
    
}
/*image four*/
.text_adventure{
    position: absolute;
    top: 189px;
    left: 18px;
    color: #ffffff;
    opacity: 1;
    font-family: Waverly Regular;
    font-size: 1.6em;
    font-weight: bold;
    text-shadow: 4px 2px 2px black;
    text-align: center;
    transform: rotateX(90deg);
}
.banner{
    position:absolute;
    bottom: 78px;
    left: 310px;
}

.bridge{
    position: absolute;
    bottom: 57px;
    left: 155px;
    opacity: 0;
   
}

.click{
    position: absolute;
    top: 36px;
    left: 95px;
    color: #ffffff;
    opacity: 1;
    font-family: Arial;
    font-size: 1.4em;
    font-weight: bold;
    text-shadow: 4px 2px 2px black;
    text-align: center;
    text-decoration:none;
}
.click:hover{
    color:red;
    
}
#flight {
    position:absolute;
    top: 25px;
    left: 25px;
    
}