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

body {
	background-image: url(../images/background-image.jpg);
	background-repeat: repeat-x;
	background-color: #202020;
	font-family: Trebuchet MS;
	font-size: 14px;
	line-height: 18px;
	}

a:link {
	color: #3399FF;
	text-decoration: none;
	
}
a:hover {
	color: #85C435;
	text-decoration: none;
}
a:visited {
	color: #3399FF;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #3399FF;
}


h2 {	
	margin: 0;
	text-indent: -9999px;
	}
p {
	width: 800px;
	color: #555555;
	}

#wrapper {
	width: 874px;
	margin: 0 auto;
	}

#background-image {
	margin: 0 auto;
	height: 287px;
	width: 1233px;
	background-image: url(../images/background-header.png);
	background-repeat: no-repeat;
	margin-top: -10px;
	}

#logo {
	height: 10px;
	width: 221px;
	margin: -85px 0px 0px 25px;
	float: left;
	}

#top {
	height: 22px;
	width: 874px;
	background-image: url(../images/body-top.png);
	background-repeat: no-repeat;
	margin-top: -125px;
	}

#mid {
	height: auto;
	width: 874px;
	background-image: url(../images/body-mid.png);
	background-repeat: repeat-y;	
	padding: 15px 35px 15px 35px;
	overflow:auto;
	}

#bottom {
	height: 22px;
	width: 874px;
	background-image: url(../images/body-base.png);
	background-repeat: no-repeat;
	}
	
#welcome {
	height: 18px;
	width: 75px;
	background-image: url(../images/h-welcome.jpg);
	background-repeat:no-repeat;
	}

#find {
	height: 194px;
	width: 500px;
	background-color: #ebebeb;
	float: left;
	}
	.find-me {
		height: 24px;
		width: 381px;
		background-image: url(../images/h-loc.jpg);
		background-repeat:no-repeat;
		margin: 20px 0px 0px 20px;
		}
	.social {
		height: 80px;
		width: 80px;
		display:block;
		text-indent:-9999px;
		float:left;
		margin: 20px 0px 0px 20px;
		}
	.twitter {
		background-image:url(../images/icon-twitter.jpg);
		background-repeat:no-repeat;
		}
	.deviantart {
		background-image:url(../images/icon-da.jpg);
		background-repeat:no-repeat;
		}	
	.facebook {
		background-image:url(../images/icon-facebook.jpg);
		background-repeat:no-repeat;
		}
	#find p {
		width: 454px;
		margin: 10px 0px 0px 20px;
		}

#contact {
	height: 194px;
	width: 278px;
	background-color: #ebebeb;
	margin: 0px 0px 0px 20px;
	float: left;
	}
	.contact-me {
		height: 17px;
		width: 110px;
		background-image: url(../images/h-contact.jpg);
		background-repeat:no-repeat;
		margin: 20px 0px 0px 25px;
		}
	#contact p {
		width: 224px;
		margin: 10px 0px 0px 25px;
		}
	.contact-button {
		height: 64px;
		width: 230px;
		background-image: url(../images/button-contact.jpg);
		background-repeat:no-repeat;
		margin: -7px 0px 0px 25px;
		float: left;
		text-indent: -9999px;
		}

p.copyright {
	width: 250px;
	font-size: 12px;
	float:right;
	}