@charset "utf-8";
/* CSS Document */
/*--------------------------------------------------------------------------
  Old School Cameras - style sheet for credits area in home page - index.htm
  - redesign, development, and code by: Sean Glassford
  - last updated: 4/1/2012
  - Copyright 2012, Old School Cameras, All Rights Reserved
----------------------------------------------------------------------------*/

html,body {
    height:100%;
    margin:0;
    padding:0;
}
/* general settings for both scrollables */
.items {	
	width:20000em;	
	position:absolute;
	clear:both;
}
/* next-prev buttons */
.navi {
	background-image:url(../images/hori_large.png);
	width:30px;
	height:30px;
	float:left;
	margin:60px 0 0 6px;
	cursor:pointer;
}
.navi:hover { background-position:-30px 0; }
.navi:active { background-position:-60px 0; }
.next { background-position: 0 -30px; clear:right; }
.next:hover { background-position:-30px -30px; }
.next:active { background-position:-60px -30px; }
.navi.disabled { visibility:hidden; }

/* the thumbnail scrollable */
#thumbnails {
	position:relative;
	overflow:hidden;	 	
	float:left;	
	width:835px;	
	height:155px;
	margin-top:0px;
}
#thumbnails .items div {
	padding:5px;
	float:left;
}
/* overlay styling */
#box {
	background-image:url(../images/credits_black.png);
	width:480px;
	height:715px;
	position:absolute;
	display:none;
}
/* image is contained on the overlay background image. the closing button is thus just a transparent container. */
#box .close {
	position:absolute;
	left:12px;
	top:12px;
	cursor:pointer;
	height:30px;
	width:30px;
	text-decoration:none;
}
/* overlay scrollable */
#images {	
	position:absolute;
	overflow:hidden;
	top:40px;
	left:40px;
	width:400px;
	height:610px;	
}
/* single image */
#images .items div {
	float:left;
	width:400px;
	height:610px;
	margin-right:30px;
}
/* override button style on the overlay */
#box .navi {
	position:absolute;
	top:310px;
	left:39px;
}
#box .next {
	left:455px;
	margin:5px 4px 0 5px;
}
#box .prev {
	left:-10px;
	margin:5px 4px 0 0;
}