.ani_prev .content{
	margin-top:-39px;
	-moz-transform:skewY(5deg);
	-webkit-transform:skewY(5deg);
	-o-transform:skewY(5deg);
	-ms-transform:skewY(5deg);
}
.ani_next .content{
	margin-top:-39px;
	-moz-transform:skewY(-5deg);
	-webkit-transform:skewY(-5deg);
	-o-transform:skewY(-5deg);
	-ms-transform:skewY(-5deg);
}
.ani_next + .ani_next .content{
	margin-top:-79px;
	-moz-transform:skewY(-10deg);
	-webkit-transform:skewY(-10deg);
	-o-transform:skewY(-10deg);
	-ms-transform:skewY(-10deg);
}
html{
	height:100%;
}
body{
	height:100%;
	background:url(/images/bg.jpg) center #FFF fixed;
	background-size:cover;
	overflow-x:hidden;
	overflow-y:scroll;
}
body, a{
	color:#FFF;
}
body, textarea{
	font-family:Calibri, Arial, Verdana;
	font-size:17px;
	line-height:1.4;
	letter-spacing:1px;
}
h1{
	margin-bottom:20px;
	font-size:24px;
	font-weight:normal;
}
h2{
	margin-top:10px;
	margin-bottom:0px;
	font-size:18px;
	font-weight:bold;
}
td, th{
	padding:0px 8px 8px 0px;
	text-align:left;
	vertical-align:top;
}
	td b, th b{
		white-space:nowrap;
	}
img.left{
	float:left;
	margin:0px 20px 20px 0px;
}

img.right{
	float:right;
	margin:0px 0px 20px 20px;
}
.contactform{
	position:relative;
	max-width:400px;
}
	.contactform textarea{
		display:block;
		margin:0px 0px 10px;
		width:100%;
		height:90px;
		padding:0px 5px;
		background:#FFF;
		border:solid 1px #021b5e;
		box-sizing:border-box;
	}
	.contactform div{
		margin-right:100px;
	}
		.contactform input.text{
			margin:0px;
			width:100%;
			height:24px;
			padding:0px 5px;
			background:#FFF;
			border:solid 1px #021b5e;
			box-sizing:border-box;
		}
	.contactform input.submit{
		position:absolute;
		right:0px;
		bottom:0px;
		margin:0px;
		width:90px;
		height:24px;
		background:#000;
		border:solid 1px #000;
		color:#FFF;
		background:#FFF;
		border:solid 1px #FFF;
		outline:solid 1px #999;
		outline-offset:-2px;
		color:#000;
		font-weight:bold;
		box-sizing:border-box;
		cursor:pointer;
	}
	.contactform .loading{
		position:absolute;
		top:50%;
		left:50%;
		margin:-24px 0px 0px -24px;
		width:32px;
		height:32px;
		background:url(/images/loader.gif) center #000;
		border:solid 8px #000;
		border-radius:24px;
	}
#body input[disabled], #body textarea[disabled]{
	background:#CCC;
	opacity:.5;
}
#body{
	position:relative;
	min-height:100%;
	z-index:2;
}

	#header{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		z-index:2;
	}
		#logo{
			display:block;
			margin:0px auto;
			width:900px;
		}
			#logo img{
				display:block;
				width:100%;
			}
		#menu_container{
			position:relative;
			margin-top:-55px;
			height:55px;
			background:url(/images/000000x70.png);
			background:rgba(0,0,0,.6);
		}
			#menu_content{
				margin:auto;
				width:900px;
			}
				#menu{
					padding-left:65px;
					font-size:24px;
					line-height:55px;
				}
					#menu a{
						float:left;
						text-decoration:none;
					}
					#menu span{
						float:left;
						padding:0px 10px;
					}
				#slide_menu{
					display:none;
					position:relative;
					height:55px;
				}
					#slide_menu a{
						position:absolute;
						top:10px;
						width:38px;
						height:38px;
						text-indent:-999px;
						overflow:hidden;
					}
					#slide_menu_left{
						display:none;
						left:6px;
						background:url(/images/arrow_left.png);
					}
					#slide_menu_right{
						right:6px;
						background:url(/images/arrow_right.png);
					}
	#content_container{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		min-height:100%;
		z-index:1;
	}
		#content{
			margin:auto;
			width:900px;
		}
			.page{
				float:left;
				margin-right:200px;
				width:900px;
				overflow:hidden;
				transition-property:left;
				transition-duration:.3s;
				transition-timing-function: linear;
				-webkit-transition-property:left;
				-webkit-transition-duration:.3s;
				-webkit-transition-timing-function: linear;
			}
			.page_js{
				position:absolute;
			}
				.content{
					position:relative;
					transition-property:-webkit-transform, -moz-transform, -o-transform, -ms-transform, margin-top;
					transition-duration:.3s;
					transition-timing-function: linear;
					-webkit-transition-property:-webkit-transform, margin-top;
					-webkit-transition-duration:.3s;
					-webkit-transition-timing-function: linear;
				}
				.page_js .content{
					padding-top:193px;
				}
					div.text{
						padding:65px;
						background:url(/images/000000x70.png);
						background:rgba(0,0,0,.7);
					}
					.text img{
						max-width:100%;
					}
				.prev, .next{
					position:fixed;
					top:0px;
					height:100%;
					cursor:pointer;
				}
		.loading .page{
			height:100%;
		}
			.loading .content{
				height:100%;
			}
				.loading .text{
					display:none;
				}
	#start{
		display:none;
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-106px;
		margin-left:238px;
		width:212px;
		height:212px;
		background:url(/images/start.png);
	}
	#wiki_container{
		display:none;
		position:absolute;
		left:0px;
		bottom:0px;
		width:100%;
	}
		#wiki_content{
			position:relative;
			margin:auto;
			width:900px;
			height:0px;
		}
			#wiki{
				position:absolute;
				right:0px;
				bottom:25px;
				padding:15px;
				background:url(/images/000000x70.png);
				background:rgba(0,0,0,.6);
				text-align:right;
				font-size:16px;
			}
				#wiki b{
					font-size:18px;
				}
	#loading{
		display:none;
		position:absolute;
		right:5px;
		bottom:5px;
		padding:0px 10px 0px 63px;
		height:60px;
		/*background:url(/images/loader.gif) 10px center no-repeat #000;*/
		line-height:60px;
		font-size:40px;
		z-index:3;
		opacity:.01;
	}
#bg{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1;
}
	#bg div{
		display:none;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background:center no-repeat;
		background-size:cover;
	}
	.ani_bg{
		display:block;
		opacity:0;
		transition-property:opacity;
		transition-duration:.3s;
		transition-timing-function: linear;
		-webkit-transition-property:opacity;
		-webkit-transition-duration:.3s;
		-webkit-transition-timing-function: linear;
		z-index:1;
	}
	.bg_last{
		opacity:0;
		z-index:2;
	}
	.bg_current{
		opacity:1;
		z-index:3;
	}
#width{
	width:2px;
	height:0px;
	overflow:hidden;
}
@media all and (min-width: 10px){
	.ani_prev .content{
		margin-top:-15px;
	}
	.ani_next .content{
		margin-top:-15px;
	}
	table, tbody, tr, th, td{
		display:block;
	}
	#body{
		background-attachment:fixed;
	}
	#logo{
		width:100%;
		max-width:900px;
	}
		#menu_container{
			margin-top:0px;
			height:auto;
			overflow:hidden;
		}
			#menu_content{
				width:auto;
			}
				#menu{
					padding:10px;
					font-size:20px;
					line-height:1.3;
					overflow:hidden;
				}
	#content{
		width:80%;
	}
		.page{
			width:80%;
		}
			div.text{
				padding:20px;
			}
	#start{
		margin-top:-126px;
		margin-left:-106px;
	}
	#wiki_container{
		position:static;
	}
		#wiki_content{
			position:static;
			width:auto;
		}
			#wiki{
				left:10px;
				right:10px;
				bottom:10px;
			}
	#loading{
		padding:0px 5px 0px 40px;
		border:solid 5px #000;
		background-position:left center;
		background-size:contain;
		line-height:30px;
		height:auto;
		font-size:20px;
	}
	#width{
		width:1px;
	}
}
@media all and (min-width: 680px){
	#menu_container{
		margin-top:-55px;
		height:55px;
	}
		#menu_content{
			max-width:900px;
		}
		#menu{
			padding:0px 0px 0px 65px;
			font-size:24px;
			line-height:55px;
		}
}
@media all and (min-width: 1000px){
	.ani_prev .content{
		margin-top:-39px;
	}
	.ani_next .content{
		margin-top:-39px;
	}
	table{
		display:table;
	}
	tbody{
		display:table-row-group;
	}
	tr{
		display:table-row;
	}
	th, td{
		display:table-cell;
	}
	#body{
		background-attachment:fixed;
	}
	#logo{
		width:900px;
	}
	#content{
		width:900px;
	}
		.page{
			width:900px;
		}
			div.text{
				padding:65px;
			}
	#start{
		margin-top:-106px;
		margin-left:238px;
	}
	#wiki_container{
		position:absolute;
	}
		#wiki_content{
			position:relative;
			width:900px;
		}
			#wiki{
				left:auto;
				right:0px;
				bottom:25px;
			}
	#width{
		width:2px;
	}	
}