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

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #4d4c44;
	background-image: url('../images/scan3.jpg');
	color: #303838;
	font-size: 12px;
}

a:link {
	text-decoration: none;
	color: white;
}

a:visited {
	text-decoration: none;
	color: white;
}

a:hover {
	text-decoration: none;
	color: white;
}

a:active {
	text-decoration: none;
	color: white;
}
 

img {
	border: none;
}

img.bordered {
	border-color: black;
	border-width: 1px;
	border-style: solid;
}

#container {
	text-align: left; 
	width: 800px; 
	margin:0 auto;
	
}

.heading {
	background-image: url('../images/header.png');
	color: white;
	text-align: center;
	font-size: 32px;
	height: 100px;
	width: 800px; 
	float: left;
	background-color: #3e4648;
	border-style: solid;
	border-width: thin;
	border-color: black;
	border-bottom: none;
}

.h1 {
	background-image: url('../images/header.gif');
	height: 100px;
	width: 653px; 
	float: left;
}

.h2 {
	background-image: url('../images/linkedin.gif');
	height: 100px;
	width: 63px; 
	float: left;
}

.h3 {
	background-image: url('../images/pdf.gif');
	height: 100px;
	width: 67px; 
	float: left;
}

.h4 {
	background-image: url('../images/header_end.gif');
	height: 100px;
	width: 17px; 
	float: left;
}

.navigation {
	float:left;
	text-align: center;
	font-size: 16px;
	font-weight: 800;
	width: 800px;
	background-color: #6e7577;
	border-style: solid;
	border-width: thin;
	border-color: black;
	padding-top: 10px;
	padding-bottom: 10px;
}


.navopt {
	float: left;
	width: 50%;
}

.footer {
	color: white;
	text-align: center;
	font-size: 12px;
}

/* Portfolio Classes */

.levels {
	width: 750px;
	padding: 25px;
	float: left;
	border-style: solid;
	border-width: thin;
	border-color: black;
	border-top: none;
	background-color: #efefef;
}

p.imagehead {
	border-width: 1px;
	border-color: black;
	border-style: solid;
	padding: 5px;
}

p.break {
	float: left;
	width: 750px;
	height: 5px;
}

p.smallbreak {
	float: left;
	width: 750px;
	height: 15px;
}

.thumbnails {
	width: 748px;
	text-align: center;
	padding: 20px;
	padding-left: 0px;
	padding-right: 0px;	
}

.mapname {
	padding-left: 50px;
	float: left;
	width: 30%;
}

.engine {
	float: left;
	width: 30%;
}

.game {
	float: left;
	width: 30%;
}

.description {
	float: left;
	width: 700px;
	padding-left: 24px;
	padding-right: 24px;
}



/* Information Classes */

.about {
	width: 70%;
	float: left;
}

.pic {
	text-align: center;
	width: 30%;
	float: left;

}

.title {
	font-weight: 700;
	font-size: 16px;
	text-decoration: underline;
}

.sub1 {
	font-weight: 700;
	font-size: 12px;
}

.sub2 {
	font-size: 12px;
	font-style: italic;
}

.bullets {
	font-size: 12px;
}