#background  {
   position: absolute;
   z-index: 0;
   width: 800px;
   height: 860px;
   background-color: #c0c0c0;
}

html, body  {
   margin: 5px;
   background-color: #c0c0c0;
   font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
#glamourphotoslogo2  {
   background: url(07media/glamourphotoslogo2.gif) no-repeat;
   position: absolute;
   z-index: 7;
   width: 800px;
   height: 152px;
}

.jgrbutton{
position: relative; left: 2em; margin-bottom:1em;
 
background-color: #c0c0c0;
border: 2px #c0c0c0 outset;
padding: 1px 4px;
color: white;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.jgrbutton:visited{
color: black;
}

.jgrbutton:hover{
border-style: inset;
background-color: #c0c0c0;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.jgrbutton:active{
color: black;
}

#inforettiepopup  {
   background: url(07media/inforettiepopup.gif) no-repeat;
   visibility: hidden;
   position: absolute;
   left: 174px;
   top: 276px;
   z-index: 6;
   width: 400px;
   height: 280px;
}

#inforettiebutton  {
   position: absolute;
   left: 22px;
   top: 144px;
   z-index: 22;
   width: 72px;
   height: 61px;
}

#inforettiebutton a  {
   background: url(07media/inforettiebutton.gif) no-repeat;
   display: block;
   height: 61px;
   width: 72px;
   background-position: 0% 0px;
}

#inforettiebutton a:hover  {
   background-position: -72px 0%;
}

#i2002  {
   margin: 0px auto 0px auto;
   width: 800px;
   position: relative;
}