html {font-family: helvetica;}
body {margin: 0px; background-color: #f1eedf; background-image: url(../images/background-main.jpg); background-repeat: no-repeat; background-position: top center;}

a.about {width: 250px; height: 25px; background-image: url("../images/hdr-about.png"); display: block;}
a.about:hover {background-position: 0 -25px;}

a.contact {width: 250px; height: 25px; background-image: url("../images/hdr-contact.png"); display: block;}
a.contact:hover {background-position: 0 -25px;}

.spacer-top {height: 18px;}
.spacer-bottom {height: 50px;}
.footer {font-size: 10px; color: #908e85; padding-top: 20px;}

/* Slider Styles */

#slider {
  width: 442px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 440px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  height: 440px;
  width: 730px; /* change to 560px if not using JS to remove rh.scroll */
  text-align: left;
  color: #ccc;

}

.scrollButtons {
  position: absolute;
  top: 175px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -56px;
}

.scrollButtons.right {
  right: -58px;
}