/* Master Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}






/* style start */

body
{
	background-color:#161616;
	font-family:arial,helvetica,sans-serif; /* your font stack and style should be applied to the whole page.*/ 
	color:white;						/* this keeps you from having to define it on each element */
}										/* You can change specialized fonts on an individual basis */
										
/* shorthand makes your life easy */
/* note that no matter if you use longhand or shorthand, the order of these needs to be*/ 
/* link, visited, focus, hover, active. Hover can be used seperately without issue */
/* just remember, Lord Vader Former Handle Anakin */
/* while this works for now, remember this CSS applies to your whole page, and this will style*/
/* ALL of your links this way.  Be specific with your CSS, let's define just the nav links */

#nav a:link, #nav a:visited, #nav a:focus, #nav a:active
{
	color: #ffffff;
	text-decoration: none;
	z-index:100;
}

#nav a:hover 
{
	color: #540000;
}

/* the problem with your H1 stuff was that your html was not standards compliant, and when you */
/* applied the standards, it broke your styling because it was incorrect */
/* I've changed this to H1 and used an un-ordered list for the nav */
/* Web crawlers will use this to help define the structure of your site */

#vidRollhi
{
  display: block;
  width: 158px;
  height: 108px;
  background: url("tripod/images/tripod_vid_hi_th.gif") no-repeat 0 0;

}

#vidRollhi:hover
{ 
  background-position: 0 -108px;
}

#vidRollhi span
{
  display: none;
}

#vidRolllo
{
  display: block;
  width: 158px;
  height: 108px;
  background: url("tripod/images/tripod_vid_lo_th.gif") no-repeat 0 0;

}

#vidRolllo:hover
{ 
  background-position: 0 -108px;
}

#vidRolllo span
{
  display: none;
}

#vidPlanevid
{
  display: block;
  width: 158px;
  height: 108px;
  background: url("engine/images/engine_vid_th.gif") no-repeat 0 0;

}

#vidPlanevid:hover
{ 
  background-position: 0 -108px;
}

#vidPlanevid span
{
  display: none;
}

#vidPlanepre
{
  display: block;
  width: 158px;
  height: 108px;
  background: url("engine/images/engine_previs_th.gif") no-repeat 0 0;

}

#vidPlanepre:hover
{ 
  background-position: 0 -108px;
}

#vidPlanepre span
{
  display: none;
}

/* Mgrote.com Title */
h1
{
	position:fixed;
	top:22px;
	left:95px;
	z-index:0;
	font-size:35px;
	font-weight:bold;
}

h1:first-letter
{
	color:#540000;
	font-style:italic;
	margin: 0 5px 0 0;
}

/* portfolio of Michael grote */
h2
{
	position:fixed;
	top:62px;
	left:110px;
	font-size:16px;
	font-weight:bold;
}

/* lower-left email address */
h3
{
	color:white;
	font-size:20px;
	font-weight:bold;
	position:fixed;
	left:95px;
	bottom:25px;
	text-decoration: none;
	z-index:99;
}

h3:first-letter
{
	color:#540000;
	font-style:italic;
	margin: 0 5px 0 0;
}

/* Page Title */
h4
{
	color:white;
	font-size:29px;
	font-weight:bold;
	text-decoration:none;
}

h4:first-letter
{
	color:#540000;	
	font-style:italic;
	margin: 0 5px 0 0;
}


/* Links Page Titles */
h5
{
	color:white;
	font-size:20px;
	font-weight:bold;
	padding-bottom:7px;
}

h5:first-letter
{
	color:#540000;	
	font-style:italic;
	margin: 0 5px 0 0;
}

h6
{
	color:white;
	font-size:16px;
	font-weight:normal;
	text-decoration:none;
}

.floatleft
{
float:left;
margin-right:auto;
}

.floatright
{
float:right;
margin-left:auto;
margin-right:30px;
}
	
.details
{
position:fixed;
top:430px;
left:100px;
z-index:1;
}
	
.red
{
color:#540000;
}

.links
{
position:fixed;
top:80px;
left:-3px;
z-index:0;
}

.bodyarea
{
margin:20px 20px 30px 332px;
z-index:9;
text-decoration:none;
}

.center
{
margin-left:auto;
margin-right:auto;
}

.logo
{
position:fixed;
top:18px;
left:13px;
z-index:1;
}

/* navigation links */
#nav
{
	list-style: none;
	margin: 90px 0 0 98px;
	font-size: 29px;
	font-weight: bold;
	z-index:99;
}

#nav li
{
	z-index:98;
}

#nav li:first-letter
{
	color:#540000;
	font-style:italic;
	margin-right: 5px;
	z-index:97;
}