.wf-loading .textHolder{
	font-family: serif;
	visibility: hidden;
}
.wf-inactive .textHolder{
	font-family: Arial, Helvetica, sans-serif;
	visibility:visible;
}
.wf-active .textHolder{
	font-family: 'cooper_lt_btbold', serif;
	visibility:visible;
}

body, html{
	padding:0;
	margin:0;
	overflow:hidden;
	font-size: 0;
	position:relative;
	background-color:black;
}

.scrollButton{
	position:fixed;
	background:red;
	width:100px;
	height:100px;
	z-index:10;
}

.siteHeader {
	display:block;
	position:fixed;
	bottom:0;
	left:0px;
	width:100%;
	height:9%;
	z-index:1001;
}

.logoImg{
	position:relative;
	left:50%;
	margin-left:-400px;
}

.navDiv{
	position:relative;
	width:100%;
	height:100px;
}

.navButton{
	position:relative;
	display:inline-block;
	width:auto;
	height:50px;
	font-size:20px;
	cursor:pointer;
}

#fullscreenButton{
	position:fixed;
	top:20px;
	right:20px;
	z-index:1002;
}

#fullscreenButton img{
	width:25px;
	height:auto;
}

canvas{
	position:absolute;
	padding:0;
	margin:0;
	border:0;
	top;0;
	left:0;
	z-index:1;
}

.siteSection {
	position:absolute;
	border:0px solid black;
	top:0;
	left:0;
	z-index:0;
	overflow:hidden;
}

.textHolder{
	overflow:hidden;
	position:absolute;
	width:32%;
	height:70%;
	bottom:0;
	left:42%;
	color:white;
	/*padding:25px;*/
	font-family: 'cooper_lt_btbold';
	font-weight:300;
	text-align: left;
	font-size:17px;
	z-index:100;
}

.textHolder p{
	
}

.contentHolder{
	position:absolute;
	top:0;
	right:0;
}

.thumbBox{
	display:inline-block;
	width:200px;
	height:150px;
	background:red;
	border:1px solid white;
	background-position:center center;
	background-image:url(../images/marilyn2.jpg);
	background-size:cover;
}