/* INDEX */
body{
	background:url(../img/bg_01.jpg) top center;
}
#logo{
	width:640px;
	height:150px;
	margin:0 auto;
	padding:90px 0 0;
	background:url(../img/index_white.png);
}
#logo a{
	display:block;
	width:500px;
	height:100px;
	background:url(../img/index_logo.png) no-repeat;
	text-indent:-9999px;
	margin:0 auto 50px;
}
#logo a:hover{
	opacity:0.7;
}

#title{
	width:640px;
	height:610px;
	background:url(../img/index_titlebg.png) no-repeat;
	margin:0 auto;
	padding:30px 0 0;
	text-indent:-9999px;
}
h1{
	width:500px;
	height:415px;
	margin:0 auto;
	background:url(../img/index_title.png) no-repeat;
}
#lead{
	width:490px;
	height:170px;
	background:url(../img/index_lead.png) no-repeat 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:640px;
	height:240px;
	margin:0 auto;
	padding:80px 0;
	background:url(../img/index_white.png);
}
#topics p{
	color:#000;
	width:500px;
	padding:15px 20px;
	margin:0 auto;
	background:url(../img/topics_bg.png);
}
#topics a{
	color:#fff;
	text-decoration:none;
}
#topics a:hover{
	color:#acf400;
}
#links{
	padding-top:30px;
	text-align:center;
	letter-spacing:10px;
	z-index:9999;
}