#viewer { width:600px; margin:auto; }
#nav { width:200px; float:left; margin:0; padding:0; list-style-type:none; }
#nav li { width:200px; height:80px; padding:0; }
#nav li a { display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url(img/content-nav.png) no-repeat 0 0; }
#nav li a:hover, #nav li a.on { background-position:-200px 0; }
#nav li.thumb2 a { background-position:0 -80px; }
#nav li.thumb2 a:hover, #nav li.thumb2 a.on { background-position:-200px -80px; }
#nav li.thumb3 a { background-position:0 -160px; }
#nav li.thumb3 a:hover, #nav li.thumb3 a.on { background-position:-200px -160px; }
#nav li.thumb4 a { background-position:0 -240px; }
#nav li.thumb4 a:hover, #nav li.thumb4 a.on { background-position:-200px -240px; }
#nav li.thumb5 a { background-position:0 -320px; }
#nav li.thumb5 a:hover, #nav li.thumb5 a.on { background-position:-200px -320px; }
#panels { width:400px; height:400px; overflow:hidden; position:relative; float:left; }
#slider { width:2000px; height:400px; }
#slider div { float:left; position:relative; }
#slider p { position:absolute; bottom:0; left:0; color:#ff0084; font:15px "Trebuchet MS"; font-weight: normal; margin:0; width:90%; height:37px; padding:5px 5% 10px; background-color:#222222; }

#panels a { border-style: none; text-decoration: none; }
#panels a:hover { border-style: none; text-decoration: none; }