#wrapper { position: relative; width: 400px; 	margin: 0 auto; background-color:#FFFFFF; }
h1 { margin: 20px 0; text-align: center; font-size: 16px; }
p.linkback { text-align: center; font-size: 12px; }
p.linkback a { color: #0000FF; text-decoration: none; }
#versions { position: relative; top: 50px; margin: 0 auto; text-align: center; font-size: 11px;  }
#versions a {  color: #0000FF; text-decoration: none; }
#versions a:hover { color: #0000CC; text-decoration: underline; }


/*  slider CSS stuff starts here */
#container { position: relative; top: 30px; width: 400px; height: 200px; overflow: auto; background-color:#FFFFFF; left: 5px; }
#controls { position: absolute; display: block; width: 12px; left: 0; top: 40px; padding: 10px; }

.item { display: block; width: 500px; 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:#FFFFFF; }
#num_nav ul li a.active, #num_nav ul li a:hover { border-color: #fff; background-color:#FFFFFF }

#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: 120px; width: 100px; height: 25px; left: 20px; z-index: 10000; line-height: 25px; text-align: center; text-transform: uppercase; font-size: 12px; color:#09C; border: 1px solid #09C; background-color:#060235; }
#next_btn { top: 150px; }


.btn_over { color:#fff; border: 1px solid #fff; background-color: #033; }