/* INDEX */
#logo{
	width:580px;
	height:100px;
	background:url(../img/index_logo.png) no-repeat;
	text-indent:-9999px;
	margin:0 auto;
}
#logo a{
	display:block;
	width:450px;
	height:70px;
	margin:0 auto;
	overflow:hidden;
}


@-webkit-keyframes BGArea {
	0% {
		-webkit-opacity:0;
		-moz-opacity:0;
	}
	100% {
		-webkit-opacity:1;
		-moz-opacity:1;
	}
}
@-moz-keyframes BGArea {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
.img-loaded, #menu, #topics, #links{
	-webkit-animation-name:BGArea;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-delay: 2s;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: TitleArea;
	-moz-animation-fill-mode:backwards;
	-moz-animation-delay: 2s;
	-moz-animation-duration: 1.5s;
	-moz-animation-iteration-count: 1;
}


@-webkit-keyframes TitleArea {
	0% {
		-webkit-opacity:0;
	}
	100% {
		-webkit-opacity:1;
	}
}
@-moz-keyframes TitleArea {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
#title{
	-webkit-animation-name: TitleArea;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: TitleArea;
	-moz-animation-fill-mode:backwards;
	-moz-animation-delay: 0.5s;
	-moz-animation-duration: 1.5s;
	-moz-animation-iteration-count: 1;
	width:540px;
	height:660px;
	background:url(../img/index_title.png) no-repeat;
	margin:-10px auto 0 auto;
	text-indent:-9999px;
}


@-webkit-keyframes WallArea {
	0% {-webkit-opacity:0;
		-webkit-transform: translateY(-35px);
	}
	100% {-webkit-opacity:1;
		-webkit-transform: translateY(0px);
	}
}
@keyframes WallArea {
	0% {opacity:0;
		transform: translateY(-35px);
	}
	100% {opacity:1;
		transform: translateY(0px);
	}
}
#imagephoto{
	-webkit-animation-name: WallArea;
	-webkit-animation-fill-mode: backwards;
	-webkit-animation-delay: 1.5s;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: WallArea;
	-moz-animation-fill-mode: backwards;
	-moz-animation-delay: 1.5s;
	-moz-animation-duration: 1.5s;
	-moz-animation-iteration-count: 1;
	width:100%;
	height:665px;
	background:url(../img/index_photo.png) no-repeat center;
	position:absolute;
	top:125px;
	left:0;
}




#topics{
	-webkit-animation-name: TopicsArea;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-delay: 2s;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	width:720px;
	margin:30px auto 20px auto;
	padding:6px 10px 10px 10px;
	border-radius:5px;
	background:url(img/topics_bg.png);
	border:1px solid #999;
}
#topics:not(:target){
	background-color:rgba(0,0,0,0.4);
}
#topics p{
	margin-top:6px;
}
#topics a{
	color:#fff;
	text-decoration:none;
}
#topics a:hover{
	color:#9cf;
}
#links{
	text-align:center;
	margin-bottom:30px;
	letter-spacing:10px;
	z-index:9999;
}