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

body {
background-image:url(images/background.jpg);
}

#holder {
padding:0px;
margin:0px;
width: 800px;
height:1200px;
top:0px;
left: 50%;
margin-left: -400px;
position:absolute;
background:#000000;
background-image:url(images/sam_01.png);
background-repeat:no-repeat;
border:solid #000000 2px;
}

#header {
float:right;
top:0px;
margin:0px;
padding:0px;
height:293px;
}

#nav{
float:right;
margin:0px;
padding:0px;
top:293px;
position:absolute;
right:0px;
}

#logo{
margin:0px;
padding:0px;
float:right;
bottom:0px;
position:absolute;
padding-left:323px;
}

#content{
float:right;
color:#FFFFFF;
top:50px;
width:400px;
padding:10px;
margin-top:50px;
margin-right:30px;
}
#image_gallery {
position: relative;
overflow: hidden;
}
ul#gallery_thumbs {
list-style: none;
margin: 0;
padding: 0;
}
#gallery_thumbs li {
background: none;
display: inline;
}
.thumb img { /* styles thumbnail previews */
background: #fff;
padding: 2px;
border: 1px solid #ddd;
}
.thumb:hover img {
background-color: transparent;
}
.thumb span { /* hides large previews */
visibility: hidden;
position: absolute;
}
.thumb span img { /* styles large previews */
background: #fff;
padding: 2px;
border: 1px solid #ddd;
}
.thumb:hover span { /* displays preview while hovering over thumb */
visibility: visible;
top: 80px; /* absolute positioning to control where previews are displayed */
left: 0;
z-index: 100;
}
