/* canvas */
#mapwrap {
	position:relative;
	width:100%;
	min-width:999px;
	height:517px;
	margin:0px 0px 40px 0px;
	background:#292F3F url('/i/content.jpg') no-repeat 50% 0%;
	overflow:hidden;
}
#canvas { position:relative;}
#canwrap { position:absolute; top:0px;}
	
#lgrad, #rgrad {
	width:120px;
	height:517px;
	position:absolute;
	top:0px;
	left:0px;
	background:url('/i/canvas/l_grad.png') no-repeat;
	z-index:99;
}	#rgrad { left:auto; right:0px; background:url('/i/canvas/r_grad.png') no-repeat;}

#l-arrow, #r-arrow {
	display:block;
	position:absolute;
	top:198px;
	left:94px;
	width:32px;
	height:126px;
	background:url('/i/canvas/bg_arrows.png') no-repeat;
	z-index:100;
	cursor:pointer;
}	#r-arrow { left:auto; right:94px; background-position:0px -126px;}
	#l-arrow { display:none;}



.circle, .circle-1, .circle-2 { position:absolute; top:167px; left:18px; width:180px; height:180px; z-index:1;}
.circle-1 { top:143px; left:304px; width:110px; height:110px; }
.circle-2 { top:263px; left:304px;width:110px; height:110px;}

#stat {display:none;}

.slide-container { position:relative; height:517px; left:0px; z-index:9;}
.slidewrap { position:absolute; width:100%; height:517px; display:none;}
.slide { 
	position:relative; 
	width:760px;
	height:510px;
	margin:0px auto 0px auto; 
	color:#9a9faf; 
	line-height:17px; 
	z-index:1;

}
.slide h2, .music h2, .animatik h2 { padding-bottom:8px; text-transform:uppercase; font:bold 14px Arial, Helvetica, sans-serif; color:#FFF;}
.slide h2 a, .music h2 a, .animatik h2 a {color:#fff;text-transform:uppercase; font:bold 14px Arial, Helvetica, sans-serif;text-decoration:none;letter-spacing:0.1em;}
.slide h2 a span {color:#9a9faf;}
.slide p { padding-bottom:8px;font:12px Arial, Helvetica, sans-serif;line-height:18px;}
.slide a {font:12px Arial, Helvetica, sans-serif;line-height:18px;text-decoration:none;color:#9a9faf;}

.detail-link { 
	position:relative;
	width:139px;
	height:65px; 
	padding:3px 0px 0px 21px; 
	margin:-5px auto 0px auto; 
	background:url(/i/canvas/bg-detail.png) no-repeat !important;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/canvas/bg-detail.png', sizingMethod='crop');
	
	z-index:9999; 
	display:none;
}
.detail-link a { display:block; height:33px; width:115px;}

.slide-container .music {position:absolute;top:35px; left:50%;width:75px; margin-left:-420px;padding:50px 0 20px 150px; display:none; z-index:9999;}
.slide-container .animatik {position:absolute;top:30px; left:50%;width:205px; margin-left:40px; padding:60px 0 20px 150px; display:none; z-index:9999;}


.text-0, .text-1, .text-2 { cursor:pointer;}

/*
	slide 1
*/
.slide-1 .cap-1 {position:absolute;left:154px;top:115px; text-align:center;}
.slide-1 .text-0 {position:absolute;left:125px;top:110px; padding-top:240px; text-align:center;width:175px;}
.slide-1 .text-1 {position:absolute;top:90px; left:400px; padding:20px 0px 0px 150px; width:235px;}
.slide-1 .text-2 {position:absolute;top:290px; left:400px; padding:30px 0px 0px 150px;width:235px;}

.slide-1 .t-0 {left:135px;top:430px;}
.slide-1 .t-1 {left:560px;top:200px;}
.slide-1 .t-2 {left:560px;top:380px;}


/*
	
*/
.slide-0 .cap-1 { position:absolute; top:150px; left:330px;}
.slide-0 .text-0 { position:absolute; width:210px; top:150px; left:250px; padding-top:180px; text-align:center;}


.slide-2 .text-1 {position:absolute;top:190px; left:190px;padding:20px 0px 0px 150px;width:260px;}
.slide-2 .circle { left:10px;}


.slide-3 .text-1 {position:absolute;top:270px; left:160px;padding:20px 0px 0px 160px;width:260px;}
.slide-3 .circle { left:10px;}

.slide-3 .text-2 {position:absolute;top:40px; left:-30px;padding:30px 0px 0px 160px;width:175px;}
.slide-3 .text-3 {position:absolute;top:30px; left:430px;padding:20px 0px 0px 150px;width:205px;}




.slide-5 .text-1 {position:absolute;top:240px; left:160px;padding:20px 0px 0px 170px;width:230px;}
.slide-5 .circle { left:10px;}

.slide-5 .text-2, .slide-6 .text-2, .slide-7 .text-2, .slide-8 .text-2,
.slide-9 .text-2, .slide-10 .text-2, .slide-11 .text-2  {position:absolute;top:80px; left:90px;width:75px;}
.slide-5 .text-3, .slide-6 .text-3, .slide-7 .text-3, .slide-8 .text-3,
.slide-9 .text-3, .slide-10 .text-3, .slide-11 .text-3 {position:absolute;top:80px; left:538px;width:205px;}

.slide-6 .text-1 {position:absolute;top:240px; left:160px;padding:10px 0px 0px 170px;width:250px;}
.slide-6 .circle { left:10px;}
/*.slide-6 .text-2 {position:absolute;top:80px; left:-10px;width:75px;}
.slide-6 .text-3 {position:absolute;top:80px; left:438px;width:205px;}*/

.slide-7 .text-1 {position:absolute;top:240px; left:160px;padding:10px 0px 0px 170px;width:250px;}
.slide-7 .circle { left:10px;}
/*.slide-7 .text-2 {position:absolute;top:110px; left:119px;width:75px;}
.slide-7 .text-3 {position:absolute;top:110px; left:438px;width:205px;}*/

.slide-8 .text-1 {position:absolute;top:240px; left:160px;padding:30px 0px 0px 170px;width:270px;}
.slide-8 .circle { left:10px;}
/*.slide-8 .text-2 {position:absolute;top:110px; left:119px;width:75px;}
.slide-8 .text-3 {position:absolute;top:110px; left:438px;width:205px;}*/

.slide-9 .text-1 {position:absolute;top:240px; left:160px;padding:30px 0px 15px 170px;width:250px;}
.slide-9 .circle { left:10px;}
/*.slide-9 .text-2 {position:absolute;top:110px; left:119px;width:75px;}
.slide-9 .text-3 {position:absolute;top:110px; left:438px;width:205px;}*/

.slide-10 .text-1 {position:absolute;top:240px; left:160px;padding:10px 0px 10px 170px;width:260px;}
.slide-10 .circle { left:10px;}
/*.slide-10 .text-2 {position:absolute;top:110px; left:119px;width:75px;}
.slide-10 .text-3 {position:absolute;top:110px; left:438px;width:205px;}*/

.slide-11 .text-1 {position:absolute;top:240px; left:160px;padding:10px 0px 0px 170px;width:265px;}
.slide-11 .circle { left:10px;}
/*.slide-11 .text-2 {position:absolute;top:110px; left:119px;width:75px;}
.slide-11 .text-3 {position:absolute;top:110px; left:438px;width:205px;}*/

.slide-12 h2 {text-align:center;padding-bottom:175px;}
.slide-12 .text-1 {margin:105px auto 0px auto;width:230px;text-align:center;}

