* {margin:0; padding:0;}
#gallery {}
#images {border:1px solid #FFFF00; width:300px; height:225px; background: #000000;
margin-bottom:0px;
margin-left: 30%;
margin-right: 30%;
}
#image {
position:relative;
border:0px solid #66FF33;
background:#000000 url(images/loading.gif) center center no-repeat;
width: 300px;
}
#imagearea{
  border: 1px solid #aeaeb2;
  width: 300px;
  height: 225px;
  overflow:hidden;
}


#image img {position:absolute; top:0px; left:0px; border: 0px solid #FFFFFF;}


#thumbwrapper {margin-top:0px; width:350px; height:100px;}
#thumbarea {position:absolute; overflow:hidden; height:333px; width:350px; margin-left: 0px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; width:300px; border-right:0px solid #FFF}
#thumbs li {margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:0px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:0px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

.ermax_mod1 {
margin-top: -110px;
margin-left: 153px;
}
.ermax_mod2 {
margin-top: 10px;
}
.ermax_mod3 {
margin-top: -110px;
margin-left: 153px;
}