body {
  color: #777777;
  background-color: #8a9bb1;
  font: 16px Trebuchet MS, Verdana, Arial, sans-serif;
  text-decoration: none;
}

a:link { color: #333333; text-decoration: none; }
a:visited { color: #333333; text-decoration: none; }
a:hover { color: #8ab19b; text-decoration: none; }
a:active { color: #8ab19b; text-decoration: none; }

td { vertical-align: top; }

html { -webkit-text-size-adjust: none; }

img {
  border: solid 1px black;
}

#main {
  margin-top: 30px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #eeeeee;
  max-width: 900px;
  height: 900px;
  box-shadow: 10px 10px 10px #666666, -10px -10px 10px #666666, 10px -10px 10px #666666, -10px 10px 10px #666666;
}
#main2 {
  display: block;
}

#maintab {
  max-width: 900px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#menublock {
  padding: 20px 0 10px 0;
}

.mainblock {
  float: none;
  display: block;
}

#headerblock {
  float: left;
  width: 100%;
  text-align: center;
  padding: 10px 0 10px 0;
}
.headertext {
  font: 24px Trebuchet MS, Verdana, Arial, sans-serif;
}

.textblock, .maintext {
  max-width: 605px;
  float: left;
  padding: 25px 50px 0 155px;
}

.picblock {
  text-align: center;
}

#webcamdiv {
  float: left;
  width: 100%;
  text-align: center;
  padding: 30px 0 20px 0;
}
#webcampic {
  display: inline-block;
}

#videodiv {
  float: left;
  width: 100%;
  text-align: center;
  padding: 30px 0 20px 0;
}
#videoinner {
  display: inline-block;
}
#videoinner iframe {
  width: 560px;
  height: 315px;
}

#copy {
  color: #111111;
  font: 10px "Century Gothic", "AppleSDGothicNeo-Medium", "URW Gothic L", sans-serif;
  text-align: center;
  padding: 25px 0px 25px 0px;
}
a.copy:link { color: #111111; text-decoration: none; }
a.copy:visited { color: #111111; text-decoration: none; }
a.copy:hover { color: #000000; text-decoration: none; }
a.copy:active { color: #000000; text-decoration: line-through; }

@media screen and (max-width: 950px) {
  .textblock, .maintext {
    max-width: 80%;
    padding: 15px 0 0 15px;
  }

  #webcampic {
    max-width: 90%;
    height: auto;
  }

  #videoinner {
    position: relative;
    width: 90%;
    height: 0;
    padding-bottom: 51%;
  }
  #videoinner iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
}

@media screen and (max-width: 450px) {
  .textblock, .maintext {
    max-width: 80%;
    padding: 15px 0 0 15px;
  }

  #webcampic {
    width: 90%;
    height: auto;
  }

  #videoinner {
    position: relative;
    width: 90%;
    height: 0;
    padding-bottom: 51%;
  }
  #videoinner iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
}