.content {
width: 693px;
height: 475px;
float:left;
margin-top: 6px;
overflow: hidden;
}

#container {
position:relative;
width: 220px;
height: 390px;
color: white;
}

#content_main {
float:left;
width: 225px;  /*firm*/
height:400px;  /*firm*/
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
overflow:hidden;
}

/* right side thumbnail */
#container a.gallery:hover {
white-space:normal;
border:1px solid #fff;
z-index:100;
}

/* left side image - set visible on hover */
#container a.gallery:hover span {
display: block;
visibility:visible;
z-index:100;
width: 430px;
height:390px;
margin-left:-20px;
margin-top: -5px;
}

/* left side image */
#container a.gallery:hover span img {
margin:0 auto;
position:relative;
z-index:100;
float:left;
border:3px solid #000;
margin-top: 0px;
}

#container a.gallery:active, a.gallery:focus {
border:1px solid #c00;
z-index:10;
}

/* left side image - on CLICK */
#container a.gallery:active span, a.gallery:focus span {
visibility:visible;
z-index:10;
width: 350px;
height:390px;
margin-left:-20px;
margin-top: -5px;
}

#container a.gallery:active span img, a.gallery:focus span img {
border:3px solid #000;
position:relative;
z-index:10;
}

#container a.gallery, a.gallery:visited {
display:inline;
text-decoration:none;
border:1px solid #000;
width:100px;
height:100px;
float:left;
margin:20px 0px 7px 5px;
position:relative;
cursor:default;
}

#container a.gallery span {
	visibility:hidden;
	display:block;
	margin-top:20px;
	margin-left: 8px;
	position:absolute;
	width: 350px;
	height: 479px;
	cursor:default;
	background-color:#FFF;
}

#text {
width: 230px;
height: 40px;
font-size: .8em;
text-align: center;
color: #777677;
top: 420px;
left: 1px;
position:absolute;
}

#next {
position:absolute;
font-size: 11px;
color:#4D4C4B;
top:390px;
right: 5px;
width: 90px;
text-align: right; 
}

#prev {
position:absolute;
font-size: 11px;
color:#4D4C4B;
width: 90px;
top:390px;
left:5px;
}