/*
	styles for home page header animation
*/

.home-page .home-anim {
	height: 400px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	background-color: #FFF;
}
.home-page .home-anim-content {
	position: relative;
	width: 2000px;
	height: 400px;
	top: 0;
	left: 50%;
	margin-left: -1000px;
	overflow: hidden;
	visibility:hidden;/* hide content while we run setup. we show content in script.js/setup func */
}
/* basic formatting*/
.home-page .header-anim-basic {
	display: block;
	position: absolute;
}
.home-page #home-anim-white-overlay {
	display: block;
	position: absolute;
	width: 2000px;
	height: 400px;
}
.home-page #home-anim-beam-btn {
	display: block;
	position: absolute;
	cursor: pointer;
}
.home-page #home-anim-bg-blur {
	display: block;
	position: absolute;
	width: 2000px;
	height: 400px;
}
.home-page #home-anim-bg {
	display: block;
	position: absolute;
	width: 2000px;
	height: 400px;
}

.home-page .demo-link {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 200px;
	height: 67px;
	top: -35px;
	background: url('images/beam-see_how_it_works.png') no-repeat;
	margin-bottom: -40px;
	cursor: pointer;
	z-index: 200;
}
.lang-ja .demo-link {
	background: url('images/beam-see_how_it_works-jp.png') no-repeat;
}
