* { 	margin: 0;  padding: 0; }
#wrapper { position: relative; width: 800px; 	margin: 0 auto; background-color:#000; }




/*  slider CSS stuff starts here */
#container { position: absolute; top: 85px; border: 3px solid #333333; width: 644px; height: 280px; overflow: auto; background-color:#ffffff; left: 20px; }
#controls { position: absolute; float: left; width: 650px; left: 20px; top: 371px; font-size: 65%; }
  #controls div {
    float: left;
  }
.item { display: block; padding: 0px; padding-left: 0px;width: 620px; height: 280px; }
.item .h3 { font-size: 16px; margin: 10px; margin-top: 20px; color: #000000;   font-weight: bold; } 
.item p { color: #333333; font-size: 11px; padding: 6px 10px 12px; } 
.item img {
  float: left;
  margin-right: 20px;
}
#num_nav { position: absolute; float: right; right: 0px; top: 3px;text-align: center; } 
#num_nav ul li { display: inline; margin: 0 0px; }
#num_nav ul li a { padding: 5px; padding-top: 3px; padding-bottom: 3px; border-left: 1px solid #ffffff; color:#ffffff; background-color:#333333; }
#num_nav ul li a.active, #num_nav ul li a:hover { border-color: #fff; color: #0682B5; background-color:#000000; }

#prev_btn,
#next_btn,
#play_btn { padding: 5px; padding-top: 3px; background-color: #333333; color: #ffffff; }

.btn_over { color:#fff; border: 1px solid #fff; background-color: #0682B5; }

