* { margin: 0; padding: 0; }

/* gallery - specific styles for gallery page */
#gallery { position: relative; width: 688px; margin: auto; margin-left: 1px; margin-bottom: 5px; padding: 6px 0 0 0; border: 0; background: #FFFFFF; } * html #gallery { /* ie only */ padding: 6px 0 6px 0; }

#images { border: 2px solid #9ac1c9; height: 225px; background: #eef5f6; margin-bottom: 20px; }
#image { position: relative; width: 100%; height: 468px; padding: 5px; border: 3px solid #D93939; background: #000000 url(images/loading.gif) center center no-repeat; }
#image img { position: absolute; top: 5px; left: 5px; }

#thumbwrapper { margin-top: 10px; padding: 5px 0; width: 704px; height: 137px; border: 0; background: #000000; }
#thumbarea { position: relative; overflow: hidden; height: 137px; width: 694px; border-left: 5px solid #000000; border-right: 5px solid #000000; }
#thumbs { position: absolute; list-style: none; margin-left: 0; height: 137px; width: 10000px; border-right: 5px solid #000000; }
#thumbs li { float: left; margin-right: 5px; cursor: pointer; }

.imgnav { position: absolute; height: 468px; width: 20%; z-index: 100; height: 468px; width: 20%; z-index: 100; outline: none; cursor: pointer; }

#previmg { left: 0; background: url(../images/ico_arrow_left.gif) left center no-repeat; border-left: 0; }
#previmg:hover { opacity: 1; filter: alpha(opacity=100); }

#nextimg { right: 0; background: url(../images/ico_arrow_right.gif) right center no-repeat; border-right: 0; }
#nextimg:hover { opacity: 1; filter: alpha(opacity=100); }

#gallery_content { margin: 16px; }
/* gallery - end */