body {
  background: url(gfx/bgblack.jpg);
  background-repeat:repeat-x;
  color: #ffffff;
  font:90% "courier new", Georgia, serif;
}


a{
	color: #ffffcc;
	text-decoration: none;
	font-family: "courier new", sans-serif;
	font-weight: bold;
	font-size: 1.2em;

}

a:link{
	color: #ffffcc;
	text-decoration: none;
}

a:visited{
	color: #ffffff;
	text-decoration: none;
}

a:hover{
	color: #ff6600;
	text-decoration: none;
}

.thumbnail{
position: absolute;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: relative;
padding: 5px;

border: 1px;
visibility: hidden;
color: white;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 10px; /*position where enlarged image should offset horizontally */

}




#mainimage {
  position: absolute;
  top: 215px;
  left: 40px;
    z-index: 6;
}



#arrow {
  position: absolute;
  background: url(gfx/book/arrow.gif) no-repeat;
  width: 180px;
  height: 160px;
  top: 320px;
  right: 10px;
    z-index: 4;
}

#squiggleman {
  position: absolute;
  background: url(gfx/book/squiggleman.gif) no-repeat;
  width: 67px;
  height: 149px;
  top: 340px;
  right: 80px;
    z-index: 4;
}

#squiggle {
  position: absolute;
  background: url(gfx/book/squiggle.gif) no-repeat;
  width: 127px;
  height: 202px;
  top: 270px;
  right: 100px;
    z-index: 7;
}

#title {
  position: absolute;
  width: 50%;
  height: 55px;
  text-align:center;
  top: 85px;
  left: 310px;
    z-index: 5;
}

#intro {
  position: absolute;
  top: 160px;
  left: 302px;
  width: 50%;
  height: 350px;
  text-align:justify;

  color: #ffffff;
  font:90% "courier new", Georgia, serif;
  z-index: 5;
}

#thumbnails {
  position: absolute;
  top: 270px;
  left: 280px;
  margin-top: 0px;
  margin-left: 20px;
  width: 800px;
  height: 100px; 
  z-index: 6;
}


#olga {
  position: absolute;
  top: 185px;
  left: 0%;
  width: 217px;
  height: 220px;
  background: url(gfx/nav/nii.gif) no-repeat;
  text-indent: -9999em;
  margin: 0;
  z-index: 6;
}

#nav {
  position: absolute;
  text-align:right;
    width: 200px;
  top: 100px;
  left: 40px;
  z-index: 8;
}

#events {
  position: absolute;
  text-align: right;
  width: 200px;
  height: 400px;
  top: 160px;
  right: 50px;
    z-index: 7;
}


#buy {
  width: 45%;
    align: left;
}

#blanket {
background-color:#111;
opacity: 0.90;
filter:alpha(opacity=90);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}

#popUpDiv {
position:absolute;
background-color:#00000;
text-align:left;
left: 50%;
z-index: 9002;
}

#popUpDiv2 {
position:absolute;
background-color:#00000;
left: 50%;
z-index: 9002;
}

#popUpDiv3 {
position:absolute;
background-color:#00000;
left: 50%;
z-index: 9002;
}