#slider {
  width: 780px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.scroll {
  overflow: hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF url(../images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer {overflow:hidden;}
.scrollContainer div.panel { overflow:hidden; padding: 10px; margin:0 auto; width: 760px; /* change to 560px if not using JS to remove rh.scroll */ }

.portfolio_description { font-family: Georgia, Times, serif; font-size: 12px; float:left; padding:15px; width:120px; }
.portfolio_description a {font-family: Georgia, Times, serif; font-size: 12px;   }

.scrollButtons {  position: absolute; top: 150px; cursor: pointer; }
.scrollButtons.left { left: -50px; }
.scrollButtons.right { right: -50px; }

#viewport {background: #ecebeb; height: width: 820px; overflow:hidden; margin: 0 auto;  }
.panel img {display:inline; float:left; width:600px; }
div.panel_illos {display:inline; float:left; width:800px; }
.panel_illos img {display:inline; float:left; margin:10px 0 10px 10px; }
.portfolio_description_illos { font-family: Georgia, Times, serif; font-size: 12px; display:inline; float:left; padding:15px; width:120px; }

.float_left {display:inline; float:left; height:500px; width:10000px; }

a.selected {background:red; border-top:1px solid #ecebeb; border-left:1px solid #ecebeb; border-right:1px solid #ecebeb; }


#bannerviewport { height:500px; width: 830px; overflow:hidden; margin: 0 auto; }
.bannerContainer { display:inline; float:left; overflow:hidden; padding: 10px; margin:0 auto; text-align:center; width:728px; }
#backarrow {display:inline; float:left; height: 350px; padding-top:150px; width:30px;  }
#forwardarrow {display:inline; float:left; height:350px; padding-top:150px; width:30px;  }

/* used on banner pages */