* {
	margin: 0;
	padding: 0;
	}

img {
	border: none
	}

/* Typography
================================== */

body {
	font: 0.8em Georgia, "Times New Roman", Times, serif;
	padding: 10px;
	}

p, blockquote, cite {
	margin: 0.5em 0 1em 0;
	line-height: 1.5em;
	}
	
li {
	line-height: 1.5em;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #E3433E;
	}

h1 {
	font-size: 218%;
	}

h2 {
	font-size: 164%;
	}

h3, legend {
	font-size: 145%;
	}

h4 {
	font-size: 118%;
	}

a { 
	color: #E3433E;
	}
	
a:hover, a:active { 
	text-decoration: none;
	}
	
a:visited { 
	color: #CC0000;
	}

a:focus {
	outline-style: none;
	}
	
/* Useful
================================== */

.clear-both {
	clear: both;
	overflow: hidden;  /* IE7 fix */
	height: 0;
	}
	
.clear-left {
	clear: left;
	}
	
.clear-right {
	clear: right;
	}

.float-left {
	float: left;
	}
	
.float-right {
	float: right;
	}
	
.hr hr {
	display: none;
	}
	
.hr { 
	clear: both;
	height: 1px;
	background: #F68D91;
	}

/* Common structural elements
================================== */

body {
	background: #FCECEB;
	text-align: center;
	}

	
.outer-wrapper {
	width: 760px;
	margin: 0 auto;
	background: #fff;
	padding: 20px;
	margin-bottom: 10px;
	text-align: left;
	border: 2px solid #000;
	}
	
.nav {
	height: 50px;
	margin-bottom: 20px;
	}
	
.nav li {
	float: left;
	list-style: none;
	}
	
.nav li a {
	display: block;	
	height: 50px;
	text-indent: -9999px;
	}

.nav li a.home  {
	background: url(../images/nav-home.gif) no-repeat;
	width: 102px;
	}

.nav li a.who  {
	background: url(../images/nav-who.gif) no-repeat;
	width: 131px;
	}
	
.nav li a.who:hover   {
	background: url(../images/nav-who-on.gif) no-repeat;
	}
	
.nav li a.games  {
	background: url(../images/nav-games.gif) no-repeat;
	width: 148px;
	}
	
.nav li a.games:hover  {
	background: url(../images/nav-games-on.gif) no-repeat;
	}

.nav li a.contact  {
	background: url(../images/nav-contact.gif) no-repeat;
	width: 210px;
	}
	
.nav li a.contact:hover  {
	background: url(../images/nav-contact-on.gif) no-repeat;
	}





.nav li a.links  {
	background: url(../images/nav-links.gif) no-repeat;
	width: 148px;
	}
	
.nav li a.links:hover  {
	background: url(../images/nav-links-on.gif) no-repeat;
	}





<style type="text/css">

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 1px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 100;
left: 450px; /*position where enlarged image should offset horizontally */
z-index: 100;
}

</style>