#wrapper { position: relative; width: 530px; margin: 0 auto; }


/*  slider CSS stuff starts here */
#container { position: relative; width: 486px; height: 185px; left: 21px; overflow: auto; }
#controls { position: absolute; display: block; width: 120px; left: 0; top: 0px; }

.item { display: block; width: 486px; height: 300px; }
.item h3 { font-size: 16px; margin: 10px; color: #0CF; }
.item p { font-size: 13px; padding: 6px 10px 12px; }

#num_nav { position: relative; text-align: center; top: 42px; }
#num_nav ul li { display: inline; margin: 0 2px; }
#num_nav ul li a { padding: 2px 3px; color:#09C; border: 1px solid #09C; background-color:#033; }
#num_nav ul li a.active, #num_nav ul li a:hover { border-color: #fff; background-color:#060235 }

#play_btn { position: relative; top: 34px; width: 100px; height: 25px; margin: 0 auto; z-index: 10000; line-height: 25px; text-align: center; text-transform: uppercase; font-size: 12px; color:#09C; border: 1px solid #09C; background-color:#060235; }
#prev_btn, #next_btn { position: absolute; top: 0px; z-index: 10000; border: 0px }
#next_btn { left: 509px; }