body {
		background-color: rgb(255,255,255);
		font-family: sans-serif;
		font-size: 1em;
		text-align: justify;
	}
	a:link {
		color: black;
		text-decoration: none;
		border: none;
		outline: none;

	}
	a:visited {
		color: black;
		text-decoration: none;
		border: none;
		outline: none;
	}
	a:hover {
		color: rgb(210,0,0);
		text-decoration: none;
	        border: none;
		outline: none;
	}
	a:active {
		color: black;
		text-decoration: none;	
	        border: none;
		outline: none;
	}
	h1 {
		font-family: 'Inter', sans-serif, verdana, geneva;
		font-size: 2em;
		line-height: 12px;
		padding-top: 10px;
	}
	h2 {
		font-family: 'Inter', sans-serif, verdana, geneva;
		font-size: 2em;
		line-height: 12px;
		padding-top: 10px;
		
	}
	h3 {
		font-family: verdana, sans-serif;
		font-size: .75em;
		line-height: 8px;
		margin-top: -8px;
		text-align: center;
	}
	h4 {
		font-family: sans-serif;
		font-size: 1em;
		font-weight: bold;
	}
        h5 {
		font-family: geneva, sans-serif;
		font-size: 2em;
	}

	/*navbar elements*/
	nav {
		width: 300px;
		height: 20px;
		margin: auto;
	}
	ul {
		list-style-type:none;
		margin:0;
		padding:0;
		display: inline;
        }
	li {
		font-family: verdana, sans-serif;
		float: left;
		font-size: .75em;
		color: black;
		padding: 2px;
	}
	p {
		font-family: sans-serif;
		font-size: 1em;
		text-align: justify;
	}
	/*header outside container*/
	#header-top {
		width: 675px;
		top: 2px;
		left: 0px;
		margin: 0 auto;
		text-align: center;
		z-index: 1;
        }
	/*header inside container*/
	#header-container {
		width: 800px;
		height: 120px;
		margin-left: 20px;
		text-align: center;
		padding-left: 0px;

	}
	#name {
		width: 300px;
		height: 50px;
		text-align: left;
		position: relative;
		margin: auto;
		padding-top: 10px;

	}   
	/*main body container*/
	#container {
		height: 2000px;
		width: 665px;
		max-width: 1000px;
		margin: auto;
		margin-top: 10px;
		z-index: -1;
	}
	/*inside body container*/
	#bodycontainer {

		margin-left: 4px;
		width: 665px;
		font-family: verdana, arial, sans-serif;
		font-size: 1em;
		text-align: justify;
	}
	#textBox {
	
		width: 655px;
	}
	#spacer {
		width: 400px;
		height: 1px;
		margin-top: 10px;
		clear: right;
	}
	/*photo goes in here*/
	#photoBox {
		width: 212px;
		height: 131px;
		background-color: black;
		float: left;
		clear: left;
		z-index: 2;
	}
	#photoStyle {
		width: 210px;
		height: 130px;
		position: relative;
		top: 1px;
		left: 1px;
		}
	/*text goes in here*/
	#descBox {
		width: 210px;
		height: 55px;
		padding-top: 6px;
		font-family: verdana, geneva, sans-serif;
		font-size: .75em;
		color: black;
		text-align: center;
		z-index: 1;
		border: 1px;
		border-style: solid;
		border-color: black;
		float: left;
		clear: left;
	}
	#workSamples {
		width: 665px;
		height: 500px;
		float: left;
		margin: 0 auto;
	}
	#gameThumbs {
		margin: 0 auto;
		width: 665px;
	}

	/*  SECTIONS  */
	.section {
	clear: both;
	padding: 0px;
	margin: 0px;
	}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% .3%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.5%; }
.span_1_of_3 { width: 33%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}
	
	#smalltext {
		font-family: sans-serif;
		font-size: .75em;
		margin: auto;
		text-align: center;
	}
	#smalltextleft {
		font-family: sans-serif;
		font-size: .75em;
		margin: auto;
		text-align: left;
	}
	
	
</style>