html, body {
margin: 0;
padding: 0;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
background: #cedde8;
}
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; color: #ff4040;font-weight:bold;text-align:center}
h2 { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 15pt; color: #ff4040;font-weight:bold;text-align:center}
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13pt; color: #6a95b8;font-weight:bold;text-align:center}

p {
font: 10pt Verdana, Arial, Geneva, Helvetica, sans-serif;
text-align:left;
}
.intro {
font-weight:bold;
color: #6a95b8;
}
#container {
width: 550px;
margin: 0.5em auto 0.5em auto;
background: #fff;
text-align:center;
-moz-border-radius: 20px;
padding: 0.5em;
}
#container li {
float: left;
width: 120px;
height:120px;
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;
text-transform: uppercase;
font-size: .85em;
}
#photo, #pictureScreenObject {
display:none;
position: absolute;
left:15%;
z-index:100;
background:#fff;
padding:2em;
margin:1em;
font: 0.9em Arial, Helvetica, sans-serif;
border:1px solid #ccc;
text-align: center;
-moz-border-radius: 20px;
}