body {
  background: rgb(200,75,40);
  font-family: Arial, Helvetica, sans-serif;
  height: 100%;
  width: 100%;
  border: 0px;
  margin: 0px auto 0px; auto;
  padding: 0px; auto;
  text-align: center;
}

.page {
  margin: 0px auto 0px; auto;
  padding: 0px; auto;
  width: 1024px;
  height: 768px;
  border-left: solid 1px;
  border-right: solid 1px;
  background: rgb(240,90,45);
  text-align: left;
}
.header {
  float: left;
  padding: 0px;
  margin: 0px;
  height: 144px;
  width: 768px;
  font-size: 14px;
  background-image:url("images/djembee_detail_03.jpeg");
  background-repeat: no-repeat;
  color: rgb(255,255,221);
  border-left: solid 1px black;
  border-right: solid 1px black;
  
}

.header h1 {
  font-size: 50px;
  margin: 12px;
  opacity: 0.7;
}

.header h2 {
  font-size: 30px;
  margin: 12px;
  opacity: 0.7;
}
 
.menu {
  float: left;
  margin: 192px 4px 4px 4px;
  width: 192px;
  height: 500px;
}
 
.menu-item {
  float: left;
  clear: left;
  width: 100%;
  font-size: 20px;
  color: black;
  text-decoration: underline;
}
 
.menu-item:hover {
  background: rgb(255,102,51);
}
 
.content {
  float: left;
  margin: 0px 0px 0px auto;
  width: 768px;
  min-height: 622px;
  background: rgb(255,102,51);
  border-left: solid 1px;
  border-right: solid 1px;
}

.content h2 {
  font-size: 30px;
  margin: 6px;
}

.content h3 {
  font-size: 18px;
  margin: 6px;
}

.content p {
  font-size: 16px;
  margin: 6px;
}

.content a {
  color: black;
  text-decoration: underline;
}
 
.pics {
  text-align: center;
  top: 144px;;
  left: 80%;
  width: 20%;
}
 
.picture {
  margin: 12px;
  width: 192px;
  background: rgb(240,90,45);
  text-align: center;
}

.section {
  float: left;
  margin: 6px 0px 6px 0px;
  min-width: 40%;
}

.note {
  float: left;
  clear: left;
  width: 60%;
  padding: 2px;
  border: 2px solid black;
  margin: 20px 20px 20px -150px;
  background: rgb(255,153,102);
  font-size: 16px;
  font-weight: bold;
}

.section-left {
  float: left;
  clear: left;
  width: 50%;
  margin: 6px 0px 6px 0px;
}

.section-right {
  float: right;
  clear: right;
  width: 50%;
  margin: 6px 0px 6px 0px;
}

img {
  width: 160px;
  margin: 4px 0px 4px 4px;
  float: right;
  border: solid 2px black;
}

.section img,
img:hover {
  width: 256px;
  clear: left;
}

.section-left img {
  margin: 4px 4px 4px 0px;
  float: left;
  clear: left;
}

span.thesignofmail:after {
  content: '@';
}

.thesignofmail span{
  display: none;
}