/* INDEX */
body{
	min-height:970px;
}
#viewing{
	position:absolute;
	top:50px;
	left:50%;
	margin-left:-430px;
	width:200px;
	height:200px;
}
#viewing a{
	display:block;
	width:200px;
	height:200px;
	background:url(../img/index_viewing.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	backface-visibility:hidden;
}
#viewing a:hover{
	transform:rotate(1095deg);
	transition: all 0.8s ease;
}

h2{
	position:absolute;
	top:290px;
	left:50%;
	margin-left:-270px;
	width:150px;
	height:150px;
}
h2 a{
	display:block;
	width:150px;
	height:150px;
	background:url(../img/index_nxv.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	backface-visibility:hidden;
}
h2 a:hover{
	transform:rotate(-1095deg);
	transition: all 0.8s ease;
}

#main_photo{
	position:absolute;
	top:180px;
	left:50%;
	margin-left:53px;
	width:407px;
	height:407px;
	backface-visibility:hidden;
}
#collabo22{
	position:absolute;
	top:155px;
	left:50%;
	margin-left:350px;
	width:107px;
	height:107px;
	background:url(../img/index_collabo22.png) no-repeat;
	backface-visibility:hidden;
}

#title{
	position:absolute;
	top:400px;
	left:50%;
	margin-left:-460px;
	width:758px;
	height:160px;
	background:url(../img/index_title.png) no-repeat;
	backface-visibility:hidden;
	text-indent:-9999px;
}

#lead{
	position:absolute;
	top:560px;
	left:50%;
	margin-left:-460px;
	padding-bottom:100px;
	width:920px;
	background:url(../img/index_lead.png) no-repeat;
	overflow:hidden;
	backface-visibility:hidden;
}
#message{
	text-indent:-9999px;
}
#banner{
	display:block;
	float:left;
	width:240px;
	height:80px;
	background:url(../img/index_banner.jpg) no-repeat;
	backface-visibility:hidden;
	margin:190px 0 0 12px;
	text-indent:-9999px;
	overflow:hidden;
}
#topics{
	float:right;
	width:620px;
	margin-top:190px;
	padding:10px 15px;
	border-radius:3px;
	background:url(img/topics_bg.png);
	border:1px dashed #ef012e;
}
#topics:not(:target){
	background-color:rgba(255,255,255,0.4);
}
#topics p{
	margin-top:2px;
	color:#666;
}
#topics a{
	color:#000;
	text-decoration:none;
}
#topics a:hover{
	color:#ef012e;
}

#sketch01{
	position:absolute;
	top:40px;
	left:50%;
	margin-left:90px;
	width:128px;
	height:128px;
	background:url(../img/index_sketch01.png) no-repeat;
	backface-visibility:hidden;
}
#sketch02{
	position:absolute;
	top:170px;
	left:50%;
	margin-left:-170px;
	width:203px;
	height:203px;
	background:url(../img/index_sketch02.png) no-repeat;
	backface-visibility:hidden;
}
#sketch03{
	position:absolute;
	top:570px;
	left:50%;
	margin-left:240px;
	width:186px;
	height:186px;
	background:url(../img/index_sketch03.png) no-repeat;
	backface-visibility:hidden;
}
#sketch04{
	width:100%;
	height:158px;
	background:url(../img/index_sketch04.png) no-repeat 10% 0;
	backface-visibility:hidden;
	position:absolute;
	top:340px;
	left:0;
}
#sketch05{
	position:absolute;
	top:40px;
	left:50%;
	margin-left:-430px;
	width:191px;
	height:191px;
	background:url(../img/index_sketch05.png) no-repeat;
	backface-visibility:hidden;
}

#aymmy_logo{
	width:100%;
	height:168px;
	background:url(../img/index_aymmy.png) no-repeat 95% 0;
	backface-visibility:hidden;
	position:absolute;
	top:380px;
	left:0;
}
#links{
	position:fixed;
	height:46px;
	width:100%;
	text-align:center;
	padding:17px 0;
	letter-spacing:10px;
	z-index:500;
	background:url(../img/footer_bg.png) repeat-x;
	bottom:0;
}
#links a:hover{
	opacity:0.6;
	filter:alpha (opacity=60); /* IE */
}

@media only screen and (max-width: 1020px) {
	#sketch04{
		background:url(../img/index_sketch04.png) no-repeat -70px 0;
	}
	#aymmy_logo{
		background:none;
	}
	#links{
		position:absolute;
		top:900px;
	}
}