/*********************************************************
 http://jqueryfordesigners.com/coda-slider-effect/
*********************************************************/

.navigation li{
  display: inline;
}

#slider {
  width: 720px;			/* was 620px */
  margin: 0 auto 40px auto;
  position: relative;
}


.scroll {
    height: 402px;
    height: 410px;
    width: 720px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    /*clear: left;*/
    background: #FFFFFF;
}

.scrollContainer div.panel {
  padding: 0px;
  height: 402px;
  height: 410px;
  width: 720px; /* change to 700px if not using JS to remove rh.scroll */
  
  background-color: gray;
  background-color: #DEDEDE;
}

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

.scrollButtons.left {
  left: 0px;
}

.scrollButtons.right {
  right: 0px;
}

#pageDisplay{
	position: absolute;
	top: 420px;
	left: 340px;
}