body {
  font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', 'Trebuchet MS', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  background: #eaeaea;
  margin: 0;
  text-align: center;
}
h1, h2, h3, h4, p, ul, li {
  line-height: 1.6em;
}

/* layout */
#title,
#nav, 
#main,
#footer {
  width: 500px;
  padding: 0 5px; /* width of drop-shadow */
  margin: 0 auto;
  text-align: left;
}

/* top */
#top {
  background: #911b31 url(images/top.gif) bottom left repeat-x;
}
#logo {
  float: right;
  color: #fff;
  font-family: 'Trebuchet MS', sans-serif;
  background: url(images/logo.gif) 60% right no-repeat;
  width: 86px;
  height: 17px;
  text-indent: -10000px;
  padding: 10px 0 10px 10px;
  margin-right: 12px;
}
a#back {
  display: block;
  float: left;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  padding: 12px;
}

/* title */
#title {
  text-align: center;
  padding: 40px 0 30px 0;
}
#title h1 {
  margin: 0;
  font-weight: normal;
  color: #222;
  letter-spacing: -0.05em;
  font-size: 26px;
}
#title p#summary {
  margin: 0;
  color: #939599;
  font-size: 13px;
  line-height: 1.5em;
  padding: 0 70px;
}

/* nav */
#nav {
  text-align: center;
  background: url(images/vptop.gif) bottom center no-repeat;
  padding-bottom: 25px;
}
#nav ul {
  margin: 0 auto;
  padding: 0;
  width: 462px;
}
#nav li {
  display: block;
  float: left;
  margin: 0 12px 0 0;
  padding: 0 9px 0 0; /* right padding width of navr.gif */  
  background: url(images/navrover.gif) center right no-repeat; /* preloads */
  background: url(images/navr.gif) center right no-repeat;
}
#nav li.last {
  margin-right: 0;
}
#nav a {
  color: #444;
  text-transform: lowercase;
  display: block;
  text-decoration: none;
  padding: 2px 0 3px 9px; /* left padding width of navr.gif */
  background: url(images/navlover.gif) center left no-repeat; /* preloads */
  background: url(images/navl.gif) center left no-repeat;
  font-size: 11px;
}
#nav li.active {
  background-image: url(images/navrover.gif);
}
#nav li.active a {
  color: #fff;
  background-image: url(images/navlover.gif);
}
#nav a:hover {
  color: #000;
}

/* main */
#main {
  background: url(images/vpmid.gif) top center repeat-y;
  padding: 1px 0 3px 0; /* from height of vptop and vpbottom to make up to 19px */
}
#main h2,
#main p {
  margin-left: 19px;
  margin-right: 19px;
}
#main h2 {
  margin-top: 0;
  margin-bottom: 0;
  color: #000;
  font-weight: normal;
  font-size: 16px;
}
#main p {
  margin-top: 0.9em;
  margin-bottom: 0;
  color: #777;
  font-size: 12px;  
}
#tour {
  background: #fff;
}
#tour .img {
  margin-top: 2em;
  font-size: 10px;
  text-align: center;
  background: #fff;
  border: 1px dotted #aaa;
  padding: 100px 0;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

/* transport */
ul#transport {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
ul#transport li {
  margin: 0;
  padding: 0;
  position: absolute;
  top: -14.1em; /* about half of .section height + 1.6em */
}
ul#transport li#previous {
  left: -50px;
}
ul#transport li#next {
  right: -50px; 
}
ul#transport li#previous a {  
  background: url(images/prevover.gif) center center no-repeat;
  background: url(images/prev.gif) center center no-repeat;
}
ul#transport li#next a {  
  background: url(images/nextover.gif) center center no-repeat;
  background: url(images/next.gif) center center no-repeat;
}
ul#transport li#previous a:hover {  
  background: url(images/prevover.gif) center center no-repeat;
}
ul#transport li#next a:hover {  
  background: url(images/nextover.gif) center center no-repeat;
}
ul#transport a {
  white-space: nowrap;
  text-decoration: none;
  color: #444;
  display: block;
  text-indent: -10000px;
  width: 40px;
  height: 40px;
}

/* footer */
#footer {  
  background: url(images/vpbottom.gif) top center no-repeat;
  padding-top: 30px; /* height of vpbottom.gif */
}
#footer p {
  margin: 0;
  color: #C2C4C6;
  font-size: 10px;
  text-align: center;
}

/* glider support */
#tour { 
	overflow: hidden;
}
#tour .sections {
 width: 700%; /* number of items times 100 */
}
#tour .section {
 width: 14.285714%; /* 100 divided by number of items */
 height: 23em; /* height of largest section */
 float: left;
}

/* self-clearing floats */
#top:after,
#nav:after,
#nav ul:after,
#tour .sections:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}