#bg {position:fixed; top:0; left:0; width:100%; height:100%;}

#inner
      {
      position: absolute;
      left: 50%;
      top :50%;
      width: 980px;
      height: 481px;
      margin-left: -490px;  /* half of width */
      margin-top: -220px;   /* half of height */
      }

#max1 {
width:100%;
height:40px;
position:absolute;
top:0;
left:0;
background-color: #000;
}	  

#max2 {
width:100%;
text-align: right;
position:absolute;
bottom:0;
left:0;
}	


#ybox{
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
vertical-align:middle;
}	  

#box1,#box2,#box3,#box4,#box5,#box6{
width:0;
height:0;
overflow: hidden;
position:absolute;
background-image: url(box_bg2.png);
display:none;
}

#show1,#show2,#show3,#show4,#show5,#show6{
	width: 320px;
	height: 0;
	overflow: hidden;
	position: absolute;
	display: none;
}

#box1,#show1{top:0;left:0}
#box2,#show2{top:0;left:330px;;}
#box3,#show3{top:0;left:660px;}
#box4,#show4{top:245px;left:0;}
#box5,#show5{top:245px;left:330px;}
#box6,#show6{top:245px;left:660px;}

#box1{background-image: url(box_bg1.png);}
#show3{background-image: url(cube_260UV.png);}


.pad1{
	top:43px;
	left: 27px;
	position: absolute;
}


.pad2 a:link,.pad2 a:visited,.pad2 a:hover {
top:180px;
left: 160px;
position: absolute;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
color: #FFCC00;
text-decoration:none;
font-size: 15px;
font-weight: 700;
padding: 0 0 4px 0;
margin:0;
}

.pad3 h1{
top:25px;
left: 20px;
position: absolute;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
color: #eee;
text-decoration:none;
font-size: 22px;
padding: 3px 0 12px 0;
margin:0px;
width: 200px;
}

.pad4{
top:55px;
left: 20px;
width:280px;
position: absolute;
font-family:Arial, Helvetica, sans-serif;
color: #999;
text-decoration:none;
font-size: 12px;
}

.pad4 b{
color: #fff;
font-weight: 100;
}

.pad5{
top:68px;
left: 20px;
width:280px;
position: absolute;
font-family:Arial, Helvetica, sans-serif;
color: #999999;
text-decoration:none;
font-size: 12px;
line-height: 18px;
}

.pad5 a:link,.pad5 a:visited,.pad5 a:hover {
	color: #fff;
	text-decoration: underline;
}

#out{
	top: 13px;
	left: 10px;
position: absolute;
font-size: 9px;
color: #666;
}
#link{
	top: 13px;
	right: 10px;
	position: absolute;
	font-size: 11px;
	color: #fff;
}

#link a:link,#link a:visited,#link a:hover {
	text-decoration: none;
	color: #fff;
}

.test{
	background-color: aqua;
	position: relative;
	z-index: 100;
}
/*---------*/
html {height:100%;}
body {height:100%; margin:0; padding:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		background-color: #C6C6C6;
		color:#fff;
		line-height: 14px;
}

img{border:0;}

ul {
position:relative;
list-style:none;
margin:0;
padding:3px 0;
}

li {
background-image:url(plus_min.png);
background-repeat:no-repeat;
background-position:0 7px;
font-weight:400;
margin:8px 0;
padding:2px 0 0 10px
}