* {margin:0; padding:0}

h1 {font:12px Verdana, Arial, Helvetica, sans-serif; }
body {font:12px Verdana, Arial, Helvetica, sans-serif; }

#gallery {position:relative; width:660px;   }

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

#image {position:relative; width:648px; height:508px; padding:6px; border:2px solid #bb980d; background:#FFF url(images/loading.gif) center center no-repeat}

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

#thumbwrapper {  width:660px; height:45px; border-left:2px solid #bb980d;border-right:2px solid #bb980d;

border-bottom:2px solid #bb980d; background:#FFF; padding-top:5px;}

#thumbarea {position:relative; overflow:hidden; height:40px; width:656px; }

#thumbs {

	position:absolute;

	list-style:none;

	margin-left:5px;

	height:60px;

	width:7809px;

	border-right:2px solid #FFF;

	left: -19px;

	top: 0px;

}

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

.imgnav {

	position:absolute;

	height:375px;

	width:5px;

	z-index:100;

	height:375px;

	width:20%;

	z-index:100;

	outline:none;

	cursor:pointer;

	top: 18px;

}

#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:2px solid #FFF}

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

#nextimg {right:-9px; background:url(images/right.gif) right center no-repeat; border-right:2px solid #FFF}

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


