body.myBody {
  background-color: black;
  font-family: 'Gill Sans MT', 'GillSans', 'Helvetica', sans-serif; 
}

address.by {
  font-size: xx-small; 
  text-align: right; 
  opacity: 0.8; 
  color: #333333; 
  bottom: 1ex; 
  right: 1ex;
}

iframe#contactresult {
  position: absolute;
  font-size: xx-small; 
  text-align: right; 
  opacity: 0.7; 
  color: #333333;
  width: 4em; 
  height: 2em; 
  background-color: black;
  bottom: 1ex; 
  right: 1ex;
}

div.center {
  position:absolute; 
  top:50%; 
  left:50%; 
  width: 50em; 
  height: 20em; 
  margin-left:-25em; 
  margin-top:-10em; 
/*  background: white; */
  background-color: black;
  border: thin dotted yellow; 
}

div.naviBar {
  width: 50em; 
  position:absolute;
  bottom: 0px;
  background-color: black;
  text-align: center;
  overflow: hidden;
  z-index:2;
}

a.naviButton, button {
  float: left;
  background-color: white;
  letter-spacing: 0.2em;
  font-size: 1.2em; 
  text-align: center;
  vertical-align: middle;
  width: 24%;
  /* margin: 0.5%; */
  border: medium black solid;
}

button {
  float: none;
}

a {
  text-decoration: none;
}

a.naviButton:hover {
  background-color: #222222;
  color: white;
}

a.naviButton:active {
  color: rgb(234,95,95);
}

img.maiami {
  width: 50em;
  position: relative;
  z-index: 20;
}

p.blind {
  font-size: 0.8em; 
  position: absolute; 
  text-align: right; 
  right: 34%; 
  top: 35%;
  visibility: hidden;
}

.rollo {
  overflow:hidden;
  z-index: 10;
}

.mediaContainer {
/*  visibility: hidden; */
  height:0px;
  overflow: hidden;
  position: absolute;
}

#outerInfo {
  z-index:1;
  top: 15px;
  width:80%;
  left:5%;
}

.mediaText {
  position: relative;
  padding-top:  0.1em;
  padding-bottom: 0.1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  z-index: 1;
  font-size: 1em;
  color: black;
  background-color: white;
  font-weight:bold; 
}

.noteText{
  position: relative;
  padding-top:  0.1em;
  padding-bottom: 0.1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  z-index: 1;
  font-size: x-small;
  color: black;
  background-color: #e95959;
  font-weight:bold; 
  width: 100%; 
}
 
 
div.south{
  position: absolute;
  top:50%; 
  left:50%; 
  width: 50em; 
  height: 20em; 
  margin-left:-23em; 
  margin-top:12em; 
}

div.east{
  position: absolute;
  top:50%; 
  left:50%; 
  width: 50em; 
  height: 35em; 
  margin-left:25.5em; 
  margin-top:-10em; 
}

/*
sub td{
  height: 100%;
  width: 30%;
  margin-left: 1em;
}
*/

ul.cleanList{
  list-style-type:none;
}

iframe.contactresult{
  height: 1em;
  border: hidden 0pt;
}

input, textarea {
  opacity: 0.8;    
  border: thin dotted yellow;
}

#beachBox{
  z-index:2;
  top: 3em;
  right: 5%;
  width: 8.5em;
}

#beachBox2{
  z-index:3;
  top: 10em;
  right: 30%;
  width: 8em;
}

#beachBox3{
  z-index:3;
  top: 8em;
  right: 16%;
  width: 5.5em;
}

#beachBox4{
  z-index:2;
  top: 2em;
  right: 24.5%;
  width: 7em;
}

#beachBox5{
  z-index:0;
  top: 11.5em;
  right: 75%;
  width: 7em;
}

#beachBox6{
  z-index:1;
  top: 11em;
  right: 55%;
  width: 7em;
}


div.overflow{
   position: absolute;
   visibility:hidden;
/*   z-index: 0;
   top: 50%;
   left: 50%;
   height: 60%; */ 
   width: 50em;
   text-align:left;
}