/* INDEX */
body{
	background:url(../img/bg_01.jpg) no-repeat top center fixed;
	background-size:cover;
}

#title{
	width:100%;
	background:url(../img/index_titlebg.png) repeat-x center bottom;
	padding:240px 0 0;
	text-indent:-9999px;
}
h1{
	height:157px;
	margin:45px 0 0;
	padding-bottom:35px;
	background:url(../img/index_title.png) no-repeat center;
}

#photo{
	width:100%;
	height:560px;
	background:url(../img/index_photo.png) no-repeat center;
	position:absolute;
	top:100px;
	left:0;
}

#logo{
	position:absolute;
	top:160px;
	left:50%;
	margin-left:-224px;
	background:url(../img/index_logo.png) no-repeat center;
	width:448px;
	height:74px;
	text-indent:-9999px;
}

#logo a{
	display:block;
	width:448px;
	height:74px;
	overflow:hidden;
	margin:0 auto 255px;
}

#lead{
	width:590px;
	height:250px;
	background:url(../img/index_lead.png) no-repeat center bottom;
	margin: 0 auto 80px;
	text-indent:-9999px;
}

#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 14px 10px;
	background:url(../img/topics_bg.png);
}
#topics p{
	margin-top:6px;
	color:#333;
}
#topics a{
	color:#333;
	text-decoration:none;
}
#topics a:hover{
	color:#acf400;
}
#links{
	text-align:center;
	letter-spacing:10px;
	z-index:9999;
}