body {
margin: 0; 
padding: 0;
}
html {
margin: 0; 
padding: 0;
}
body {
background: #4E4E4E;
  background-image: url('longgraygrain2.jpg');

}
h1 {
font:  11px Arial, Geneva, sans-serif;
color: #B05A04;
}
h2 {
font: small-caps 1em Georgia, "Times New Roman", Times, serif;
color: #B06E04;
}
h3 {
font: 14px Arial, Geneva, sans-serif; 
color: #000;
font-weight:bold;
}

a {
font: 14px Arial, Geneva, sans-serif;
color: #000;
} 

p {
font: 14px Arial, Geneva, sans-serif;
color: #000;
} 
#container {
width: 580px;
margin: 0.5em auto 0.5em auto;
background: #fff;
text-align:center;
-moz-border-radius: 20px;
padding: 0.5em;
}
#container li {
float: left;
width: 150px;
height:150px;
list-style-type:none;
border: solid #ccc;
border-width: 1px 1px 0 0;
-moz-border-radius-topright:10px;
margin:1em;
text-align:center;
display:inline;
}
li img { border: none; }
ul#photos li a span { display: none; }
ul#photos li a:hover span {
display: block;
color: #333;
background-color:tan;
-moz-border-radius: 10px;
padding: .25em 0 .25em 0; 
font-size: .85em; 
}
#pictureScreenObject {
display:none;
position: absolute;
left:15%;
z-index:100;
background:#fff;
padding:2em;
margin:1em;
font: 0.9em Arial, Geneva, sans-serif;
border:1px solid #ccc;
text-align: center;
-moz-border-radius: 20px;
} 
#photo {
display:none;
position: absolute;
left:15%;
z-index:100;
background:#fff;
padding:2em;
margin:1em;
font: 0.9em Arial, Geneva, sans-serif;
border:1px solid #ccc;
text-align: center;
-moz-border-radius: 20px;
}