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

body {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: lighter;
	color: #000;
	background-color: #333;
	font-size: 12px;
	background-attachment: scroll;
	background-image: url(layout/background3.jpg);
	background-repeat: repeat;
	background-position: left top;
	text-decoration: none;
}

#mainbody {
	height: 700px;
	width: 600px;
	margin: 0 auto;
	padding: 10px;
	margin: 0 auto;
	color: #FFF;
	left: 210px;
	top: 200px;
	background-image: url(layout/background2.png);
}
#mainbody a{
	color: #FFF;
	}
#mainbody a:HOVER {
	text-decoration: line-through;
		}

#title {
	background-image: url(layout/CasketStudios.png);
	background-repeat: no-repeat;
	height: 193px;
	width: 500px;
	position: relative;
	background-position: center;
	margin: 0 auto;
}
#navbar {
	font-weight: 300;
	font-variant: small-caps;
	color: #000;
	width: 200px;
	height: 500px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin: 5px;
	position: absolute;
	text-align: center;
	top: 200px;
	left: 0px;
}
#homelink {
	background-image: url(layout/home.png);
	height: 100px;
	width: 200px;
}
#aboutlink {
	background-image: url(layout/about.png);
	height: 100px;
	width: 200px;
}
#linkLink {
	background-image: url(layout/links.png);
	height: 100px;
	width: 200px;
}
#conceptLink {
	background-image: url(layout/conceptart.png);
	height: 100px;
	width: 200px;
}
#animationLink {
	background-image: url(layout/animation.png);
	height: 100px;
	width: 200px;
}
#photoLink {
	background-image: url(layout/photos.png);
	height: 100px;
	width: 200px;
}
#classLink {
	background-image: url(layout/classwork.png);
	height: 100px;
	width: 200px;
}

ul {
	list-style-position: inside;
	list-style-type: none;
	list-style-image: none;
}
a {
	color: #000;
	text-decoration: none;
}
#footer {
	color: #FFF;
	margin: 0 auto;
	text-align: center;
	left: 211px;
	top: 922px;
	width: 519px;
}
#footer a {
	font-variant: small-caps;
	color: #FFF;
}