a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}

body {
	line-height: 1;
}

ol,ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:after,blockquote:before,q:after,q:before {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

@-webkit-keyframes showNHide {
	0% {
		opacity: 0;
	}

	25% {
		opacity: .9;
	}

	40% {
		opacity: 1;
	}

	65% {
		opacity: .8;
	}

	70% {
		opacity: 0;
	}
}

@keyframes showNHide {
	0% {
		opacity: 0;
	}

	25% {
		opacity: .9;
	}

	40% {
		opacity: 1;
	}

	65% {
		opacity: .8;
	}

	70% {
		opacity: 0;
	}
}

@-webkit-keyframes hide {
	0% {
		opacity: 1;
	}

	to {
		opacity: 0;
		z-index: -9;
	}
}

@keyframes hide {
	0% {
		opacity: 1;
	}

	to {
		opacity: 0;
		z-index: -9;
	}
}

#no-js,.no-csstransitions #no-html-five {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 728px;
	height: 88px;
	background-size: 100%;
	z-index: 999;
	background-repeat: no-repeat;
}

.no-csstransitions #scene,.no-csstransitions #scene-overlay {
	display: none;
}

body {
	border: 1px solid #ccc;
	width: 726px;
	height: 88px;
	background: #fff;
}

body:hover #button {
	background-image: url(../images/button-hover.gif) !important;
}

strong {
	font-weight: 700;
}

#scene {
    width: 726px;
    height: 88px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    position: relative;
}

#banner1, #banner2 {
    position: absolute;
    margin-top: 0px;
    width: 400px;
    opacity: .8;
}

#banner1 {
    margin-left: -720px;
    -webkit-transition: all 2s ease-in;
    transition: all 2s ease-in;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

#banner2 {
    margin-left: -960px;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

#pane {
	bottom: 0;
	width: 300px;
	height: 80px;
	background-size: 300px 80px;
	background-repeat: none;
}

#pane,#scene-overlay {
	position: absolute;
	left: 0;
}

#scene-overlay {
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 1;
	z-index: 99;
	-webkit-transition: all 2s ease-out;
	transition: all 2s ease-out;
}

#overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#copy1,#copy2 {
	position: absolute;
	top: 16px;
	left: 142px;
	width: 100%;
	color: #333;
	font-family: Roboto Slab,serif;
	font-size: 20px;
	line-height: 26px;
	opacity: 0;
	-webkit-transition: all 1.5s ease-in;
	transition: all 1.5s ease-in;
	z-index:9999;
}

#copy1 {
	-webkit-animation-delay: 3.3s;
	animation-delay: 3.3s;
	font-size: 28px;
	line-height: 30px;
}

#copy2 {
    -webkit-transition-delay: 7.2s;
    transition-delay: 7.2s;
    font-family: Open Sans,sans-serif;
    font-weight: 100;
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    padding-top: 8px;
}

#copy2 small {
	font-variant: small-caps;
	font-size: .8em;
	text-transform: none;
}

#logo {
	opacity: 0;
	position: absolute;
	top: 16px;
	left: 540px;
	width: 170px;
	height: 60px;
	background-size: 170px 60px;
	background-repeat: no-repeat;
	-webkit-transition: all 1.5s ease-in;
	transition: all 1.5s ease-in;
	-webkit-transition-delay: 7.5s;
	transition-delay: 7.5s;
}

#big-logo {
	background-size: 726px 88px;
	-webkit-transition: all 1.5s cubic-bezier(.6,.04,.98,.335);
	transition: all 1.5s cubic-bezier(.6,.04,.98,.335);
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	z-index: 98;
}

#all-white,#big-logo {
	opacity: 1;
	position: absolute;
	top: 1px;
	left: 1px;
	width: 726px;
	height: 88px;
}

#all-white {
	background-size: 726px 88px;
	-webkit-transition: all 1.5s ease-in;
	transition: all 1.5s ease-in;
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
	background: #fff;
	z-index: 97;
}

#button {
	cursor: pointer;
	position: absolute;
	bottom: 80px;
	left: 84px;
	width: 136px;
	height: 32px;
	-webkit-transition: opacity 1.5s ease-in;
	transition: opacity 1.5s ease-in;
	-webkit-transition-delay: 7s;
	transition-delay: 7s;
	font-size: 1em;
	border: 0;
	outline: none;
	background-size: 136px 32px;
}

#button,.loaded #all-white,.loaded #big-logo,.loaded #scene-overlay {
	opacity: 0;
}

.loaded #banner1 {
    margin-top: -156px;
    margin-left: 261px;
    z-index: 99;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.loaded #banner2 {
    margin-top: -160px;
    margin-left: 266px;
    z-index: 99;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.loaded #copy1 {
	-webkit-animation-name: showNHide;
	animation-name: showNHide;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
}

.loaded #button,.loaded #copy2,.loaded #logo {
	opacity: 1;
}