#pageLogo {
position: absolute;
width: 285px;
height: 196px;
background-image: url(../images/logo-pictures.jpg);
}

#introText {
position: absolute;
top: 15px;
left: 425px;
width: 292px;
text-align: center;
color: #059406;
}

#thumbnails {
position: relative;
left: 45px;
top: 205px;
width: 345px;
clear: none;
z-index: 10;
margin: 0;
padding: 0;
}

#thumbnails a {
border: solid 1px #059406;
display: block;
float: left;
margin: 1px;
width: 64px;
height: 64px;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#thumbnails a:hover {
border-color: black;
}

#thumbnails a img {
width: 64px;
height: 64px;
}

#picture {
position: absolute;
left: 420px;
top: 150px;
width: 302px;
height: 282px;
background-color: #059406;
background-image: url(../images/projects-background.gif);
background-repeat: no-repeat; 
}

#picture img {
padding: 0;
margin: 50px 0 0 17px;
width: 273px;
height: 204px;
}

#pictureDescription {
color: #059406;
position: absolute;
top: 105px;
left: 425px;
width: 292px;
text-align: center;
}

#zoomButton {
position: absolute;
top: 437px;
left: 420px;
}

#pictureNav {
position: absolute;
left: 635px;
top: 437px;
z-index: 100;
}