html, body{
margin: 0; 
padding: 0;
text-align: center;
}

body{
background-image: url(images/gx1.jpg);
background-repeat: repeat;
text-align: center;
}

h1{
font: bold 1.0em Tahoma;
text-transform: uppercase;
color: #fdf5e6;
text-align: justify;
}

h2{
font: small-caps 0.85em "Times New Roman", Times, serif;
font-weight: bold;
color: #ffe4e1;
}

p{
font: 0.7em MS Sans Serif, Geneva, Helvetica, sans-serif;
color: #b0e0e6;
text-align: justify;
}

strong{
color: #ffd700;
}

hr{
width: 100%;
}

a{
font: 0.7em MS Sans Serif, Geneva, Helvetica, sans-serif;
color: #ff4500;
}

#container{
width: 800px;
margin: 0.5em auto 0.5em auto;
background: none;
text-align: center;
-moz-border-radius: 20px;
padding: 2px;
}

#topblock{
width: 800px;
margin: 15px auto 15px auto;
padding: 20px;
text-align: center;
border: 3px ridge #696969;
-moz-border-radius: 20px;
}

#topblock .buttonwrapper{
overflow: hidden;
width: 100%;
text-align: center;
margin-left: 25px;
}

#topblock a.squarebutton{
background: transparent url('images/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial;
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

#topblock a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #000;
}

#topblock a.squarebutton span{
background: transparent url('images/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

#topblock a.squarebutton:hover{
background-position: bottom left;
}

#topblock a.squarebutton:hover span{
background-position: bottom right;
color: #9400d3;
}

#topblock .hrsp{
width: 800px;
margin: 0.5em auto 0.5em auto;
background: none;
text-align: center;
padding: 2px;
}

#rotator{
border: 2px ridge #696969;
overflow: hidden;
width: 525px;
height: 490px;
margin-left: 135px;
text-align: center;
}

#rotator img{
border: 2px solid #696969;
cursor: pointer;
width: 525px;
height: 490px;
text-align: center;
}

#rotator iframe{
border: none;
overflow: hidden;
text-align: center;
}

table.rotate{
margin-left: auto;
margin-right: auto;
text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
border: 2px ridge #696969;
margin-top: 2px;
}

table.rotate td.rot{
background-color: #bec8d1;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040;
padding: 2px;
}

table.rot td{
border: none;
font-family: Verdana, sans-serif, Arial;
text-align: center;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #000;
} 

.servBodL{
text-align: right;
border: none;
width: 100%;
}

#container li{
float: left;
width: 150px;
height:125px;
list-style-type:none;
border: 1px dotted green;
-moz-border-radius-topright:10px;
margin: 1em;
text-align: center;
font-size: 0.9em;
font-family: Franklin Gothic Medium;
color: #f0e68c;
display:inline;
}

li img{
border: 0.05em dotted #00bfff;
text-align: center;
}

ul#photos li a span{
display: none;
color: #f0e68c;
text-align: center;
}

ul#photos li a:hover span{
display: block;
color: #00008b;
background-color: #dcdcdc;
-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: 80;
background: #dcdcdc;
padding: 2em;
margin: 1em;
font: 0.9em Arial, Helvetica, sans-serif;
text-align: center;
border:1px solid red;
-moz-border-radius: 20px;
}