#viewer { width:870px; margin:auto; overflow:hidden; }
#viewernav { width:120px; height:418px; overflow:hidden; float:left; margin:0; padding:0; list-style-type:none; }
#viewernav li { width:100px; height:50px; padding:0; }
#viewernav li a { display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url(img/thumb1.png) no-repeat 0 0; }
#viewernav li a:hover, #nav li a.on { background-position:-100px 0; }
#viewernav li.thumb2 a { display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url(img/thumb2.png) no-repeat 0 0; }
#viewernav li.thumb2 a:hover, #nav li.thumb2 a.on { background-position:-100px 0; }
#viewernav li.thumb3 a { display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url(img/thumb3.png) no-repeat 0 0; }
#viewernav li.thumb3 a:hover, #nav li.thumb3 a.on { background-position:-100px 0; }
#viewernav li.thumb4 a { display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url(img/thumb4.png) no-repeat 0 0; }
#viewernav li.thumb4 a:hover, #nav li.thumb4 a.on { background-position:-100px 0; }
#viewernav li.thumb5 a { display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url(img/thumb5.png) no-repeat 0 0; }
#viewernav li.thumb5 a:hover, #nav li.thumb5 a.on { background-position:-100px 0; }
#viewernav li.thumb6 a { display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url(img/thumb6.png) no-repeat 0 0; }
#viewernav li.thumb6 a:hover, #nav li.thumb6 a.on { background-position:-100px 0; }
#viewernav li.thumb7 a { display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url(img/thumb7.png) no-repeat 0 0; }
#viewernav li.thumb7 a:hover, #nav li.thumb7 a.on { background-position:-100px 0; }
#viewernav li.thumb8 a { display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url(img/thumb8.png) no-repeat 0 0; }
#viewernav li.thumb8 a:hover, #nav li.thumb8 a.on { background-position:-100px 0; }
#viewernav li.thumb9 a { display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url(img/thumb9.png) no-repeat 0 0; }
#viewernav li.thumb9 a:hover, #nav li.thumb9 a.on { background-position:-100px 0; }
#viewernav li.thumb10 a { display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url(img/thumb10.png) no-repeat 0 0; }
#viewernav li.thumb10 a:hover, #nav li.thumb10 a.on { background-position:-100px 0; }
#viewernav li.thumb11 a { display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url(img/thumb11.png) no-repeat 0 0; }
#viewernav li.thumb11 a:hover, #nav li.thumb11 a.on { background-position:-100px 0; }
#viewernav li.thumb12 a { display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url(img/thumb12.png) no-repeat 0 0; }
#viewernav li.thumb12 a:hover, #nav li.thumb12 a.on { background-position:-100px 0; }
#panels { width:743px; height:418px; max-width: 743px; overflow:hidden; position:relative; float:left; }
#stupidbox {width:743px; height: 418px; overflow:hidden;}
#slider { width:8916px; height:418px; }
#slider div { float:left; position:relative; }
#slider p { position:absolute; bottom:0; left:0; color:#fff; font:16px "Trebuchet MS"; margin:0; width:90%; height:45px; padding:5px 5% 10px; background-color:#000; }