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

body { margin:0; padding:0; background:#fff;}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper { width:100%; display:none;}
#wrapper * {margin:0; padding:0}
#fullsize {position: relative; width: 100%; height: 0; padding-bottom: 46.9%;}

#information { position:absolute; bottom:0; width:100%; height:0; color:#fff; overflow:hidden; z-index:200; /*opacity:.8; filter:alpha(opacity=80); display:none;*/}
#information h3 { margin:0; padding:0; font-size:18px; height:2.5em; line-height:2.5em; background:#85358f; text-align:center; display: none;}
#information p { height:0px; clear:both; visibility:hidden;}
#image { width:100%;}
#image img { position:absolute; z-index:25; max-width: 100%; width: 100%; -ms-interpolation-mode: bicubic;}
.imgnav { position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer; z-index: 150;}
#imgprev { left:0px; background:url(../images/left.png) left center no-repeat;}
#imgnext { right:0px; background:url(../images/right.png) right center no-repeat;}
#imglink { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}

#thumbnails {margin-top:5px; display: none;}
#slideleft {float:left; width:21px; height:80px; background:url(../images/scroll-left.png) center center no-repeat; cursor:pointer;}
#slideright {float:right; width:21px; height:80px; background:url(../images/scroll-right.png) center center no-repeat; cursor:pointer;}

#slidearea {float:left; position:relative; width:907px; margin-left:5px; margin-right:5px; height:80px; overflow:hidden;}
#slider {position:absolute; left:0; height:80px}
#slider img {cursor:pointer; width:137px; height:70px; border:1px solid #ddd; padding:4px;}