#gallery {
position:relative;
width:583px;
margin:10px auto 0;
padding:10px;
background:#c7a77a
}

#images {
border:2px solid #CFCFCF;
height:225px;
background:#eef5f6;
margin-bottom:20px
}

#image {
position:relative;
width:569px;
height:375px;
padding:5px;
border:2px solid #a8895d;
background:#f4e9d1 url(images/loading.gif) center center no-repeat
}

#image img {
position:absolute;
top:5px;
left:5px
}

#thumbwrapper {
margin-top:10px;
padding:5px 0; 
width:579px;
height:100px;
border:2px solid #a8895d;
background:#f4e9d1
}

#thumbarea {
position:relative;
overflow:hidden;
height:100px;
width:579px;
}

ul#thumbs {
position:absolute;
list-style:none;
margin:0 0 0 5px;
height:100px;
width:10000px;
border-right:5px solid #FFF;
padding: 0;
}

#thumbs li {
background: none;
padding: 0;
float:left;
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 {
float: none;
margin: 0;
left:0; 
background:url(images/left.png) left center no-repeat; 
border-left:5px solid #f4e9d1
}

* html #previmg {
background:url(images/left.gif) left center no-repeat; 
}

/*#previmg:hover {
opacity:1; 
filter:alpha(opacity=100)
}*/

#nextimg {
float: none; 
margin: 0; 
right:0; 
background:url(images/right.png) right center no-repeat; 
border-right:5px solid #f4e9d1
}

* html #nextimg {
background:url(images/right.gif) right center no-repeat; 
}

/*#nextimg:hover {
opacity:1; 
filter:alpha(opacity=100)
}*/