/*
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 : Sep 26, 2016, 4:26:28 PM
    Author     : Melissa Dahse
*/

/*fonts*/
@font-face{
  font-family: Kaushan;
  src: url('KaushanScript-Regular.otf');
}

/*body*/
body{
  background-color: #00BCD4;
  height:100%;
}
#wraper{
  width:99.9%;
  margin:0px auto;
  height:100%;
  overflow:hidden;
  background-color:#000000;
  border: 1px solid #2196F3;

}

#container {
    background-color: #00BCD4;
    margin: 10px auto;
    width: 98%;
    border: #4CAF50 5px solid;
    height: max-content;
    overflow: hidden;
     position: relative;
}
#container_1 {
    background-color: #00BCD4;
    margin: -7px auto;
    width: 59%;
    
    float: left;
    height: max-content;
    padding: 7px;
     position: relative;
}
#container_2 {
    background-color: #00BCD4;
    margin: 10px auto;
    width: 38%;
    float: left;
    height: max-content;
    padding:7px;
    position: relative;
}


#nav{
    background-color: #00BCD4;
    margin: 10px auto;
    width: 98%;
    border: #4CAF50 5px solid;
    height: max-content;
    overflow: hidden;
    font-size:2em;
    text-align: left;
    text-shadow: 2px 3px 2px #ff0000;
    
}

/*text*/
h1 {
   color: #000000;
   font-size: 3em;
   margin: 20px 20px 20px 30px;
   text-align: center;
   font-family: "Kaushan Script",Arial, Helvetica, sans-serif;
}

h2#info{
     font-size:2.5em;
     margin:10px 10px 10px 10px;
     display: box;
     color:#ffffff;
     font-family: Arial, Helvetica, sans-serif;
    }

 h2{
     font-size:2em;
     margin:10px 10px 10px 10px;
     display: box;
     color:#ffffff;
 }

.p{
    border: 2px solid #162955;
    margin: 10px 20px 10px 20px;
    width: auto;
    padding: 50px;
    background-color: #407F7F;
    font-family: Arial, Helvetica, sans-serif;
     position: relative;
     font-size: 22px;
}

a:visited {
       color: #261758;
}
.footer a:visited {
    color:#887CAF;
}
.footer a:hover{
    color: white;
}
a:hover{
    color: white;
}
a:hover h1{
    color:white;
}
img:hover{
    
    opacity: .75;
}

#slider #slide:hover{
    opacity:1.0;
}

/*header*/
#header{
    margin: 10px 20px 10px 20px;
    width: 97%;
    padding: 5px;
    background-color: #887CAF;
    height: 400px;
    text-align: center;
    position: relative;
    background-image:url("images/London-AZ_header.png")
}
#header img(
    width:100%;
    hight:400px);        
    }
 .title{
    
     font-family:Kaushan,Arial, Helvetica, sans-serif;
     text-shadow: -4px 4px 3px #000000;
     color:#e9322d;
     font-weight:bold;
     font-size: 6em;
     margin: 10px 20px 10px 20px; 
    }
 #header h2{
    font-size: 2.5em;
    margin: 10px 10px 10px 10px;
    display: box;
    color: #ffa500;
    text-shadow: -2px 0px 5px #D3D300;
    position: relative;
    font-weight:bold;
 }

/*fonts*/
@font-face {
    font-family: Kaushan;
    src: url(https://fonts.googleapis.com/css?family=Kaushan+Script);
}
h1{ 
font-family:Kaushan,Arial, Helvetica, sans-serif;
text-shadow: -4px 4px 3px #000000;
color:#e9322d;
font-weight:bold;
font-size: 6em;
margin: 10px 20px 56px 20px;
}



/*links in footer*/
a {
    color: #fff;
    text-decoration: none;
}
a:hover {
    color: #000;
}
/*footer*/
#footer {
padding : 0.5em;
clear : both;
font-size : 0.9em;
position:relative;
z-index: 0;
width: 99%;
margin: 0 auto 10px auto;
text-decoration : none;
border-top: 2px solid #ffffff;
text-align: center;
height:80px;
}
#footer_background {
opacity: .2;
width:100%;
height:250px;
 position: relative;
}
.social_media{
     width: 5%;
     float:right;
     height:max-content;
      position: relative;
       display: block;

}
.social_media img{
     width: 64px;
     display: block;
      position: relative;
    
}
.email{
    width: 5%;
    float:left;
    height:max-content;
     position: relative;
}
.email img{
    width:64px;
    display:block;
     position: relative;
}

a:link, a:visited {
color : #ffd700;
background : inherit;
text-decoration : none;
}
a:hover {
text-decoration : none;
color : #ffffff;
background : inherit;
}

/*image and video placement*/
.image{
    width:33.3%;
    height: 381px;
    margin: 5px auto;
    padding:4px;
    border:3px solid #4CAF50 ;
    float:left;
    overflow: hidden;
     position: relative;
    
}
.image_2{
    width: 85%;
    height: 449px;
    margin: 38px 0px 0px 38px;
    padding: 2px;
    border: 3px solid #2196F3;
    float: left;
    position: relative;
    
}
.image_2_2{
    width:99%;
    height:350px;
    margin: 5px auto;
    padding:2px;
     position: relative;
    float:left;
    overflow: hidden;
 
     
}
#info{
    width: 100%;
    height: max-content;
    margin: 23px auto;
    padding:2px;
   
    float:left;
    position: relative;
   
}

 #video{
    width:840px;
    height: 498px;
    margin:-6px -209px -60px 26px;
    padding:2px;
    
    float: right;
    overflow: hidden;
    position: relative;
}
    
    
.center {
   margin: -70px 0px 0px 30px;
    width: 51%;
    padding: 10px;
    position: relative;
    top: 30px;
 
}
.icons{
    width:32%;
   
    padding:12px;
    float:left;
    display: block;
    position: relative;
    opacity: 1.00;
    left: 5px;
}  
      
.icons img {
    width: 78px;
    margin-right: auto;
    position: relative;
    top:40px;
   
}
#links {
    float:left;
}
   
.social{
    width: 70%;
    height: 684px;
    margin: -5px 0px 0px 83px;
    padding: 4px;
    border: 3px solid #4c5eaf;
    float: left;
    overflow: hidden;
    position: relative;
}
 /*slider*/
 #slider {
     margin:-16px auto;
     padding:20px;
     position: relative;
     width: 400px;
     height: 350px;
     float:left;
   
 }
 #slider img {
     margin: 0px auto; 
     box-shadow: 4px 5px 3px 4px #000000;
     height:100%;
 }
 ul{
     text-align: center;
 }
 
 #banners iframe{
     margin:-14px 6px -128px 0px;
    float: left;
    width: 1202px;
    height: 389px;
}
#banners{
    margin:0 20px 0px 473px;
    z-index: 500;
}

    
.filler img{
    margin:0px auto;
    height:150px;
    width:200px;
    position: relative;
}
   .filler.centered{
    text-align: center;
}
section#gallery {
    float: left;
    position: relative;
    margin: 162px 44px 40px -302px;
}
.filler_coin{
    margin:13px 20px 0px 89px;
    
}