body {
	/* 
	Here we'll declare the default font-size and font-family.
	The rest of the typographical rules use relative sizes based on this font-size.
	We can easily modify overall typography by changing or overriding these values.
	*/
	
	font-family: verdana, arial, helvetica;
	background-color: #fff;
	color: #444;
	text-decoration: none;
	word-spacing: 0.05em;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.4em;
	font-size: .6em;
	margin:0;
	padding:0;
	font-weight:400;
	}

p {margin:0 0 1em;}
#Content p {line-height:1.8; /* ~20px */}
#Content blockquote p {line-height:1.5;}
/* Browsers that understand the CSS child selector get the good typography. */
#Content p+p {margin-top:-1em; text-indent:2.7em;}

a {
	color:#09c;
	text-decoration:none;
	font-weight:600;
	}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {color:#FF5809;}

h1 {
	color:#333333;
	font-size:12px; /* Not a relative value, since this is the site logotype */
	line-height:12px; /* Ditto */
	font-weight:800;
	font-family:verdana, arial, helvetica, sans-serif; /* Again, it's the logotype, so we want this control. */
	margin:0;
	padding:0;
	}
h2 {
	color:#ccc;
	font-size:2.18em; /* ~24px */
	font-weight:800;
	margin:0 0 .83em; /* margin-bottom: ~20px */
	}
h3 {
	color:#333;
	font-size:1em;
	font-weight:700;
	margin:1.63em 0 .27em; /* ~18px 0 ~3px */
	}
h4 {
	color:#999;
	font-size:1.27em; /* ~14px */
	font-weight:800;
	margin:.43em 0 .214em; /* ~6px 0 ~3px */
	}
h5 {
	color:#999;
	font-size:1em;
	font-style:italic;
	font-weight:800;
	margin:1.8em 0 .27em; /* ~20px 0 ~3px */
	}
ul	{
	margin-top:0px;
	padding-top:0px;
	}
blockquote {
	margin:1em 2.7em 1.36em; /* 11px ~30px ~15px */
	color:#666;
	line-height:1.5;
	}
	
img {border-width:0;}
img.thumb {margin:10px 1px;}
.inputstyle{
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	}
.portfolioimg{
	float:right;
	padding:0 25px 0 15px;
	}

#Menu {
	float:left;
	width:150px;
	margin-top:38px;
	padding:0 10px 40px;
	background-image:url(/images/dotted_vertical.gif);
	background-repeat:repeat-y;
	}
#Menu h2 {
	color:#ccc;
	font-size:1.27em; /* ~14px */
	font-weight:800;
	margin:.86em 0 .214em; /* ~12px 0 ~3px */
	}
#Menu p {
	font-size:.9em;
	line-height:1.5;
	margin:0 0 2em;
	}
#Menu ul {margin:0 0 0 1em; padding:0;}
#Menu li {list-style-type:none; margin:0; padding:0; text-indent:-1em;}
	
/* Please forgive me.
   The extra DIV (Main) is needed to overcome a shortcoming of Opera5/Win.
   The prefered way to set the width of the content would be to pad the 
   content of #Content using 
   "#Content>* {padding-left:114px; padding-right:15px;}" */

#Main {
	clear:left;
	float:left;
	width:70%;
	}

#Content {
	padding:38px 15px 0px 114px;
	background-image:url(/images/bg_leaf.gif);
	background-repeat:no-repeat;
	background-position:top right;
	}

#Header {
	width:100%;
	margin-top:65px;
	height:32px;
	border-color:black;
	border-style:solid;
	border-width:1px 0;
	background-image:url(/images/header_right.gif);
	background-repeat:no-repeat;
	background-position:center right;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. */
	voice-family: "\"}\"";
  	voice-family:inherit;
		height:30px;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. */
body>#Header {height:30px;}

#headerLogo {
	position:absolute;
	top:31px;
	height:77px;
	background-image:url(/images/BrentRussell.header_left.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:20px 20px 20px 437px;
	}

#headerOverlap {
	position:absolute;
	top:43px;
	left:69%;
	width:139px;
	height:114px;
	background-image:url(/images/header_rock.jpg);
	background-position:center left;
	background-repeat:no-repeat;
	}

#Copyright {
	clear:both;
	padding:50px 0px 100px 0px;
	text-align:center;
	font-weight:800;
	color:#999;
	}
#copyrightText {
	position:relative;
	left:-1.5em;
	}

#logNav {margin:3em 0 4em; text-align:center;}