/* Controls Bar
----------------------------*/
#controls-wrapper { margin:0 auto; height:30px; width:100%; min-width:535px; bottom:0px; left:0; position:fixed; background-color:#000}
#controls { overflow:hidden; height:100%; position:relative; text-align:left; }

#navigation { float:right; margin:0px 20px 0 0; }

#slidecaption { }
#slidecaption2 { overflow:hidden; float:left; color:#000; font:10px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; margin:0 20px 0 0; line-height:30px; letter-spacing:1px; height:30px}

#play-button{ float:left; margin-top:1px;border-right:1px solid #000; background:url('img/bg-hover.png') repeat-x 0 44px; }
#play-button:hover{ background-position:0 1px; cursor:pointer; }


/*#prevslide, #nextslide{ position:absolute; height:43px; width:43px; top:50%; margin-top:-21px; opacity:0.6;}
#prevslide{ left:10px; background:url('img/back.png'); }
#nextslide{ right:10px; background:url('img/forward.png'); }
#prevslide:active, #nextslide:active{ margin-top:-19px; }
#prevslide:hover, #nextslide:hover{ cursor:pointer; }*/
	
	
/* Thumbnail Navigation
----------------------------*/	
#nextthumb,#prevthumb { position:fixed; bottom:61px; height:75px; width:100px; overflow:hidden; background:#ddd; border:1px solid #000; }
#nextthumb { right:12px; }
#prevthumb { left:12px; }
#nextthumb img, #prevthumb img { width:150px; height:auto;  }
#nextthumb:active, #prevthumb:active { bottom:59px; }
#nextthumb:hover, #prevthumb:hover { cursor:pointer; }
	
	
/* Thumbnail Tray
----------------------------*/			
#thumb-tray{ position:fixed;bottom:0; left:0; background:url(img/bg-black.png); height:83px; width:100%; overflow:hidden; text-align:center; }

ul#thumb-list{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; }
ul#thumb-list li{ background:#111; list-style:none; display:inline; width:80px; height:62px; overflow:hidden; float:left; margin:0; }
ul#thumb-list li img { width:80px; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); }
ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
ul#thumb-list li:hover{ cursor:pointer; }


/* Slide-List
----------------------------*/		
ul#slide-list { display:none; }
/* 
ul#slide-list { padding:15px 0; float:left; position:absolute; left:50%; }
ul#slide-list li { list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; }
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover { background-position:0 0px; }
ul#slide-list li a { display:block; width:12px; height:12px; background:url('img/nav-dot.png') no-repeat 0 -24px; }
ul#slide-list 
li a:hover { background-position:0 -12px; cursor:pointer; }
*/	



/* button
----------------------------*/
.close_button {
	line-height:30px; 
	letter-spacing:1px;
	font-weight:normal;
	text-align:center;
	width:120px;
	float:right;
	border-left:1px solid #333;
	border-right:1px solid #333;
}

#tray-button{ 
	float:right;
	margin:0px;
	padding:0px 10px 0px 30px;
	line-height:30px; 
	width:100px;
	color:#FFF
	}
	
#tray-button:hover{ 
	cursor:pointer;
	color:#90C;
	}



/* button
----------------------------*/	
#store_button,
#credit_button{
	position:absolute;
	top:0px;
	width:130px;
	z-index:2;
	text-align:center;
	}

#credit_button{ 
	display:none;
	left:250px;
	}
	
#credit_open { 
	line-height:30px; 
	letter-spacing:1px;
	cursor:pointer;
	border-right:1px solid #333;
	color:#FFF
	}

#store_button {
	line-height:30px; 
	letter-spacing:1px;
	cursor:pointer;
	border-right:1px solid #333;
	border-left:1px solid #333;
	left:120px;
	color:#FFF
	}

#credit_open:hover, 
#store_button:hover { 
	color: #90C; 
	}


/* credit
----------------------------*/	
#credit_content {
	display:none;
	color:#FFF
	}
	
#credit_info {
	background-image:url(img/bg-black.png);
	position:fixed;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	}	
	
#credit {
	font-size:12px;
	line-height:180%;
	margin:0px auto;
	width:465px;
	}
	
#credit div {
	text-align:left;
	margin:0px auto;
	}			
	
#credit div div {
	padding-bottom:10px; 
	}

#credit h1 {
	font-size:15px;
	padding: 10px 0px 5px;
	}
	
	
/* shop
----------------------------*/
#store_content {
	display:none;
	background:url(img/bg-black.png);
	background-repeat:repeat;
	width: 490px;
	padding:30px 30px 23px;
	position:absolute;
	bottom:30px;
	left: 0px;
	color:#FFF
	}

#store_content .storeinfo_title {
	font-size:12px;
	padding:0px 0px 5px;
	margin:0px;
	}

#store_content .line {
	letter-spacing:1px;
	width:100%;
	padding-bottom:10px;
}

#store_content .storeinfo_name {
	font-weight:bold;
	float:left;	
	width:170px;
}

#store_content .storeinfo_mail {
	float:left;
	width:320px;
}

#store_content .storeinfo_mail a {
	margin-left:5px;
}


#controls-wrapper		{ z-index:10;	}
#controls				{ z-index:10;	}
#thumb-tray				{ z-index:6;	}
#store_content			{ z-index:8;	}
#credit_info			{ z-index:8;	}
#prevslide, #nextslide	{ z-index:1;	}
#nextthumb,#prevthumb	{ z-index:1;	}
	




#prevslide, #lastslide	{ position:absolute; height:43px; width:43px; bottom:50%; margin-top:-21px; opacity:1.0; }
#topslide,#topslide2	{ position:absolute; height:auto; width:auto; bottom:18%; right:0px; margin-top:-21px; opacity:1.0; }
		 
#prevslide { left:10px;background-image:url('../img/common/back.png'); opacity:1.0;}
#lastslide { right:10px; display:none; }
#prevslide:active, #lastslide:active { margin-top:-19px; }
#prevslide:hover, #lastslide:hover, #topslide:hover, #topslide2:hover { cursor:pointer; }

.start_warp2 { 
	position:absolute; 
	opacity:1.0;
	z-index:1; 
	}

.next_css {
	position:absolute; 
	pacity:0.6;
	z-index:1; 
	background-image:url('../img/common/forward.png');
	height:43px;
	width:43px;
	right:10px;
	bottom:50%;
	margin-top:-21px;
	}
.next_css:activ		{ margin-top:-19px; }
.next_css:hover		{ cursor:pointer; }
#start_img:hover	{ cursor:pointer; }
			
ul#slide-list		{ padding:15px 0; float:left; position:absolute; left:50%; }
ul#slide-list li	{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; }
ul#slide-list li.current-slide a,
ul#slide-list li.current-slide a:hover	{ background-position:0 0px; }
ul#slide-list li a	{ display:block; width:12px; height:12px;  }
ul#slide-list li a:hover	{ background-position:0 -12px; cursor:pointer; }