/*
Original design: Daleri Single (v1.0 - Mar 25, 2009) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/daleri-single/
*/

/* Main containers */
body {padding:0; margin:0; background:#0C0C0C url('bodybg5.jp') no-repeat top center; color:#c0c0c0; border-top:4px solid #444; text-align:center; line-height:1.5em; font-style:normal; font-variant:normal; font-weight:normal; font-size:76%; font-family:verdana, tahoma, sans-serif}
#wrap {width:760px; text-align:center; margin:0 auto;}
#maincontent {background:#000; text-align:left; border:1px solid #e49938; padding:15px 15px 5px 15px; margin:0 0 15px 0;}

/* HTML Tags */
a {text-decoration:none; font-weight:700; color:#e49938;}
a:hover {text-decoration:underline;}
a img {border:0px none;}
h1 {margin:15px auto 10px auto; padding:0; font-size:2em; color:#c0c0c0; letter-spacing:-2px; line-height:1.2em;}
h1 a {color:#eee; font-weight:700; text-decoration:none;}
h1 a:hover {color:#fff; text-decoration:none;}
h2 top center; border-left:0px solid #ddd; color:#c0c0c0; font-size:1.5em; font-weight:400; margin-left:0; margin-right:0; margin-top:0; margin-bottom:12px; padding-left:15px; padding-right:6px; padding-top:12px; padding-bottom:12px}
h2 a {font-weight:400;}
h3 {font-size:1.4em; font-weight:400; margin:0 0 10px 0;}
p {margin:0 0 15px 0;}
ul {margin:0 0 15px 20px; padding:0;}
li {margin:0; padding:0 0 0 5px;}


/* Various classes */
.slogan {color:#ccc; font-size:1.4em; margin:0 0 15px 0; padding:0;}
.toptabs {clear:both; font-size:1.4em; line-height:1.5em; color:#aaa; margin:0 0 15px 0;}
.toptab {padding:3px 10px 5px 10px; font-weight:400; margin:0 2px; color:#ccc;}
.toptab:hover {background-color:#e49938; color:#fff; text-decoration:none;}
.active {background-color:#e49938; color:#fff;}
.active:hover {background-color:#444; color:#fff;}
.bottomlinks, .bottomlinks a {text-align:center; color:#e49938; font-size:0.9em; font-weight:400; margin:5px auto;}
.footer, .footer a{color:#e49938; font-weight:400;}
.hide {display:none;}

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.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 #000;
}

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

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

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