@charset "utf-8";
/* CSS Document */

/* XXXXXXXXXXXXXXXXXXXXXXXXX SLIDESHOW XXXXXXXXXXXXXXXXXXXXXXXX */

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {/*width:870px;*/ display:none; margin-bottom:50px; /*margin:20px 0px 20px 35px;*/}
#wrapper * {margin:0 auto; padding:0; }
#fullsize {position:relative; width:870px; height:470px; padding:0px; border:2px solid #ccc; margin: 0 auto; overflow:hidden;}
#information { /*visibility:hidden;*/ position:absolute; left:0px; bottom:0; width:870px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
#image {width:870px;}
#image img {position:absolute; top:0px; left:0px; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:465px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(left.gif) left center no-repeat}
#imgnext {right:0; background:url(right.gif) right center no-repeat}
#imglink {position:absolute; height:465px; width:100%; z-index:100; opacity:.2; filter:alpha(opacity=20)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:20px; width:870px;}
#slideleft {float:left; width:40px; height:82px; background:url(leftscr.gif);}
#slideright {float:right; width:40px; height:82px; background:url(rightscr.gif);}
#slidearea {float:left;
height:82px;
margin-left:5px;
overflow:hidden;
position:relative;
width:780px;}
#slider {position:absolute; left:0; height:82px}
#slider img {cursor:pointer; border:1px solid #666; height:80px; /*padding:2px*/}

/* XXXXXXXXXXXXXXXXXXXXXXXXX FIM SLIDESHOW XXXXXXXXXXXXXXXXXXXXXXXX */