body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  font-size: small;
  background: url('../img/background_850px.gif') repeat-y 50% 0;
  }

* html body {
  font-size: x-small; /* for IE5/Win */
  f\ont-size: small; /* for other IE versions */
  }

#wrap {margin: 0 auto; padding: 0; width: 850px;}



#container {
  margin: 0;
  padding: 0;
  font-size: 100%;
  }

.rollpic1{
position: relative;
z-index: 0;
}
.rollpic1:hover{
background-color: transparent;
z-index: 50;
}
.rollpic1 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #444;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}
.rollpic1 span img { /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.rollpic1:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px;
left: -565px; /*position where enlarged image should offset horizontally */
}





.rollpic2{
position: relative;
z-index: 0;
}
.rollpic2:hover{
background-color: transparent;
z-index: 50;
}
.rollpic2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #444;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}
.rollpic2 span img { /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.rollpic2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px;
left: -735px; /*position where enlarged image should offset horizontally */
}




.rollpic3{
position: relative;
z-index: 0;
}
.rollpic3:hover{
background-color: transparent;
z-index: 50;
}
.rollpic3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #444;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}
.rollpic3 span img { /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.rollpic3:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -130px;
left: -620px; /*position where enlarged image should offset horizontally */
}


.rollpic4{
position: relative;
z-index: 0;
}
.rollpic4:hover{
background-color: transparent;
z-index: 50;
}
.rollpic4 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #444;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}
.rollpic4 span img { /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.rollpic4:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -130px;
left: -790px; /*position where enlarged image should offset horizontally */
}




.rollpic5{
position: relative;
z-index: 0;
}
.rollpic5:hover{
background-color: transparent;
z-index: 50;
}
.rollpic5 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #444;
padding: 5px;
left: -1000px;
border: 1px solid #000;
visibility: hidden;
color: black;
text-decoration: none;
}
.rollpic5 span img { /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.rollpic5:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -250px;
left: -645px; /*position where enlarged image should offset horizontally */
}




.rollpic6{
position: relative;
z-index: 0;
}
.rollpic6:hover{
background-color: transparent;
z-index: 50;
}
.rollpic6 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #444;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}
.rollpic6 span img { /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.rollpic6:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -250px;
left: -815px; /*position where enlarged image should offset horizontally */
}