body
	{
		margin: 0;
		padding: 0;
		font: 85% comic sans ms, arial, hevetica, sans-serif;
		text-align: center;
		color: #B7AE91;
		background-color: #000;
	}

	#container
	{
		margin: 1em auto;
		width: 800px;
		text-align: left;
		background-color: #fff;
		border: 1px solid #000;
	}
	
	#contents { margin: 0 20px 40px 20px; background: #000}

	img.thumb
	{
		padding: 0px;
		border: 2px solid #000;
		margin: 1px ;
		height: 18% ;
		width: 18% ;

	}

/* set general thumbnail styles */
	#pix { width: 800px; background: #fff}
	#pix img
	{ 
		padding: 2px;
		border: 2px solid #000;
		height: 18% ;
		width: 18% ;
		
		
		
	}
	
/* MouseOut state (default) - hide larger picture */
	
	#pix a img.hid {
	width: auto; height:auto;
	position: absolute; top: 210px; left: 220px; 
	visibility: hidden; border: 1px solid #fff;
	}

/* MouseOver state (hover)- reveal larger picture */
#pix a:hover { background: #000 }
#pix a:hover img.hid { visibility:visible }