body {
  background-color: #333;
  background-image: url(/images/shavings3.jpg);
  overflow: scroll;
}
.clearer {
  clear: both;
}
#copyright {
  color: #777;
  text-decoration: none;
  padding: 10px 20px;
}
#copyright a {
  color: #8c8c8c;
  text-decoration: none;
}
#copyright a:hover {
  color: #eee;
  text-decoration: underline;
}
#logo {
  width: 80%;
  max-width: 400px;
  margin: 5px auto;
}
#logo img {
  width: 100%;
}
#logoInside {
  width: 150px;
  margin: 5px auto;
}
#menu {
  width: 40px;
  height: 15px;
  top: 15px;
  right: 15px;
  position: absolute;
  z-index: 200;
}
#menu img {
  width: 100%;
}
#menuHolder {
  width: 170px;
  padding: 10px;
  font-size: 18px;
  position: fixed;
  display: none;
  top: 15px;
  right: 60px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid #ddd;
  border-radius: 10px;
  z-index: 300;
  box-shadow: 8px 8px 10px 10px rgba(0, 0, 0, 0.3);
}
#menuHolder li {
  list-style: none;
  line-height: 2em;
}
#menuHolder li a {
  text-decoration: none;
  color: #333;
}
#menuHolder li a:hover {
  text-decoration: underline;
  color: #f00;
}
#order {
  width: 60%;
  margin: 10px auto;
  padding: 15px 20px;
  border-radius: 10px;
  background-color: #eee;
}
#orderForm {
  max-width: 400px;
  margin: 20px auto;
  padding: 7px 20px;
  background-color: #ddd;
}