@charset "UTF-8";
/* CSS Document */
/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, {
 display: block;
}
body {
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 0;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 100%;
	background-color: #000000;
}
#centeringDiv {
	width: 981px;
	height: 750px;
	height: auto;
	margin: 0 auto;
	position: relative;
}
nav {
	width: 100%;
	height: 70px;
}
footer {
	color: rgb(153,153,153);
	font-family: Amperzand;
	padding-top: 9px;
	padding-bottom: 8px;
	text-align: right;
}
#allArticles {
	overflow: hidden;
	width: 981px;
	height: 700px;
	position: relative;
}
#allArticlesWrapper {
	position: absolute;
	z-index: 100;
	height: 3500px;/*total height of all individual articles including padding and margin*/
	width: 981px;
	left: 0px;
	top: 0px;
}
.articleBox {
	width: 981px;
	height: 700px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-color: rgb(153,153,204);
}
#articleBox1 {
	background-image: url(../images/projectInfoPage.png);
}
#articleBox2 {
	background-image: url(../images/PV.png);
	background-position: center top;
	width: 981px;
	height: 700px;
	position: relative;
}
#articleBox3 {
	background-image: url(../images/musicVideo.png);
}
#articleBox4 {
	background-image: url(../images/narrative.png);
}
#articleBox5 {
	background-image: url(../images/explorations.png);
}
audio {
	width: 200px;
	height: 25px;
	position: absolute;
	top: 621px;
	left: 182px;
}
.btn {
	width: 180px;
	height: 50px;
	cursor: pointer;
	overflow: hidden;
	background-image: url(../images/buttons.jpg);
	float: left;
	border-bottom: rgb(43,38,37) 20px solid;
}
#btn1 {
	width: 260px;
	background-position: 0px 70px;
}
#btn2 {
	background-position: -260px 70px;
}
#btn3 {
	background-position: -440px 70px;
}
#btn4 {
	background-position: -620px 70px;
}
#btn5 {
	background-position: -800px 70px;
}
.btn:hover {
	border-bottom: rgb(0,118,163) 20px solid;
}
.webLink{
	cursor:pointer;
}
#webLink5 {
	width: 195px;
	height: 54px;
	position: absolute;
	left: 750px;
	bottom: 50px;
}
#webLink6 {
	padding-left: 590px;
	padding-top: 537px;
}
#webLink7 {
	padding-top: 494px;
	padding-left: 721px;
}
#webLink8 {
	padding-left: 691px;
	padding-top: 495px;
}