/* 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;
	/* [disabled]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; min-height:400px; top:0; left:0;  background:#fff;}


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

h1 {margin-left:370px;}