#viewer { width:659px; margin:auto; }
#nav { width:140px; float:left; margin:0; padding:6px 8px 9px 8px; list-style-type:none; background:#000000; }
#nav li { width:140px; height:46px; padding:0; margin-bottom:1px; }
#nav li a { display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url(thumbsprite.jpg) no-repeat 0 0; outline:none; }
#nav li a:hover, #nav li a.on { background-position:-140px 0; }
#nav li.thumb2 a { background-position:0 -47px; }
#nav li.thumb2 a:hover, #nav li.thumb2 a.on { background-position:-140px -47px; }
#nav li.thumb3 a { background-position:0 -94px; }
#nav li.thumb3 a:hover, #nav li.thumb3 a.on { background-position:-140px -94px; }
#nav li.thumb4 a { background-position:0 -141px; }
#nav li.thumb4 a:hover, #nav li.thumb4 a.on { background-position:-140px -141px; }
#nav li.thumb5 a { background-position:0 -188px; }
#nav li.thumb5 a:hover, #nav li.thumb5 a.on { background-position:-140px -188px; }
#panels { width:503px; height:250px; overflow:hidden; position:relative; float:left; }
#slider { width:2515px; height:250px; }
#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; }
#slider p a{ color:#fff; font:16px "Trebuchet MS"; text-decoration:none;}
#slider p a:hover{ color:#fff; font:16px "Trebuchet MS"; text-decoration:underline;}

#slider p .scriptdate{
	color:#ffffff;
	font-size:12px;
}