@charset "UTF-8";
.style1 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1em;
}
.style3 {
	color: #993366;
	font-weight: bold;
	font-size: 1em;
}
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
	text-align: center;
	background-color: #86B1B7;
}
#outerwrapper {
	height: 650px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(../images/websitebackground.jpg);
}
#header {
	position:absolute;
	width:462px;
	height:93px;
	z-index:1;
	left: 267px;
	top: 19px;
}
#buttons {
	position:absolute;
	width:124px;
	height:547px;
	z-index:2;
	left: 6px;
	top: 62px;
}
#content {
	position:absolute;
	width:720px;
	height:452px;
	z-index:3;
	left: 193px;
	top: 111px;
	padding: 20px;
	overflow: auto;
}
#footer {
	position:absolute;
	width:417px;
	height:13px;
	z-index:4;
	left: 311px;
	top: 631px;
}
#home {
	position:absolute;
	left:16px;
	top:14px;
	width:79px;
	height:61px;
	z-index:1;
}
#content {
	background-image: url(../images/transparent.png);
}
#animatic {
	position:absolute;
	left:17px;
	top:87px;
	width:79px;
	height:61px;
	z-index:2;
}
#Animation {
	position:absolute;
	left:16px;
	top:164px;
	width:79px;
	height:61px;
	z-index:3;
}
#Photonarrative {
	position:absolute;
	left:16px;
	top:236px;
	width:79px;
	height:61px;
	z-index:4;
}
#Short-story {
	position:absolute;
	left:18px;
	top:311px;
	width:79px;
	height:61px;
	z-index:5;
}
#Illustration {
	position:absolute;
	width:79px;
	height:61px;
	z-index:1;
	left: 19px;
	top: 393px;
}
#Projects {
	position:absolute;
	left:21px;
	top:467px;
	width:79px;
	height:61px;
	z-index:6;
}
#illus_thumbnail {
	padding: 10px;
}