/* CSS Document */

#pagewrap {
	position:			relative;

	margin:				0;
	padding:			0;

	width:				100%;
	height:				100%;
}

#mobilewrap {
	display:			none;
}

#desktopwrap {
	position:			relative;
	top:				50%;

	margin:				-160px auto 0 auto;
	padding:			0;

	width:				960px;
	height:				320px;
	
	overflow:			hidden;

	background-color:	rgb(255,255,255);
	
	box-sizing:			border-box;

	opacity:			0;
	transition:			opacity 2s;
}

.isready #desktopwrap {
	opacity:			1;
}

#desktopwrap header {
	opacity:			0;
	transition:			opacity 2s;	
}

.isready #desktopwrap header {
	opacity:			1;
	transition-delay: 	0.5s;	
}

section .divider,
section .info {
	position:			absolute;
	top:				0;
	left:				960px;
	z-index:			99;

	width:				960px;
	height:				320px;
	
	overflow:			hidden;

	transition:			all 1s;	
}

section .divider {
	display:			none;
	left:				0;
}

section img {
	position:			absolute;
	top:				0;
	left:				0;
}

section#first .info.one,
section#second .info.one,
section#first .info.two {
	left:				-960px;
}


section.ishighlighted {
	opacity:			1;
}
section.ishighlighted .divider {
	display:			block;
}

section.ishighlighted .info.one {
	left:				0 !important;
	transition-delay:	1s;
}
section.ishighlighted .info.two {
	left:				0 !important;
	transition-delay:	2s;
}
section.ishighlighted .info.three {
	left:				0 !important;
	transition-delay:	3s;
}