@charset "UTF-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	text-align: center;
	background-color: #000000;
}
#outerwrapper {
	height: 650px;
	width: 980px;
	background-image: url(../images/narrativeTemplate.jpg);
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#mainContent img {
	border: none;
}
#banner {
	position:absolute;
	width:581px;
	height:48px;
	z-index:1;
	left: 228px;
	top: 8px;
}
#mainContent p {
	line-height: 1.3em;
	padding-bottom: 1em;
	text-indent: 2em;
}
#mainContent {
	position:absolute;
	width:735px;
	height:490px;
	z-index:2;
	left: 216px;
	top: 139px;
	overflow: auto;
	text-align: left;
}
#legal {
	position:absolute;
	width:258px;
	height:18px;
	z-index:3;
	left: 431px;
	top: 630px;
}
#home {
	position:absolute;
	width:76px;
	height:27px;
	z-index:4;
	left: 129px;
	top: 77px;
}
#animatic {
	position:absolute;
	width:115px;
	height:31px;
	z-index:5;
	left: 193px;
	top: 60px;
}
#animation {
	position:absolute;
	width:108px;
	height:32px;
	z-index:6;
	left: 297px;
	top: 49px;
}
#story {
	position:absolute;
	width:152px;
	height:36px;
	z-index:7;
	left: 408px;
	top: 45px;
}
#illustration {
	position:absolute;
	width:137px;
	height:42px;
	z-index:8;
	left: 539px;
	top: 41px;
}
#photonarrative {
	position:absolute;
	width:173px;
	height:45px;
	z-index:9;
	left: 669px;
	top: 47px;
}
#projects {
	position:absolute;
	width:117px;
	height:45px;
	z-index:10;
	left: 828px;
	top: 67px;
}
#header {
	position:absolute;
	width:280px;
	height:55px;
	z-index:11;
	left: 400px;
	top: 78px;
}