body {
  margin: 0; 
  background: #b6b6b6 url('bg.jpg') repeat-x;
  font-size: 80%;
  font-family: Verdana, sans-serif;
  color: #000;
}

#container {
  margin: auto;
  width: 100%;
}

#header {
  width: auto;
  text-align: center;
  padding: 15px;
  font-family: "Times New Roman", serif;
  font-size: 350%;
  letter-spacing: 4px;
  background: #fff;
}

#header a, #header a:hover {
  text-decoration: none;
  color: #000;
}

#content {
  margin: auto;
  margin-top: 10px;
  width: 630px;
  padding: 10px;
}

#footer {
  margin: auto;
  width: 650px;
  border-top: 1px solid #000;
  padding: 5px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 85%;
  color: #000;
clear: both;
}

#footer a {
  color: #000;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

#navigation {
  width:100%; 
  margin: 0;
  padding: 0;
  background: #fff;
}

#horznav {
  margin: 1em auto;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  border-bottom: 5px solid #D41717;
}
 
#horznav li {
  margin: 0;
  display: -moz-inline-box;  /* for Mozilla based browsers */
  display: inline-block;
  /* IE5/Mac needs these to have a set width. Change it when necessary. */
  /* start for IE5/Mac only \*//*/
    width: 5em;
  /
 end for IE5/Mac only */
}
 
#horznav li a {
  display: block;  /* for Mozilla based browsers */
  display: inline-block;
  padding: 5px;
  width: 90px;
  background: #E4E4E4;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  font-size: 120%;
}
#horznav li a:hover {
  background: #D41717;
  color: #fff;
}

<!--[if lte IE 7]><style type="text/css">
#horznav li {
  display: inline;
  margin: .2em;
}
* html #horznav li,
* html #horznav li a {
  height: 1px; /* to trigger hasLayout in IE5.0/Win */
}

#row1, #row2 {
  width: 100%;
  padding: 0;
  height: 150px;
}

#row1 {
  margin-bottom: 30px;
}

#row2 {
  margin-bottom: 15px;
}

#carpetbox, #vinylbox, #lambox, #rugbox {
  width: 285px;
  height: 90px;
  border: 1px solid #000;
  font-family: Century, serif;
  font-weight: bold;
  font-size: 180%;
  color: #fff;
  letter-spacing: 3px;
  padding-left: 15px;
  padding-top: 60px;
}

#carpetbox:hover, #vinylbox:hover, #lambox:hover, #rugbox:hover {
  color: #ffea01;
}

#carpetbox {
  float: left;
  background: url('carpets.jpg') no-repeat #000;
}

#vinylbox {
  float: right;
  background: url('vinyl.jpg') no-repeat #000;
}

#lambox {
  float: left;
  background: url('laminate.jpg') no-repeat #000;
}

#rugbox {
  float: right;
  background: url('rugs.jpg') no-repeat #000;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #fff;
  text-decoration: none;
}

.pageimage {
border: 1px solid #000;
float: right;
margin-bottom: 20px;
margin-right: 20px;
margin-top: 10px;
}

.aboutimg {
border: 1px solid #000;
margin: 10px;
margin-left: 70px;
}

#info {
margin-right: 320px;
margin-bottom: 20px;
margin-left: 20px;
text-align: justify;
}

h1 {
margin: 0;
margin-bottom: 10px;
text-align: center;
font-family: "Times New Roman", serif;
font-weight: normal;
font-size: 250%;
color: #8c0300;
}