#slider {
 position: relative;
 width:800px;
}
.scroll {
 margin-top:10px; 
 width:100%;
 height:400px; 
 clear: left;
 overflow: auto;
 overflow-x: hidden;
 position: relative;
 background: url(../img/semi_bg.png) repeat;
}
.scrollContainer div.panel {
 width:780px; 
 padding: 10px;
}
.hide {
 display: none;
}
.preview {
 float:left;
 padding:10px; 
 width:380px;
 height:380px;
}
.preview img {
 border:2px solid #0F0F0F;
}
.text {
 float:left;
 width:360px;
 color:#FFF;
 display:inline;
 padding:15px 10px;
}
#portnav {
 float:right;
 height:40px;
}
.scrollButtons {
  float:left;
  margin-top:10px;  
  cursor: pointer;
  display:block;
}
.scrollButtons.left {
}
.scrollButtons.right {
  margin-left:5px;
}
ul.navigation {
 float:left;
 margin:10px 0 0 0;
 padding:0;
 list-style:none;
}
ul.navigation li {
 float:left;
 margin-left:5px;
}
ul.navigation li a {
 color:#FFF;
}
ul.navigation li a.selected {
 color:#FF9900 !important;
 font-weight:bold;
}