* {
  padding: 0;
  margin: 0;
 }
 
/* 
====================================
	Text
====================================
*/

body {
  font-family: verdana;
  font-size: 12px;
  color: #ddd;
  background-image: url(img/background.gif);
  background-repeat: repeat-y;
  background-color: #292929;
 }

.title {
	padding-bottom: 2px;
	margin-bottom: -5px;
 }
 
.date {
  float: right;
  margin-right: 30px;
	width: 150px;
 }

div.headline {
  font-size: 14px;
  color: #ff9900;
  font-weight: bold;
  padding-top: 1px;
  margin-bottom: 18px;
  }

div.subheadline {
  color: #888;
  font-family: verdana;
  font-size: 14px;
  font-weight: bold;
  margin-left: 0px;
  margin-top: 16px;
  margin-bottom: 10px;
  }

div.subtitle {
  font-size: 12px;
  color: #999;
  font-weight: bold;
  }
  
a, a.resources {
  color: #dd8800;
  text-decoration: underline;
 }

a.resume {
  color: #2222AA;
  text-decoration: underline;
}

a.footer {
 color: #666;
}
 
a.video576 {
  color: #dd8800;
  text-decoration: underline;
  margin-left: 475px;
 }
 
a.video640 {
  color: #dd8800;
  text-decoration: underline;
  margin-left: 539px;
 }

a:hover, a.video576:hover, a.video640:hover {
  color: #ff9900;
  text-decoration: underline;
 }

a.resume:hover {
  color: #5555ff;
  text-decoration: underline;
}

a.footer:hover {
  color: #888;
  text-decoration: underline;
}


/* 
====================================
	Blocks
====================================
*/
div.looking {
  float: left;
  position: absolute;
  margin-top: 265px;
  padding-left: 50px;
  padding-right: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 200px;
  font-size: 11px;
  font-weight: bold;
  color: #ff9900;
  background: #494949;
}

.contact {
  float: left;
  position: absolute;
  margin-top: 334px;
  padding-left: 50px;
  padding-top: 10px;
  padding-bottom: 15px;
  width: 205px;
  background: #292929;
  color: #999999;
 }

.contact ul.contactlist li {
  list-style-type: none;
  padding-top: 3px;
  padding-bottom: 3px;
 }

.contact ul.contactlist li a {
  color: #999999;
 }
  
.contact ul.contactlist li a:hover {
  color: #ffaa00;
 }
  
.contact ul.contactlist li.contacttitle {
  color: #5d5d5d;
  font-family: verdana;
  font-size: 14px;
  font-weight: bold;
 }

.left {
  float: left;
  position: absolute;
  padding-top: 50px;
  width: 285px;
 }


.left ul.menu li {
  float: right;
  list-style-type: none;
 }

.left ul.menu li a {
  margin-top: 2px;
  font-family: Verdana;
  font-size: 12px;
  color: #FFF;
  text-decoration: none;
  padding-top: 7px;
  padding-left: 5px;
  width: 155px;
  height: 23px;
  float: right;
}

.left ul.menu li a:hover {
  background: #292929;
 }
 
.left ul.menu li.active a {
  color: #ff9900;
  background: #292929;
 }

.right {
  padding-left: 305px;
  padding-top: 50px;
	max-width: 822px;
	min-width: 500px;
}

.block {
  margin-top: 10px;
  height: 106px;
  width: 800px;
 }
 
div.content {
  width: 700px;
	float: block;
	clear: both;
 }

div.textcontent {
	margin-top: 44px;
    width: 700px;
	float: block;
	clear: both;
 }

div.resume {
  width: 700px;
	float: block;
	color: #000000;
	margin-top: 0px;
}

td.resumebody {
  font-family: Arial;
  font-size: 12px;
  color: #000000;
}

td.resumeheadline {
  font-family: Arial;
  font-size: 16px;
  color: #000000;
  font-weight: bold;
}

td.resumetitle {
  font-family: Arial;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
}

div.alt_1 {
  width: 670px;
	float: block;
	background: #333;
	padding: 15px;
	margin-bottom: 2em;
}

div.alt_2 {
  width: 670px;
	float: block;
	background: #222;
	padding: 15px;
	margin-bottom: 2em;
}

div.video576 {
  width: 576px;
  float: left;
  margin-bottom: 2em;
  margin-top: 2em;
}

div.video640 {
  width: 640px;
  float: left;
  margin-bottom: 2em;
  margin-top: 2em;
}

div.video720 {
  width: 720px;
  float: left;
  margin-bottom: 2em;
  margin-top: 2em;
}

div.videodownload {
  float: right;
  position: relative;
}

div.footer {
 	margin-top: 50px; 
 	margin-bottom: 50px; 
 	color: #AAAAAA;
	clear: both;
}


/* 
====================================
	Navigation Buttons
====================================
*/

div.navi {
	margin-top: -70px;
	margin-right: 12px;
	float: right;
	width: 216px;
	height: 50px;
	z-index: 0;
	min-width: 220px; 
}

img.navi {
	height: 50px;
	width: 66px;
	margin-left: 2px; 
	margin-right: 2px;
  border: 1px solid black;     
 }

img.naviempty {
	height: 50px;
	width: 66px;
	margin-left: 2px; 
	margin-right: 2px;
  border: 1px solid #444;     
 }

div.navitext {
	margin-top: -70px;
	margin-right: 12px;
	float: right;
	width: 216px;
	z-index: 0;
	min-width: 220px; 
	clear: both; 
}

img.naviprevious {
	margin-top: 0px; 
	margin-left: 2px;
	width: 66px;
	border: 1px solid #664400;
 }
 
img.naviindex, img.navinext  {
	margin-top: 0px; 
	margin-left: 4px;
	width: 66px;
	border: 1px solid #664400;
 }

img.naviprevious:hover, img.naviindex:hover, img.navinext:hover {
  border: 1px solid #ff9900;
 }

/* 
====================================
	Thumbnail Rollover Buttons
====================================
*/

div.tree_shading_examples {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/tree_shading_examples.png);
	}

div.techart_guidelines {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/techart_guidelines.png);
	}

	div.painted_textures {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/painted_textures.png);
	}

div.world_of_zoo {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/world_of_zoo.png);
	}

div.cowgirl {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/cowgirl.png);
	}

div.gmts_landscape {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/gmts_landscape.png);
	}

div.protean_transform {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/protean_transform.png);
	}

div.concepts {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/concepts.png);
	}

div.nte_strike_retrieve {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/nte_strike_retrieve.png);
	}

div.motor_city {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/motor_city.png);
	}

div.star_fleet_command_2 {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/star_fleet_command_2.png);
	}

div.mechwarrior_3 {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/mechwarrior_3.png);
	}

div.hockey_99 {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/hockey_99.png);
	}

div.aladdin_fate_of_agrabah {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/aladdin_fate_of_agrabah.png);
	}

div.bladerunner {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/bladerunner.png);
	}

div.daedalus_encounter {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/daedalus_encounter.png);
	}

div.risd_sketchbooks {
	float: left; 
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/risd_sketchbooks.png);
	}

div.gmts_interface {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/gmts_interface.png);
	}

div.icons_world-processor {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/icons_world-processor.png);
	}

div.tree_light-scattering {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/tree_light-scattering.png);
	}

div.gmts_styles {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/gmts_styles.png);
	}

div.wiki_whatif {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/wiki_whatif.png);
	}

div.palm_rigged {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/palm_rigged.png);
	}
	
div.tree_light-scattering_video {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/tree_light-scattering_video.png);
	}

div.gmts_video {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/gmts_video.png);
	}

div.palm_rigged_video {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/palm_rigged_video.png);
	}

div.nte_strike_retrieve_video {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/nte_strike_retrieve_video.png);
	}

div.protean_transform_video {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/protean_transform_video.png);
	}

div.mechwarrior_3_video {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/mechwarrior_3_video.png);
	}

div.hockey_99_video {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/hockey_99_video.png);
	}

div.aladdin_fate_of_agrabah_video {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/aladdin_fate_of_agrabah_video.png);
	}

div.bladerunner_video {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 132px;
	height: 100px; 
  border: 1px solid #664400;
  background-image: url(thm/bladerunner_video.png);
	}

div.tree_shading_examples:hover, div.techart_guidelines:hover, div.painted_textures:hover, div.world_of_zoo:hover, div.cowgirl:hover, div.tree_light-scattering:hover, div.gmts_landscape:hover, div.gmts_interface:hover, div.gmts_styles:hover, 
div.wiki_whatif:hover, div.palm_rigged:hover, div.nte_strike_retrieve:hover, div.protean_transform:hover, 
div.concepts:hover, div.icons_world-processor:hover, div.motor_city:hover, div.star_fleet_command_2:hover, 
div.mechwarrior_3:hover, div.hockey_99:hover, div.aladdin_fate_of_agrabah:hover, div.bladerunner:hover, 
div.daedalus_encounter:hover, div.risd_sketchbooks:hover, 
div.tree_light-scattering_video:hover, div.gmts_video:hover, div.palm_rigged_video:hover, div.nte_strike_retrieve_video:hover,
div.protean_transform_video:hover, div.mechwarrior_3_video:hover, div.hockey_99_video:hover, div.aladdin_fate_of_agrabah_video:hover, 
div.bladerunner_video:hover
 {
  background-position: -132px 0px;
	cursor: pointer;
	border: 1px solid #ff9900;
 }

/* 
====================================
	Images
====================================
*/

div.banner {
  background-image: url(img/banner.gif);
	width: 211px;
	height: 46px;
	float: right; 
	margin-right: 25px; 
	margin-bottom: 18px; 
	border: 1px;
	}

div.banner:hover {
  background-position: -210px 0px;
	cursor: pointer;
 }


img.main {
  margin-right: 0px;
  margin-bottom: 16px;
  border: 0px;
 }

img.page {
  border: 0px;
 }

img.thumb {
  margin-right: 16px;
  border: 1px solid #664400;
 }

img.thumb:hover {
  border: 1px solid #ff9900;
 }