#gallery {
position:relative; 
width:528px; 
float: left;}

#images {
height:225px; 
margin-bottom:20px}

#image {
position:relative; 
width:523px; 
height:385px; 

background: url(../images/loading.gif) center center no-repeat}

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

#thumbwrapper {

width:528px; 
height:75px; }

#thumbarea {
position:relative; 
overflow:hidden; 
height:75px; 
width:528px; }

#thumbs {
position:absolute; 
list-style:none;  
height:75px; 
width:10000px; }

#thumbs li {
float:left; 
margin-right:5px; 
cursor:pointer}

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

#previmg {
left:0; 
background:url(../images/lytebox/prev_grey.gif) left center no-repeat; }

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

#nextimg {
right:0; 
background:url(../images/lytebox/next_grey.gif) right center no-repeat;}

#nextimg:hover {
opacity:1; f
ilter:alpha(opacity=100)}