* {margin:0; padding:0}
body
{
    font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
    font-size:11px;
    color:#303030;
}

#gallery
{
	position:relative;
	width:496px;
	text-align:center;
    height:auto;
}

#image
{
	position:relative;
	width:492px; 
	padding:2px;
	height:370px;
	min-height:370px;
	border:1px solid #ccc;
	background:#FFF url(../img/loading.gif) center center no-repeat; 
}

#image img
{
    position:absolute;
    top:2px;
    left:2px;
}
#thumbwrapper
{
	margin-top:10px;
	width:490px; 
	height:100px; 
	border:2px solid #666; 
	background:#FFF; 
}

#thumbarea
{
	clear:both;
	position:relative;
	height:auto;
	width:470px;
}

#thumbs
{
	list-style:none;
	margin:0px;
	width:490px; 
}

#thumbs li
{
	cursor:pointer;
    margin:5px;
    width:64px;
    height:64px;
    float:left;
    padding:2px;
    border:1px solid #ccc;
}

.imgnav
{position:absolute; height:370px; width:490px; width:20%; z-index:100; height:370px; width:20%; z-index:100; cursor:pointer; border:1px solid red;width:450px;}

#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF; border:1px solid red;}
#previmg:hover {opacity:1; filter:alpha(opacity=100); border:1px solid red;}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF; border:1px solid red;}
#nextimg:hover {opacity:1; filter:alpha(opacity=100); border:1px solid red;}