html, body {
  margin: 0;
  padding: 0;
  border: 0;
}
body { 
  background-color: #e0e8ff;
  margin: 0;
  padding: 0;
  }

#banner {
  background-image: url(index%20banner.jpg) ;
  position: relative;
  background-repeat: no-repeat;
  height: 306px;
  width: 775px;
  margin: 0.2em auto;
  padding: 0em;
} 

#menu a {
  position: absolute;
  height: 20px;
  width: 50px;
  top: 0px;
  text-decoration: none;
  }

#menu a i {visibility: hidden; }

a#home {top: 285px; left: 15px; width: 45px;}
a#history {top: 285px; left: 75px; width: 60px;}
a#thescotts {top: 285px; left: 165px; width: 80px;}
a#thelog {top: 285px; left: 270px; width: 65px;}
a#gallery {top: 285px; left: 350px; width: 70px;}
a#specifications {top: 285px; ;left: 440px; width: 125px;}
a#bookshelf {top: 285px; left: 585px; width: 90px;}
a#contact {top: 285px; left: 690px; width: 70px;}


#main {
  max-width: 775px;
  background-color:#e0e8ff;
  margin: 2em auto;
  padding: 0em;
  text-align: justify;
}