#gallery {position:relative; width:560px;  }
#images {height:441px; background:#eef5f6; margin-bottom:5px}
#image {position:relative; width:560px; height:396px; background: url(../images/loading.html) center center no-repeat}
#image img {position:absolute; width:560px; height:396px; background-image:url(../images/kbg.html);}

#thumbwrapper { margin-top:5px; left:0px; width:554px; height:52px;  /*background:#FFF;*/ float:left;}
#thumbarea { position:relative;	overflow:hidden; height:52px; width:560px; left: 0; float:left;}
#thumbs {position:absolute; list-style:none; height:36px; width:1200px; float:left; }
#thumbs li {float:left; margin-right:8px; cursor:pointer; }
#thumbs li img{width:74px; height:52px; }

.imgnav {position:absolute; width:20%; z-index:100; height:396px;  outline:none; cursor:pointer}
#previmg {left:0; background:url(../images/geri.png) left center no-repeat; }
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../images/ileri.png) right center no-repeat; }
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

ul, ol, li { margin:0; padding:0; border:0; }