body
{
  margin: 0px;
  padding: 0px;
  z-index: 0;
  background-color: #eee;
}

a { text-decoration: none; }
img { border: none; }

/* general placement */
div.section
{
  position: relative;
  left: 0px;
  top: 1em;
  width: 100%;
  height: 0px;
}

/* non hover */
div.section div.caption
{
  position: relative;
  width: 10%;
  background: #eee;
  text-align: center;
  border: dotted 1px black;
}

div.section div.content
{
  background: #eee;
  display: none;
  height: 350px;
  padding: 1em;
}


/* hover */
div.section:hover div.caption {z-index: 1; border: solid 1px black; background: #ffe978;}
div.section:hover div.content {display: block;}
div.section#section0 div.content {display: block;}

/* sections */
div.section#section0 div.caption { left: 5%;}
div.section#section1 div.caption { left: 15%;}
div.section#section2 div.caption { left: 25%;}
div.section#section3 div.caption { left: 35%;}
div.section#section4 div.caption { left: 45%;}
div.section#section5 div.caption { left: 55%;}
div.section#section6 div.caption { left: 65%;}
div.section#section7 div.caption { left: 75%;}
div.section#section8 div.caption { left: 85%;}

div.header
{
  background-image: url(graphics/stripes.png);
  background-repeat: repeat-x;
}

div.footer
{
  position: fixed;
  bottom: 1em;
  right: 1em;
}