@import url('reset.css');
@import url('overlays.css');


/* General
------------------------------------------------------------------------------*/
body { background-color: #fff; }

div#wrapper {
	width: 972px;
	height: 620px;
	margin: 40px auto 0 auto;

}

div#wrapper div.thumbnail {
	display: block;
	float: left;
	width: 160px;
	height: 100px;
	border: 1px solid #fff;
}


div#wrapper div.thumbnail a.tn {
	display: block;
	width: 162px;
	height: 102px;
	position: absolute;
	margin: -1px 0 0 -1px;
	background-image: url('../images/transparent_placeholder.gif');
}

div#wrapper div.thumbnail img {
	position: absolute;
	background-image: url('../images/transparent_placeholder.gif');
}

div#wrapper div.hover_image {
	position: absolute;
	background-image: url('../images/transparent_placeholder.gif');
}
/*----------------------------------------------------------------------------*/


/* Cell Background Colours
------------------------------------------------------------------------------*/
div.shade_01 { background-color: #ffffff; }
div.shade_02 { background-color: #e5e5e5; }
div.shade_03 { background-color: #cccccc; }
div.shade_04 { background-color: #b2b2b2; }
div.shade_05 { background-color: #999999; }
div.shade_06 { background-color: #808080; }
div.shade_07 { background-color: #666666; }
div.shade_08 { background-color: #4d4d4d; }
div.shade_09 { background-color: #333333; }
div.shade_10 { background-color: #1a1a1a; }
/*----------------------------------------------------------------------------*/




/* New Navigation (Feb 2010)
------------------------------------------------------------------------------*/
a#nav_prev span,a#nav_next span, a#nav_back span {
	display: none;
}

a#nav_prev, a#nav_next, a#nav_back {
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
}

a#nav_prev {
	margin: 295px 0 0 10px;
	background-image: url('../images/nav_prev.gif');
	left: 0;
}

a#nav_next {
	margin: 295px 10px 0 0;
	background-image: url('../images/nav_next.gif');
	right: 0;
}

a#nav_back {
	left: 50%;
	top: 0;
	margin: 7px 0 0 -12px;
	background-image: url('../images/nav_back.gif');
}

div.html_overlay {
	z-index:500; display: block;
}
/*----------------------------------------------------------------------------*/