@charset "utf-8";
/* CSS Document */
/*This CSS document was written by Andrew Barcomb*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


body {
	
	background-color: black;
	color: white;
	font-family: Tahoma, Helvetica, sans-serif;
}

#wrapper {

	background-image: url("images/background.png");
	width: 1024px;
	height: 768px;
	margin: auto;
}

#bodybg {
	
	background-image: url("images/bodybg.png");
	width: 974px;
	height: 385px;
	margin: auto;
	margin-top: 220px;
	margin-left: 25px;
	float: left;
	
}


#navigation {
  list-style: none;
  float: right;
  margin-top: -15px;
  margin-right: 50px;
}

#navigation li {
  float: left;
  display: inline;
}

#navigation a * {
  display: none;
}


#navigation a,
#navigation a .hover {
  height: 41px;
	position: relative;
	display: block;
	background: url(images/sprite.png) 0 0 no-repeat;
}

/* individual navigation items */
#navigation a.home {
  background-position: 0 0;
  width: 83px;
}

#navigation .highlight a.home:hover,
#navigation a.home .hover {
  background-position: 0px -41px;
  width: 83px;
}

#navigation a.about {
  background-position: -83px -0px;
  width: 95px;
}

#navigation .highlight a.about:hover,
#navigation a.about .hover {
  background-position: -83px -82px;
}

#navigation a.portfolio {
  background-position: -178px 0;
  width: 95px;
}

#navigation .highlight a.portfolio:hover,
#navigation a.portfolio .hover {
  background-position: -178px -123px;
}

#navigation a.awards {
  background-position: -273px 0;
  width: 95px;
}

#navigation .highlight a.about:hover,
#navigation a.awards .hover {
  background-position: -273px -164px;
}

#navigation a.contact {
  background-position: -369px 0;
  width: 95px;
}

#navigation .highlight a.contact:hover,
#navigation a.contact .hover {
  background-position: -369px -205px;
}


#updatesheader {

	background-image: url("images/update.png");
	width: 103px;
	height: 22px;
	float: left;
	margin-left: 45px;
	margin-top: 130px;
	
}

#updates {
	
	float: left;
	width: 110px;
	font-size: 10px;
	margin-top: 160px;
	margin-left: -105px;
	display: block;
}

#quote {
	
	background-image: url("images/quote.png");
	width: 187px;
	height: 54px;
	float: left;
	margin-top: 45px;
	margin-left: 20px;
	
}

#welcomehome {
	
	background-image: url("images/homepagewelcome.png");
	width: 163px;
	height: 38px;
	float: left;
	margin-top: 160px;
	margin-left: -175px;
		
}

#welcometext {
	
	font-size: 11px;
	width: 175px;
	float: left;
	display: block;
	margin-top: 210px;
	margin-left: -175px;
}

#preview {
	
	background-image: url("images/homepreview.png");
	width: 546px;
	height: 319px;
	float: right;
	margin-top: 8px;
	margin-right: 35px;
	
}

#aboutheader {
	
	background-image: url("images/aboutwelcome.png");
	width: 327px;
	height: 16px;
	float: left;
	margin-top: 25px;
	margin-left: 50px;
	
}

#abouttext {
	
	font-size: 12px;
	width: 675px;
	float: left;
	margin-left: 235px;
	margin-top: -225px;
}

#contactheader {

	background-image: url("images/contact.png");
	width: 175px;
	height: 21px;
	float: left;
	margin-top: 55px;
	margin-left: 85px;
	
}

#mail {

	background-image: url("images/emailicon.png");
	width: 57px;
	height: 58px;
	float: left;
	margin-top: 95px;
	margin-left: -175px;
	
}

#contacttext {

	float: left;
	font-size: 12px;
	margin-top: 95px;
	margin-left: -50px;
	
}

#awardsheader {
	
		height: 20px;
		width: 103px;
		background-image: url("images/awards.png");
		float: left;
		margin-left: 50px;
		margin-top: 50px;
		
			
}

#awardstext h4 {
	
	display: block;
	float: left;
	margin-top: 100px;
	
}

#awardstext p {

	display: block;
	float: left;
	width: 350px;
	font-size: 13px;
	margin-left: 175px;
	margin-top: 8px;
	
}

#deviantart {

	text-decoration: none;
	color: white;
	font-size: 12px;
	
}

#bothome {

	text-decoration: none;
	color: white;
	font-size: 12px;
	
}

#botcontact {

	text-decoration: none;
	color: white;
	font-size: 12px;
	
}

#bottomlinks {
	
	float: left;
	margin-top: 50px;
	margin-left: 205px;
	
}

#bottomlinksabout {
	
	float: left;
	margin-top: 132px;
	margin-left: 180px;
	
}

#bottomlinkscontact {
	
	display: block;
	margin-left: 533px;
	margin-top: -113px;
	
}