html,body,#bg,#bg table,#bg td,#cont{ width:100%; height:100%; overflow:hidden; }
body{ cursor:default; background: #818181; }
.box div img{ padding-bottom:0; }
img{ display:block; }

#bg div{
	position:absolute;
	width:200%;height:200%;
	top:-50%;
	left:-50%; }

#bg td{
	vertical-align:middle;
	text-align:center; }

#bg img{ 
	min-height:50%; 
	min-width:50%;
	margin:0 auto; }
	
	
	
#cont{ 
	position:absolute;
	bottom:0;
	z-index:20;
	overflow:hidden; 
	height:50px; }
	
	
	#list-box {
		width:440px;
		height:800px;
		position:absolute;
		top:360px;
		z-index:10;
		overflow:hidden; 
		height:230px;
		padding:0 0 0 120px; }
		
		#list-box ul {
			width:125px;
			margin:0 10px 0 0;
			float:left; }
			
			#list-box ul li {
				width:125px;
				height:24px; 
				margin:0; 
				padding:0;
				list-style:none;}
				
			#list-box ul li.2008 {
				background: red url(/img/2008.png) no-repeat 0 0;
				display:block; }
			
		#list-box ul li a.galaxy {
			width:125px;
			height:24px;
			display:block;
			background: url(/img/gallaxy91-button.png) no-repeat 0 0; }
			
		#list-box ul li a.galaxy:hover {
			width:125px;
			height:24px;
			display:block;
			background: url(/img/gallaxy91-button.png) no-repeat 0 -25px; }
			
		#list-box ul li a.contra {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/contracontra-button.png) no-repeat 0 0; }
			
		#list-box ul li a.contra:hover {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/contracontra-button.png) no-repeat 0 -25px; }
			
		#list-box ul li a.stretch {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/stretch108-button.png) no-repeat 0 0; }
			
		#list-box ul li a.stretch:hover {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/stretch108-button.png) no-repeat 0 -25px; }
			
		#list-box ul li a.helix {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/helix-button.png) no-repeat 0 0; }
			
		#list-box ul li a.helix:hover {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/helix-button.png) no-repeat 0 -25px; }
			
		#list-box ul li a.oblique {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/oblique-button.png) no-repeat 0 0; }
			
		#list-box ul li a.oblique:hover {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/oblique-button.png) no-repeat 0 -25px; }
			
		#list-box ul li a.ryum {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/ryum-button.png) no-repeat 0 0; }
			
		#list-box ul li a.ryum:hover {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/ryum-button.png) no-repeat 0 -25px; }
			
		#list-box ul li a.bristle {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/bristle-button.png) no-repeat 0 0; }
			
		#list-box ul li a.bristle:hover {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/bristle-button.png) no-repeat 0 -25px; }
			
		#list-box ul li a.onega {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/onega-button.png) no-repeat 0 0; }
			
		#list-box ul li a.onega:hover {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/onega-button.png) no-repeat 0 -25px; }
			
		#list-box ul li a.cairn {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/cairn-button.png) no-repeat 0 0; }
			
		#list-box ul li a.cairn:hover {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/cairn-button.png) no-repeat 0 -25px; }
			
		#list-box ul li a.kun77 {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/kun77-button.png) no-repeat 0 0; }
			
		#list-box ul li a.kun77:hover {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/kun77-button.png) no-repeat 0 -25px; }
			
		#list-box ul li a.kun14 {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/kun14-button.png) no-repeat 0 0; }
			
		#list-box ul li a.kun14:hover {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/kun14-button.png) no-repeat 0 -25px; }
			
		#list-box ul li a.furling {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/furling-button.png) no-repeat 0 0; }
			
		#list-box ul li a.furling:hover {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/furling-button.png) no-repeat 0 -25px; }
			
		#list-box ul li a.cluster {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/cluster-button.png) no-repeat 0 0; }
			
		#list-box ul li a.cluster:hover {
			width:125px;
			height:24px;
			display:block;
			background:url(/img/cluster-button.png) no-repeat 0 -25px; }
			
.box { 	
	width: 100%;
	height:50px;
	position:absolute;
	bottom:0;
	display:block;
	z-index:21; }

*a{position:relative;}