html, body, div, ul {
	margin: 0;
	padding: 0;
}


body {
	height: 100%;
	margin: 0;
	padding: 0;
font-family: 'Old Standard TT', serif;	font-size: 10px;
	background: #e5e5e5; 
	position: relative;
	
	
	}

	
	A:link {color:#181818}
	A:visited {color:#181818}
	A:active {color:#181818}
	A:hover {color:#888
	
	}


	
	
	
	div.background {position:fixed; 
	bottom: 0px;
	margin: 5px;
	color: #444444;
	font-size: 1em;
	line-height: 148px;
	z-index:3;
	}



	
	div.content {    text-align: left;
	width: 690px;
	height: 500px;
	padding-left: 5px;
	margin: 0 auto;
	}

	
	
	
.myButtonLink {
	display: block;
	width: 100px;
	height: 100px;
	background: url('/pics/thumb_gamebook.jpg') bottom;
	text-indent: -99999px;
}
.myButtonLink:hover {
	background-position: 0 0;
}



#content {
	width: 690px;
	margin: 40px auto 0 auto;
	padding: 0 60px 30px 60px;
	border: solid 1px #cbcbcb;
	background: #fafafa;
	-moz-box-shadow: 0px 0px 10px #cbcbcb;
	-webkit-box-shadow: 0px 0px 10px #cbcbcb;

}

hr {
	border: none;
	height: 1px; line-height: 1px;
	background: #cacaca;
	margin-bottom: 20px;
	padding: 0;
}

p {
	margin: 0;
	padding: 1px 0;
	line-height: 153%;
}

a {
	outline: none;
}

a img {
	border: 0px solid #cacaca;
	padding: 1px;
	margin: 10px 20px 10px 0;
	vertical-align: top;
}


a img.last {
	margin-right: 0;	
	
}

a icons {
	border: 0px solid #444444;
	padding: 0px;
	margin: 0px 0px 0px 0;
	vertical-align: top;
}
	
	

ul {
	margin-bottom: 24px;
	padding-left: 30px;
	
	}


/* the overlayed element */
.simple_overlay {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:#444444;
 
    width:690px;
    min-height:200px;
    border:1px solid #666;
 
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #444;
    -webkit-box-shadow: 0 0 90px #444;
}
 
/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(/media/img/overlay/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

 /* styling for elements inside overlay */
  .details {
  position:absolute;
  top:15px;
  right:15px;
  font-size:11px;
  color:#444;
  width:150px;
  }
 
  .details h3 {
  color:#aba;
  font-size:15px;
  }
  
  
  
  
  
  
  
  
  
  .gallery li {
    float: left;
    margin-right: 0px;
    list-style-type: none;
    margin-bottom: 0px;
    display: block;
    height: 150px;
    width: 150px;
    position: relative;
}

img.grey {
	position: absolute;
	left: -35px;
	top: -8px;
	z-index: 10;

}
 
img.color {
	position: absolute;
	left: -35px;
	top: -8px;
}





  .gallery2 li {
    float: left;
    margin-right: 15px;
    list-style-type: none;
    margin-bottom: 0px;
	margin-top: 2px;
    display: block;
    height: 0px;
    width: 150px;
    position: relative;
}

img.grey2 {
	position: absolute;
	left: -35px;
	top: -8px;
	z-index: 10;

}
 
img.color2 {
	position: absolute;
	left: -35px;
	top: -8px;
}
  
  
  
  
  
  
  
  
  
  
  
  
  /*--Main Container--*/
.main_view {
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:283px;	width: 708px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: -4px;
	left: 0px;
	height: 905px;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 0px; left: 0px;
	width: 170px; height: 40px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 0px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 0px;
	text-decoration: none;
	color: #aaa;
}