/* by dom@mcedit.com 2004-10-29 */

	
body {}

html, body {
	font:13px/16px helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #a0a0a0;
	background-color:#494949;
	overflow:hidden;
	}
	
a { 
	color: #a0a0a0;
	background:transparent;
	text-decoration:none;
	outline: 0
	}

a:hover {
	color:#fff;
	background:transparent;
	}

#wrapper {
	margin: -300px 0 0 -449px;
	position: absolute;
	top: 50%;
	left: 50%;
	height:600px;
	width:900px;
	background-color:#4e4e4e;
}

#content {
	float:left;
	margin:50px 0 0 90px;
	height:300px;
	width:510px;
	text-align:justify;
	/*padding-left:0px;*/
	clear:right;
	}
	
#header {
	position:relative;
	top:0px;
	left:210px;
	height: 65px;
	margin: 0 auto;
	}

#header a {
	border-bottom: none
	}

#inkan {
	position:relative;
	left:200px;
	top:230px;
}

#leftcol {
	float: left;
	width: 98px;
	margin: 25px 0 0 10px;
	color: #000;
	padding: 3px;
	height:480px;
	}

div#leftcol a {
	display: block; 
	text-align: center; 
	height:35px;
	padding-top:25px;
	margin: 5px; 
	border-width: 0; 
	text-decoration: none; 
	letter-spacing:1px;
	color: #a0a0a0; 
	/*background: #000;
	background-image: url(../image/unmask.png);
	background-repeat: no-repeat;*/
	overflow:hidden;
	}

div#leftcol a:hover {
	color: #fff; 
}

#footer {
	width:550px;
	height:35px;
	font-size:85%;
	text-align: center;
	letter-spacing:1px;
	padding-top: 35px;
	margin:0 auto;
	z-index:100;
	clear:both;
	}

#pageDIV {float:left;
	margin-top:40px;
	margin-left:242px;
	width:150px;
	height:20px;
	text-align: right;
	font: bold 12px/18px verdana, lucida, arial, sans-serif;
	}

div.float {
	float: left;
	margin-left:5px;
	margin-top:15px;
	margin-bottom:15px;
	width:160px;
	}

div.float a {
	border-bottom: none;
	}

div.float p {
	text-align: center;
	margin-top:2px;
	width:115px;
	}

div#content #bookr,div#content #bookr { float:left; margin:0 10px 15px 0; }
div#content #bookl,div#content #bookl { float:right; text-align:right;margin:0 10px 10px 10px; }
div#content img { border:3px solid #000; margin: 2px 4px 0 0; }
div#content img[name='blend'] { border:0;margin: 0; }
div#content a img:hover { border-color: #fff; }

#blendme { border:3px solid #000; margin:60px auto; width:147px; height:101px; overflow:hidden}

#rule {
	left:0px;
	width:95%;
	height:5px;
	margin:5px;
	}
	
#copy {
	position:absolute;
	top:50px;
	left:40px;
	height:auto;
	width:350px;
	color:#fff;
	background:#000;
	padding:30px;
	font-size: 14px;
	z-index:200;
	display: none; 
	text-align: justify;
	}

#prev { position:absolute; display:none;}
#next { position:absolute; display:none;/*width:460px*/}
#transIMG { position:relative;left:0; margin:0}

.blend img {
filter: alpha(opacity=0);
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
}

.transSwap0 {
 filter: alpha(opacity=0);
 -moz-opacity: 0;
 -khtml-opacity: 0;
 opacity: 0;
}

.transSwap1 {
 filter: alpha(opacity=10);
 -moz-opacity: .1;
 -khtml-opacity: .1;
 opacity: .1;
}

.transSwap2 {
 filter: alpha(opacity=20);
 -moz-opacity: .2;
 -khtml-opacity: .2;
 opacity: .2;
}

.transSwap3 {
 filter: alpha(opacity=30);
 -moz-opacity: .3;
 -khtml-opacity: .3;
 opacity: .3;
}

.transSwap4 {
 filter: alpha(opacity=40);
 -moz-opacity: .4;
 -khtml-opacity: .4;
 opacity: .4;
}

.transSwap5 {
 filter: alpha(opacity=50);
 -moz-opacity: .5;
 -khtml-opacity: .5;
 opacity: .5;
}

.transSwap6 {
 filter: alpha(opacity=60);
 -moz-opacity: .6;
 -khtml-opacity: .6;
 opacity: .6;
}

.transSwap7 {
 filter: alpha(opacity=70);
 -moz-opacity: .7;
 -khtml-opacity: .7;
 opacity: .7;
}

.transSwap8 {
 filter: alpha(opacity=80);
 -moz-opacity: .8;
 -khtml-opacity: .8;
 opacity: .8;
}

.transSwap9 {
 filter: alpha(opacity=90);
 -moz-opacity: .9;
 -khtml-opacity: .9;
 opacity: .9;
}

.transSwap10 {
 filter: alpha(opacity=100);
 -moz-opacity: 1;
 -khtml-opacity: 1;
 opacity: 1;
}
