/* The containing box for the gallery. */

#container {
	position:relative; 
	width:740px; 
	height:486px; 
	margin: 0; 
}

/* Removing the list bullets and indentation - add size - and position */

#container ul {

	float:left;

	height:479px;

	list-style-type:none;

	margin:0;

	padding:0 0 0 231px;

	width:525px;

}

#container li {float:left;

	padding: 128px 0 0 20px;}



/* Remove the images and text from sight */

#container a.gallery span {position:absolute; width:1px; height:1px; top:10px; left:15px; overflow:hidden; background: none}



/* Adding the thumbnail images */

#container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:0; margin:1px 2px 1px 2px; text-align:left; cursor:default;}

#container a.slidea {background:url(http://www.modamasculina.com.br/images/MS_Ternos/_CCM9942mini.jpg) no-repeat; height:215px; width:150px;}

#container a.slideb {background:url(http://www.modamasculina.com.br/images/MS_Ternos/_CCM0014mini.jpg) no-repeat; height:215px; width:150px;}

#container a.slidec {background:url(http://www.modamasculina.com.br/images/MS_Ternos/_CCM9933mini.jpg) no-repeat; height:215px; width:150px;}

* html #container a.slidek {width:115px; w\idth:117px;}

/* styling the hovers */

#container a.gallery:hover {border:1px solid #fff;}

#container a.gallery:hover span {position:absolute; width:325px; height:479px; top:10px; left:15px; color:#000; font:normal 11px verdana;}

#container a.gallery:hover img {border:0; float:left; margin-right:5px;}