/* CSS Document */

#gallery { margin: 2px;width:300px; height:350px; padding:10px; background: #FFFFFF;  }
#gallery b.default {width:300px; height:170px;}
#gallery b.default img {display:block;}
#gallery b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:300px; }

#gallery ul {list-style:none; padding:0; margin: 0px 0px 0px 0px; width:500px; position:relative; }
#gallery ul li {display:inline; width:90px; height:52px; float:left; margin:0 0 5px 8px;}
#gallery ul li a {display:block; width: 88px; height:50px; text-decoration:none;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:88px; height:50px; border:0;}
#gallery ul li a:hover { white-space:normal; background-image: url(../images/kayntikortit/napsauta.jpg); height: 50px; width: 88px; } /*minikuvan hover*/
#gallery ul li a:hover b {position:absolute; left:0px; top:-183px; width:300px; height:170px; text-align:center; background:#FFFFFF; z-index:20;}
/*kuvausteksti*/
#gallery ul li a:hover span {position: relative;top: -10px; display:block; color:#999999; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:300px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal;  background-image: url(../images/kayntikortit/valittu.jpg); height: 50px; width: 88px;}
#gallery ul li a:active b, #gallery ul li a:focus b { position:absolute; left:0px; top:-183px; width:300px; height:170px; text-align:center; z-index:10; background-color: #FFFFFF; }
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto;}