body    {
    background-color:#ffffff;
    margin:0;
    padding:0;
            
        }

.logo   {
    position:absolute; 
    top:10px; 
    left:10px; 
    z-index:5; 
    width:35%;   
}

@media only screen and (max-width: 450px) {
  .logo {
      width:65%;
  }
}

#belowslideshowtext   {
    width:45%; 
    padding:5%; 
    position:absolute; 
    top:45%; 
    right:2%; 
    background-color:black; 
    color:white; 
    z-index:0;  
}

@media only screen and (max-width: 450px) {
  #belowslideshowtext {
    position:absolute;
    width:90%; 
    padding:5%;  
    top:750px; 
    right:0px; 
    background-color:black; 
    color:white; 
    z-index:1; 
    margin-bottom:5%;
  }
}

#belowslideshowimg2   {
    width:45%; 
    padding:5%; 
    position:absolute; 
    top:85%; 
    right:2%;  
    z-index:-1;  
}

@media only screen and (max-width: 450px) {
  #belowslideshowimg2 {
    width:45%; 
    padding:1%; 
    position:absolute; 
    top:100%; 
    left:0px;  
    z-index:-1; 
  }
}




#inlinetext {
    position:absolute; 
    width:30%; 
    background-color:black; 
    color:white; 
    padding:1%; 
    top:20%; 
    right:20%; 
    opacity:.9; 
    padding-bottom:2%;
    }

@media only screen and (max-width: 450px) {
#inlinetext {
    position:absolute; 
    width:50%; 
    background-color:black; 
    color:white; 
    padding:1%; 
    right:2%; 
    opacity:.9;
    top:-5%;
    }    
}

#inlinetextauthentic {
    position:absolute; 
    width:30%; 
    background-color:white; 
    color:black; 
    padding:1%; 
    top:20%; 
    left:5%; 
    opacity:.9; 
    padding-bottom:2%;
    }

@media only screen and (max-width: 450px) {
#inlinetextauthentic {
    position:absolute; 
    width:36%; 
    background-color:white; 
    color:black; 
    padding:1%; 
    left:9%; 
    opacity:.9;
    top:-5%;
    }    
}

#inlinetextcuba {
    position:absolute; 
    width:30%; 
    background-color:black; 
    color:white; 
    padding:1%; 
    top:15%; 
    right:0; 
    opacity:.7; 
    padding-bottom:2%;
    }

@media only screen and (max-width: 450px) {
#inlinetextcuba {
    position:absolute; 
    width:65%; 
    background-color:black; 
    color:white; 
    padding:1%; 
    top:5%; 
    right:8%; 
    opacity:.7; 
    }  
}

#inlinetextcocktail {
    position:absolute; 
    width:30%; 
    background-color:black; 
    color:white; 
    padding:1%; 
    top:18%; 
    left:10%; 
    opacity:.7; 
    padding-bottom:2%;
    }

@media only screen and (max-width: 450px) {
#inlinetextcocktail {
    position:absolute; 
    width:36%; 
    background-color:black; 
    color:white; 
    padding:1%; 
    left:9%; 
    opacity:.9;
    top:5%; 
    }  
}

#inlinetextcreative {
    position:absolute; 
    width:30%; 
    background-color:black; 
    color:white; 
    padding:1%; 
    top:20%; 
    left:10%; 
    opacity:.7; 
    padding-bottom:2%;
    }

@media only screen and (max-width: 450px) {
#inlinetextcreative {
    position:absolute; 
    width:36%; 
    background-color:black; 
    color:white; 
    padding:1%; 
    left:9%; 
    opacity:.9;
    top:-5%; 
    }  
}
        
a:link {color:#000000;}
a:visited {color:#000000;}
a:hover {color:#000000;}
a:active {color:#000000;} 
a:hover {opacity:.6;}

#footer { 
    background-color:black; 
    font-size: 12px; 
    position: fixed; 
    height:46px; 
    width:100%; 
    bottom: 0px; 
    z-index:1; 
    color:#ededed; 
    font-family:"PT Sans"; 
    font-size: 25px; 
    text-decoration: none; 
    z-index:2;
}

#emailfooter  {
    float:left;
}

@media only screen and (max-width: 450px) {
  #emailfooter {
    font-size:18px;
  }  
} 

        


@media only screen and (max-width: 450px) {
  .rslides_container {
    position:relative; 
    margin-top:35%;
  }  
} 

        
.photocontainercontact {          
        width:50%; 
        position:absolute; 
        right:0;
        top:0;
        z-index:0;

}
        
@media only screen and (max-width: 450px) {
  .photocontainercontact {
      position:relative;
      left:0px;
      width:95%; 
      margin-left:auto;
      margin-right:auto;
      padding-bottom:1000px;

        }
    
} 
        


.about {
    
    position:relative; 
    left:0px; 
    top:0px; 
    background-color:#ffffff;  
    color:#000000; 
    height:100%;
    font-family: times;   
    padding:20px;
    width:40%; 
    margin-top:0px; 
    margin-bottom:0px; 
    position:relative; 
    padding-top:150px; 
    z-index:0;

}

@media only screen and (max-width: 450px) {
  .about {
      position:relative;
      width:95%;
      background-color:#ffffff;
      color:#000000;
      margin-left:auto;
      margin-right:auto;
      
  }
    
} 
        
            #headerimg { 
                width:75%;

                
            }

            @media only screen and (max-width: 450px) {
            #headerimg {
                width:100%;
                }
                
            }

            #headerimgdiv { 
                margin-top: 1%;
                margin-bottom:1%;
                vertical-align: top;
                display: inline-block;
                
            }

            #captiontext { 
                font-style:italic;
                margin-top:0;  
            }

            @media only screen and (max-width: 450px) {
            #captiontext {
                margin-top:0;
                margin-bottom:1%;
                font-style:italic;
  }
    
}
            
            #inlineimg  {
                width:60%;  
            }
            
            @media only screen and (max-width: 450px) {
            #inlineimg {
                width:100%;
  }
    
} 

            #inlineimgdiv  {
                margin:5%; 
                vertical-align: top;
 
            }
            


            #backlinkinfopages  {
                float:right; 
                font-weight:bold;
    
    
            }

            #backsitemaplinks   {
                margin-left:5%; 
                margin-bottom:10%; 
                clear:both; 
                width:100%;
            }

    
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  z-index:10;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;

}
        
.sidenav no {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
  opacity: .5;

}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
    

}
        
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}




#contactimage {
    width:45%; 
    z-index:2;    
}

@media only screen and (max-width: 450px) {
  #contactimage {
    width:100%;
    margin-bottom:250px;
  }  
} 



#button {
  background-color: #000000;
  border: solid;
  border-width: thin;
  color: white;
  padding: 8px 15px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  border-radius: 6px;
  text-decoration: none;
}