/* CSS Document styles for bag o nails*/

/* choose a suitable font and center the #container div in Internet Explorer */
/*body {text-align:center; font-family: tahoma; arial, sans-serif; font-size:76%; letter-spacing:0.05em;}*/

/* The containing box for the gallery. */
#container {
	position:absolute;
	width:760px;
	height:396px;
	border:1px solid #aaa;
	left: 3px;
	top: 201px;
	margin-top: 1px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	right: 3px;
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-image: url(gifs/bagonails_background.jpg);
}

/* Removing the list bullets and indentation - add size - and position */
#container ul {
	width:372px;
	height:63px;
	padding:0;
	margin:5px;
	list-style-type:none;
	float: left;
	position:absolute;
	left: 27px;
	top: 295px;
}

#container li {float:left;}

/* Remove the images and text from sight */
#container a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;}

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#container a.slidea {background:url(gifs/bagonails_t.jpg); height:63px; width:62px;}
#container a.slideb {background:url(); height:63px; width:62px;}
#container a.slidec {background:url(); height:63px; width:62px;}
#container a.slided { background:url(); height:63px; width:62px;}
/** html #container a.slided {width:91px; w\idth:93px;}*/
#container a.slidee {background:url(); height:63px; width:62px;}


/* styling the hovers */
#container a.gallery:hover {border:1px solid #fff;}
#container a.gallery:hover span {position:absolute; width:372px; height:275px; top:-275px; left:2px; color:#000; background:#fff;}
#container a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;}
/*#container a.slideb:hover img, #container a.slidei:hover img {float:right;}*/