/* choose a suitable font and center the #container div in Internet Explorer */
body {text-align:center;}

/* The containing box for the gallery - with starter background image. */
#container {
	position:relative;
	float:left;
	width:750px;
	height:400px;
	min-height:400px;
	margin:0 auto 0 auto;
	background:#fff url(../images/galleryback.jpg) top left no-repeat;
}

/* Removing the list bullets and indentation - add size - and position */
#container ul {width:300px; height:400px; padding:0;  margin:0; list-style-type:none; float:right;}

#container li {
	margin:0px;
	padding:0px;
	line-height:20px;
	font-size: 14px;
	display:block;
}

/* 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; text-align:left; cursor:default; border-bottom:2px dotted #666; margin:0; padding: 0;}

/* styling the hovers */
#container a.gallery:hover {border-bottom:solid 2px #666;display:block;}
#container a.gallery:hover span {position:absolute; width:400px; height:400px; top:0; left:0;  background:#fff;}


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

h1 {margin-left:370px;}