@charset "UTF-8";
/* CSS Document */

body {
background-image:url('skyline.jpg');
background-position:left top;
background-repeat:no-repeat;
margin-left:100px;
margin-top:100px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#CCCCCC;
font-size:14px;
line-height:24px;
text-decoration:none;
}

a:link    {color:#ffffff;
text-decoration:none;}
a:visited {color:#88fa8d;}
a:active  {color: #999999}
a:hover {color:#ffc35a;}

div.content {
background-image:url('trans_black.png');
background-repeat:repeat;
height:auto;
width:500px;
padding-left:50px;
padding-right:50px;
padding-top:35px;
padding-bottom:50px;
}

h1 {
color:#FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:48px;
line-height:0px;
}

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

.thumbnail img{
margin: 0 20px 0 0;
}

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

.thumbnail:hover img{
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
width:500px;
background-image: url('trans_black.png');
padding: 50px;
left: -1000px;
visibility: hidden;
color: #ffffff;
font-style: italic;
text-decoration:none;
text-align:left;
}

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

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