/*********************************************************************
 ** Style sheet for picture gallery
 **
 ** Dueno:   Gerardo Salazar
 ** Creado:  12/29/08
 ** Version: $Rev: 13 $
 ** Mod:     $LastChangedDate: 2010-02-18 10:00:47 -0600 (Thu, 18 Feb 2010) $
 **
 *********************************************************************/

#gallery 
{
 position:relative; 
 width:462px; 
 margin:5px auto; 
 padding:10px; 
 border:6px solid #fff; 
 background:#3F4712;
}
#imagesgal 
{
 border:2px solid #284211; 
 height:225px; 
 background:#284211;
 margin-bottom:20px;
 }
#imagegal 
{
 position:relative; 
 width:451px; 
 height:300px; 
 padding:5px; 
 border:2px solid #284211; 
 background:#FFF url(../images/loading.gif) center center no-repeat;
}
#imagegal img 
{
 position:absolute; 
 display:block;
 margin-left:auto;
 margin-right:auto;
}
#thumbwrappergal 
{
 margin-top:10px; 
 padding:5px 0; 
 width:461px; 
 height:88px; 
 border:2px solid #284211; 
 background:#FFF;
}
#thumbareagal 
{
 position:relative; 
 overflow:hidden; 
 height:88px; 
 width:461px; 
}
#thumbsgal 
{
 position:absolute; 
 list-style:none; 
 margin:0px; 
 padding:0px; 
 margin-left:5px; 
 height:88px; 
 width:10000px; 
 border-right:5px solid #FFF; 
}
#thumbsgal li 
{
 float:left; 
 margin-right:5px; 
 cursor:pointer;
}
.imgnav 
{
 position:absolute; 
 height:300px; 
 width:20%; 
 z-index:100; 
 height:300px; 
 width:20%; 
 z-index:100; 
 outline:none; 
 cursor:pointer;
}
#previmggal 
{
 left:0; 
 background:url(../images/left.gif) left center no-repeat; 
 border-left:5px solid #FFF;
}
#previmggal:hover 
{
 opacity:1; 
 filter:alpha(opacity=100);
}
#nextimggal 
{
 right:0; 
 background:url(../images/right.gif) right center no-repeat; 
 border-right:5px solid #FFF;
}
#nextimggal:hover 
{
 opacity:1; 
 filter:alpha(opacity=100);
}