* {margin:0; padding:0}

body {font:12px Verdana, Arial, Helvetica, sans-serif; 
background:black url(images/bg.gif)
}


#gallery {
position:relative; 
width:576px; 
margin:0px auto; 
padding:0px; 
background: black;
}


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


#image {
position:relative; 
align: center;
valign: middle;
width:576px; 
height:412px; 
padding:0px;  
background:black url(images/loading.gif) center center no-repeat
}


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


#thumbwrapper 
{margin-top:10px; 
padding:5px 0; 
width:682px; 
height:100px; 
border:2px solid #666; 
background:#FFF;
display: none;
}

#slides {
  width:576px; 
  height:410px;  
  background: black!important;
  align: center;
  text-align: center;
}

#navwrapper 
{margin-top:8px; 
width:300px; 
height:20px; 
background:black;
}


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


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

#thumbs li {
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 , a.prev
{
  left:0; 
  background:url(images/left.gif) left center no-repeat; 
  border-left:5px solid transparent
  margin-top: 20px;
}


#previmg:hover , a.prev:hover{
opacity:1; 
filter:alpha(opacity=100)}


#nextimg, a.next {
  right:0; 
  background:url("./images/right.gif") right center no-repeat; 
  border-right:5px solid transparent;
  TEXT-DECORATION: none;
  border: none;
}


#nextimg:hover, a.next:hover {
  opacity:1; 
  filter:alpha(opacity=100);
  TEXT-DECORATION: none;
  border: none;
}

#navwrapper a {

    TEXT-DECORATION: none;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #068DA0;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    LETTER-SPACING: 2px;
    text-align:right;

}

#navwrapper a:hover {

    COLOR: white;
    TEXT-DECORATION: none;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    LETTER-SPACING: 2px;
    text-align:right;
}

#pleasegoback a {

    TEXT-DECORATION: none;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #068DA0;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    LETTER-SPACING: 2px;
    text-align:right;

}

#pleasegoback a:hover {

    COLOR: white;
    TEXT-DECORATION: none;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    LETTER-SPACING: 2px;
    text-align:right;
}
  .slides_container {
    position:relative; 
    overflow:hidden; 
    width:576px;
    height:384px;
    align: center;
    text-align: center;
    
  }
  .slides_container img {
    	text-align: center;
  }
  .slides_container div {
    position:relative; 
    overflow:hidden; 
    width:576px;
    height:384px;
    display:block;
    align: center;
    text-align: center;
    background-color: #fff;
  }

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:0px;
	background-image:url("images/pagination.png");
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

#slides a img {
	margin-top: 5px;
}