body	{
background-image: url('background.jpg');
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
background-color: #e41842;
font-family:Calibri, sans-serif;
line-height:150%;
color:#FFF;
}
.style3 {
z-index: 10;
position: absolute;
top: 240px;
left: 472px;
}

a:link	{
color:#fff;
text-decoration:none;
}
a:visited	{
color:#fff;
text-decoration:none;
}

a:hover	{
color:#fff;
text-decoration:underline;
}
#nav	{
padding: 5px;
position: absolute;
text-align: left;
margin-bottom: 15px;
}
.main	{
margin: 0px;
padding: 0px;
background-image: url('main-image.jpg');
background-position: left top;
background-repeat: no-repeat;
width: 100%;
height: 500px;
}
h1	{
font-family: Calibri;
font-size: x-large;
color: #FFFFFF;
font-weight: bold;
}

#footer	{
clear:both;
color:#ccc;
text-align:center;
font-size:small;
}
.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 pink;
}

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

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

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