html, body, #contents {	
  min-height: 100%; 
  width: 100%; 
  height: 100%;
}

html>body, html>body #contents { 
  height: auto;
}

html, body {
  margin: 0em;
  padding: 0em;
}

#contents {
  position: absolute;
  top: 0px;
  left: 10%;
  width: 800px;
  margin: 0em;
  padding: 0em;
}

#alexcontents {
  position: absolute;
  top: 0px;
  left: 10%;
  width: 800px;
  margin: 0em;
  padding: 0em;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  color: #002B5F;
}

#fishcontents {
  position: absolute;
  top: 0px;
  left: 10%;
  width: 800px;
  margin: 0em;
  padding: 0em;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  color: #002B5F;
}

#maxcontents {
  position: relative;
  width: 800px;
  margin: 0em;

  font-family: Tahoma, Verdana, Arial, sans-serif;
  color: #002B5F;
  text-align: center;
}

#head {
  position: relative;
  width: 800px;
  height: 29px;
  margin: 0em; 
  padding: 1em 0em 1em 0em;
  text-align: center;
}

#churchhead {
  position: relative;
  width: 800px;
  height: 55px;
  margin: 0em; 
  padding: 1em 0em 1em 0em;
  text-align: center;
}

#fishhead {
  position: relative;
  width: 800px;
  height: 55px;
  margin: 0em; 
  padding: 1em 0em 1em 0em;
  text-align: center;
}

#deerhead {
  position: relative;
  width: 800px;
  height: 55px;
  margin: 0em; 
  padding: 1em 0em 1em 0em;
  text-align: center;
}

#movievrmlhead {
  position: relative;
  width: 800px;
  height: 55px;
  margin: 0em; 
  padding: 1em 0em 1em 0em;
  text-align: center;
}

#hanselhead {
  position: relative;
  width: 800px;
  height: 105px;
  margin: 0em; 
  padding: 1em 0em 1em 0em;
  text-align: center;
}

#linksection {
  position: relative;
  width: 800px;
  height: 25px;
  margin: 0em;
  padding: 0em;
}

#maxlinksection {
  position: relative;
  width: 750px;
  height: 25px;
  margin: 0em;
  padding: 0em 1em 0em 1em;
  text-align: center;
}

#maxlinksection li {
  padding: 0em 1em 0em 1em;
}

#links {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 800px;
  height: 25px;
  margin: 0em;
  padding: 0em;
  z-index: 2;
}

#topbar {
  position: absolute;
  bottom: 2px;
  left: 0px;
  width: 800px;
  height: 4px;
  margin: 0em;
  padding: 0em;
  z-index: 3;
}

#mainbody {
  position: relative;
  width: 800px;
  height: 275px;
  margin: 0em;
  padding: 0em;
  background-image: url(images/maingrey.jpg);
  background-repeat: no-repeat;
}

#midbody {
  position: relative;
  width: 800px;
  height: 200px;
  margin: 0em;
  padding: 0em;
  background-image: url(images/greydient.jpg);
  background-repeat: no-repeat;
}

#churchbody {
  position: relative;
  width: 800px;
  height: 270px;
  margin: 0em;
  padding: 0em;
  background-image: url(images/greydient.jpg);
  background-repeat: no-repeat;
}

#webbody {
  position: relative;
  width: 800px;
  height: 650px;
  margin: 0em;
  padding: 0em;
  background-repeat: no-repeat;
}

#advbody {
  position: relative;
  width: 800px;
  height: 420px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#hanselbody {
  position: relative;
  width: 800px;
  height: 2410px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#alexbody {
  position: relative;
  width: 800px;
  height: 480px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#fishbody {
  position: relative;
  width: 800px;
  height: 350px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#fishbody table {
  position: relative;
  width: 800px;
  height: 300px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#deerbody {
  position: relative;
  width: 800px;
  height: 350px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#deerbody table {
  position: relative;
  width: 800px;
  height: 300px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#deer2body {
  position: relative;
  width: 800px;
  height: 900px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#deer2body table {
  position: relative;
  width: 800px;
  height: 300px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#tutbody {
  position: relative;
  width: 800px;
  height: 680px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#tutbody table {
  position: relative;
  width: 800px;
  height: 300px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#openglbody {
  position: relative;
  width: 800px;
  height: 520px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#independentbody {
  position: relative;
  width: 800px;
  height: 780px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#independentbody table {
  position: relative;
  width: 800px;
  height: 300px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#movietheaterbody {
  position: relative;
  width: 800px;
  height: 380px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#mayabody {
  position: relative;
  width: 800px;
  height: 250px;
  margin: 0em;
  padding: 0em;
}

#dbody {
  position: relative;
  width: 800px;
  height: 470px;
  margin: 0em;
  padding: 0em;
}

#vrmlbody {
  position: relative;
  width: 800px;
  height: 450px;
  margin: 0em;
  padding: 0em;
}

#dbbbody {
  position: relative;
  width: 800px;
  height: 800px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#multibody {
  position: relative;
  width: 800px;
  height: 450px;
  margin: 0em;
  padding: 0em;
}

#identitybody {
  position: relative;
  width: 800px;
  height: 300px;
  margin: 0em;
  padding: 0em;
}

#gatorbody {
  position: relative;
  width: 800px;
  height: 450px;
  margin: 0em;
  padding: 0em;
}

#digbody {
  position: relative;
  width: 800px;
  height: 275px;
  margin: 0em;
  padding: 0em;
}

#movievrmlbody {
  position: relative;
  width: 800px;
  height: 570px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#movievrmlbody table {
  position: relative;
  width: 800px;
  height: 300px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#moviebody {
  position: relative;
  width: 800px;
  height: 500px;
  margin: 0em;
  padding: 0em;
}

#sim2body {
  position: relative;
  width: 800px;
  height: 825px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#sim2body table {
  position: relative;
  width: 800px;
  height: 300px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#sim3body {
  position: relative;
  width: 800px;
  height: 930px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#sim3body table {
  position: relative;
  width: 800px;
  height: 300px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#montbody {
	position: relative;
	width: 850px;
	height: 600px;
	margin: 0em;
	padding: 0em;
	background-image: url(images/greydient.jpg);
	background-repeat: no-repeat;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #002B5F;
}

#tradbody {
  position: relative;
  width: 800px;
  height: 845px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#tradbody table {
  position: relative;
  width: 800px;
  height: 300px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#typbody {
  position: relative;
  width: 800px;
  height: 1990px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#typbody table {
  position: relative;
  width: 800px;
  height: 300px;
  margin: 0em;
  padding: 0em;
  text-align: center;
}

#profbody {
  position: relative;
  width: 800px;
  height: 350px;
  margin: 0em;
  padding: 0em;
  background-image: url(images/greydientlong.jpg);
  background-repeat: no-repeat;
  color: #ffffff;
}

#johnleft {
  width: 400px;
  float: left;
  margin: 0em;
  padding: 1em 1em 1em 1em;
}

#midleft {
  width: 400px;
  float: left;
  margin: 0em;
  padding: 2em 0em 1em 0em;
}

#digleft {
  width: 300px;
  float: left;
  margin: 0em;
  padding: 2em 2em 1em 3em;
}

#dleft {
  width: 700px;
  margin: 0em;
  padding: 0em 3em 0em 8em;
}

#dleft li {
  padding: 1em 4em 0em 1em;
  text-align: center;
}

#vrmlleft {
  width: 560px;
  margin: 0em;
  padding: 0em 3em 0em 8em;
}

#vrmlleft li {
  padding: 1em 4em 0em 1em;
  text-align: center;
}

#multileft {
	width: 560px;
	margin: 0em;
	padding: 0em 3em 0em 8em;
}

#multileft li {
	padding: 1em 4em 0em 1em;	
}

#profileleft {
  width: 200px;
  float: left;
  margin: 0em;
  padding: 1em 0em 1em 0em;
}

#midright {
  width: 400px;
  float: right;
  margin: 0em;
  padding: 0em;
}

#digright {
  width: 300px;
  float: right;
  margin: 0em;
  padding: 1em 3em 0em 4em;
}

#dright {
  width: 560px;
  margin: 0em;
  padding: 0em 3em 0em 8em;
}

#vrmlright {
  width: 560px;
  margin: 0em;
  padding: 0em 0em 0em 9em;
}

#multiright {
  width: 700px;
  margin: 0em;
  padding: 0em 3em 0em 5.2em;
}

#multiright li {
  padding: 1em 3.7em 1em 3em; 
}

#dright li {
  padding: 1em 4em 0em 1em;
  text-align: center;
}

#vrmlright li {
  padding: 1em 5em 1em 0em;
  text-align: center;
}

#johnright {
  width: 400px;
  float: right;
  padding: 0em;
}

#profileright {
  width: 520px;
  float: right;
  padding: 0em;
}

#profileright li {
  padding: 0em 2em 0em 2em;
}

#montagelittle {
	position: relative;
	padding: 1em 3em 0em 4em;
}

#typographylittle {
    position: relative;
	padding: 1em 2em 0em 2em;
}

#movieinter {
  position: relative;
  width: 600px;
}

#movieinter li {
  padding: 1em 6em 1em 2.5em;
}

#metainter {
  position: relative;
  width: 700px;
}

#metainter li {
  padding: 0em 6em 1em 2.5em;
}

#dreamdance {
	position: relative;
	width: 700px;		
}

#dreamdance li {
  padding: 1em 2em 1em 0em;
}

#identigator {
  position: relative;
  width: 700px;
}

#identigator li {
  padding: 0em 6em 1em 6em;
}

#mayamax {
	position: relative;
	width: 700px;		
}

#mayamax li {
  padding: 1em 9em 1em 5em;
}

#alexpoly {
	position: relative;
	width: 700px;		
}

#alexpoly li {
  padding: 1em 4em 1em 1em;
}

#bottombar {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 800px;
  height: 3px;
  margin: 0em;
  padding: 0em; 
}

#footer {  
  width: 800px;
  margin: 0em auto;
  padding: 1em 0em 1em 0em;
  text-align: center;
}

#bottomlinks {
  width: 800px;
  margin: 0em;
  padding: 0em;
}

#bottomlinks li {
  display: inline;
}

#validations {
  width: 800px;
  margin: 0em;
  padding: 0.5em 0em 0.5em 0em;
}

#validations li {
  display: inline;
}

a {
  text-decoration:none
}

a img { 
  border: none;
}

ul, li {
  display: inline;
  margin: 0em;
  padding: 0em;
  float: left;
}

#midleft li {
  padding: 0em 0.5em 0em 0.5em;
}

#footer li {
  float: none;
  
}

#footer ul {
  float: none;
}

#ocpres {
  text-align: center;
  width: 400.5px;
}

#ocprestitle {
  text-align: center;
}

#redesign {
  text-align: center;
  width: 400.5px;
}

#redesigntitle {
  text-align: center;
}

#otherwork {
  text-align: center;
  width: 400.5px;
}

#otherworktitle {
  text-align: center;
}

#otherworkwords li
{
  text-align: center;
  padding: 0em 0.5em 0em 1em;
}

#dps2click {
  text-align: center;
}