/*----------General-----------*/
* {
	margin: 0;
	padding: 0;
}

body {
	color: #50593e;
	background-image: url("../images/bg.jpg");
	background-position: top left;
	font-family: "Arial";
	text-align: center;
}

a {
	text-decoration: none;
	color: #50593e;
}

img {
	float: left;
	border: none;
	vertical-align: bottom;
}

/*--------General Divs-----------*/
#wrapper {
	width: 1000px;
	margin: 0 auto;
}

#nav span {
	display: none;
}

#nav li {
	display: inline;
	list-style: none;
}

#hangover {
	height: 86px;
	background-image: url("../images/hangover.png");
	background-position: top center;
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
}

#navbottom {
	height: 58px;
}

.empty {
	clear: both;
}

.spacer {
	height: 10px;
	background-color: #7b8a74;
}

#footer {
	margin: 0 0 10px 0;
	font-size: .8em;
	color: #50593e;
	height: 60px;
	background-color: #7b8a74;
}

#footer a {
	color: #50593e;
	text-decoration: none;
}

/*-----------Images Divs-------------*/
.imgcontent {
	height: 250px;
	color: #50593e;
	background-color: #909d8a;
	text-align: left;
	display: block;
}

.hulk {
	font-weight: bolder;
	font-size: 1.3em;
}

.sketchcontent {
	height: 215px;
	color: #50593e;
	background-color: #909d8a;
	text-align: left;
	display: block;
}

#row1l {
	float: left;
	height: 195px;
	width: 33%;
	margin: 55px 0 0 0;
	background-image: url("../images/guy1.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;	
}

#row1m {
	float: left;
	height: 195px;
	width: 33%;
	margin: 5px 0 0 10px;
	background-image: url("../small_images/small6.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}

#row1md {
	margin: 185px 0 0 15px;
}

#row1r {
	float: right;
	height: 195px;
	width: 33%;
	margin: 5px 0 0 0;
	background-image: url("../small_images/small7.jpg");
	background-position: center center;
	background-repeat: no-repeat;	
}

#row1rd {
	margin: 185px 0 0 15px;
}

#row2l {
	float: left;
	height: 195px;
	width: 33%;
	margin: 5px 0 0 10px;
	background-image: url("../small_images/small1.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}

#row2ld {
	margin: 185px 0 0 15px;
}

#row2m {
	float: left;
	height: 195px;
	width: 33%;
	margin: 5px 0 0 0;
	background-image: url("../small_images/small2.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}

#row2md {
	margin: 185px 0 0 15px;
}

#row2r {
	float: left;
	height: 195px;
	width: 33%;
	margin: 5px 0 0 0;
	background-image: url("../small_images/small3.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}

#row2rd {
	margin: 185px 0 0 15px;
}

#row3l {
	float: left;
	height: 195px;
	width: 33%;
	margin: 5px 0 0 10px;
	background-image: url("../small_images/small4.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}

#row3ld {
	margin: 185px 0 0 15px;
}

#row3m {
	float: left;
	height: 195px;
	width: 33%;
	margin: 5px 0 0 0;
	background-image: url("../small_images/small5.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}

#row3md {
	margin: 185px 0 0 15px;
}

#row3r {
	float: left;
	height: 195px;
	width: 33%;
	margin: 5px 0 0 0;
	background-image: url("../small_images/small8.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}

#row3rd {
	margin: 185px 0 0 15px;
}

#row4l {
	float: left;
	height: 195px;
	width: 33%;
	margin: 5px 0 0 10px;
	background-image: url("../small_images/small9.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}

#row4ld {
	margin: 185px 0 0 15px;
}

#row4m {
	float: left;
	height: 195px;
	width: 33%;
	margin: 5px 0 0 0;
	background-image: url("../small_images/small10.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}

#row4md {
	margin: 185px 0 0 15px;
}

#sketch1l {
	float: left;
	height: 195px;
	width: 33%;
	margin: 20px 0 0 0;
	background-image: url("../images/guy2.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;	
}

#sketch1m {
	float: left;
	height: 195px;
	width: 33%;
	margin: 20px 0 0 10px;
	background-image: url("../small_images/small11.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}

#sketch1r {
	float: left;
	height: 195px;
	width: 33%;
	margin: 20px 0 0 0;
	background-image: url("../small_images/small12.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}

#sketch2l {
	float: left;
	height: 195px;
	width: 33%;
	margin: 20px 0 0 10px;
	background-image: url("../small_images/small13.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}

#sketch2m {
	float: left;
	height: 195px;
	width: 33%;
	margin: 20px 0 0 0;
	background-image: url("../small_images/small14.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}

#sketch2r {
	float: left;
	height: 195px;
	width: 33%;
	margin: 20px 0 0 0;
	background-image: url("../small_images/small15.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}

/*-------------Videos Divs-------------*/
.vidcontent {
	height: 364px;
	color: #50593e;
	background-color: #909d8a;
	text-align: left;
}

.vidplace {
	margin: 0 0 0 50px;
	padding: 10px 0 0 0;
}

#vidplacespecial {
	width: 425px;
	float: left;
	margin: 0 0 0 50px;
	padding: 10px 0 0 0;
}

#blobplace {
	float: right;
	height: 230px;
	width: 425px;
	margin: 134px 10px 0 0;
	background-image: url("../images/blob.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;
}

/*-------------About Divs---------------*/
.aboutcontent {
	height: 300px;
	color: #50593e;
	background-color: #909d8a;
}

#leaking {
	float: left;
	height: 241px;
	width: 294px;
	margin: 0 0 0 50px;
	background-image: url("../images/leaking.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}

#abouttext {
	margin: 20px 90px 0 0;
	color: #50593e;
	width: 500px;
	float: right;
	text-align: left;
}

/*-------------Contact Divs--------------*/
.contactcontent {
	height: 1084px;
	color: #50593e;
	background-color: #909d8a;
}

#emailpic {
	float: left;
	height: 137px;
	width: 175px;
	margin: 15px 10px 0 150px;
	background-image: url("../images/email.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;
}

#emailtext {
	margin: 80px 200px 0 0;
	color: #50593e;
	width: 450px;
	float: right;
}

#resumepic {
	float: left;
	height: 132px;
	width: 124px;
	margin: 45px 10px 0 150px;
	background-image: url("../images/resume.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;
}

#resumetext {
	margin: 90px 200px 0 0;
	color: #50593e;
	width: 450px;
	float: right;
}

#resume {
	width: 960px;
	margin: 20px 0 0 20px;
	color: #50593e;
	text-align: left;
}

#resume2 {
	margin: 0 0 0 50px;
	width: 580px;
	float: left;
	color: #50593e;
	text-align: left;
}

#resume3 {
	margin: 0 0 0 0px;
	width: 280px;
	float: right;
	color: #50593e;
	text-align: left;
}

/*-------------Games Divs--------------*/
.gamescontent {
	height: 250px;
	color: #50593e;
	background-color: #909d8a;
	text-align: left;
	display: block;
}

#games1l {
	float: left;
	height: 195px;
	width: 33%;
	margin: 5px 0 0 10px;
	background-image: url("../small_images/king.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}

#games1ld {
	margin: 185px 0 0 15px;
}

/*-------------Design Divs--------------*/
.designcontent {
	height: 250px;
	color: #50593e;
	background-color: #909d8a;
	text-align: left;
	display: block;
}

#design1l {
	float: left;
	height: 195px;
	width: 33%;
	margin: 5px 0 0 10px;
	background-image: url("../small_images/small17.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}

#design1ld {
	margin: 185px 0 0 15px;
}

#design1m {
	float: left;
	height: 195px;
	width: 33%;
	margin: 5px 0 0 0;
	background-image: url("../small_images/small18.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}

#design1md {
	margin: 185px 0 0 15px;
}

#design1r {
	float: left;
	height: 195px;
	width: 33%;
	margin: 5px 0 0 0;
	background-image: url("../small_images/small19.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}

#design1rd {
	margin: 185px 0 0 15px;
}

#design2l {
	float: left;
	height: 195px;
	width: 33%;
	margin: 5px 0 0 10px;
	background-image: url("../small_images/small20.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}

#design2ld {
	margin: 185px 0 0 15px;
}