body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #fff;
	background-color: #000;
	text-align: center;
/* part 1 of 2 centering hack */
	}
a {
	text-decoration: none;
	color:  #eee;
	outline: none;
	}
a:visited {
	color:  #eee;
	}
a:active {
	color:  #eee;
	}
a:hover {
	color: #eee;
	text-decoration: none;
	}
	
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 22px;
	margin-top: 0px;
	margin-bottom: 0px; 
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	color: #d77A1D;
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: 100;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0;
	}
h7 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	color: #FFF;
	font-style: normal;
	border-bottom: 1px solid #FFF;
	text-transform: uppercase;
	}	
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
#content {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: #000;
	border: 1px solid #000;
	text-align:left; /* part 2 of 2 centering hack */
	width: 800px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	}
html>body #content {
	width: 800px; /* ie5win fudge ends */
	}
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

/*BEGIN KMF CONTENT ABOVE EDITS ONLY*/

#header {
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	background-color: #000;
	width: 800px;
	height: 280px;
	margin-top: 32px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #d77A1d;
	}

#maincontent {
	background-color: #000;
	width: 800 px;
	float: left;
	border-bottom: 1px dotted #d77A1d;
	padding-top: 10px;
	}
		#lftcontent {
			width: 800px;
			padding-top: 5px;
			padding-bottom: 5px;
			}
			#contactform {
				float: left;
				display: inline;
				padding-left: 15px;
				}
			#recording {
				float: left;
				display: block;
				height: 177px;
				width: 200px;
				background-image: url(../images/recording.gif);
				background-repeat: no-repeat;
				padding-bottom: 2px;
				}
			#contact {
				float: left;
				display: block;
				height: 177px;
				width: 200px;
				background-image: url(../images/contact.gif);
				background-repeat: no-repeat;
				padding-bottom: 2px;
				}
			#web {
				float: left;
				display: block;
				height: 177px;
				width: 200px;
				background-image: url(../images/web.gif);
				background-repeat: no-repeat;
				padding-bottom: 2px;
				}
			#video {
				float: left;
				display: block;
				height: 177px;
				width: 200px;
				/*
				background-image: url(../images/video.jpg);
				*/
				background-repeat: no-repeat;
				padding-bottom: 2px;
				}
			#print {
				float: left;
				display: block;
				height: 177px;
				width: 200px;
				/*
				background-image: url(../images/print.jpg);
				*/
				background-repeat: no-repeat;
				padding-bottom: 2px;
				}

		#rtcontent {
			float: right;
			color: #fff;
			display: inline;
			width: 585px;
			padding-left: 5px;
			}	
				#rtcontent ul {
					list-style-type: circle;
					}
				#rtcontent a {
					color: #d77a1d;
					}
				#rtcontent a:hover {
					color: #fff;
					text-decoration: none;
					}

		#guide {
			color: #000;
			background-color: #b35a00	;
			/*background-image: url(../images/go-btn.gif);
			*/
			background-repeat: no-repeat;
			background-position: bottom right;
			width: 40%;
			float: right;
			margin-top: -100px;
			font-style: italic;
		}
			#guide a {
				
				}
			#guide a:hover {
				background-image: url(../images/go-btn-over.gif);
				background-repeat: no-repeat;
				background-position: bottom right;
				}
		#projects {
			color: #000;
			background-color: #b35a00	;
			background-repeat: no-repeat;
			background-position: bottom right;
			width: 40%;
			float: right;
			margin-top: -100px;
			font-style: italic;
		}
			#projects a {
				
				}
			#projects a:hover {
				color:#ffffff;
				background-position: bottom right;
				}

#nav{
   white-space : nowrap;
   background-color : #000;
   float : left;
   color : White;
   width : 800px;
   border-style : solid;
   border-color : #000;
   border-width : 0px 0 0px 0;
}
	#nav ul{
	   padding : 0;
	   margin : 0;
	   float : left;
	}
	#nav ul li{
	   display: inline;
	}
	#nav ul li a{
	   padding-left : 0px;
	   padding-right : 30px;
	   background-color : #000;
	   color : #d77a1d;
	   text-decoration : none;
	   float : left;
	   border-right-color : #d77a1d;
	   border-right-style : 1px solid #d77a1d;
	   border-right-width : 0px;	
	}
	#nav ul li a:hover{
	   background-color : #000;
	   color : #fff;
	}

/*FORM*/

	label{
	float: left;
	text-align:right;
	padding-right: 5px;
	width: 180px;
	font-weight: bold;
	}
	
	input, textarea{
	width: 250px;
	margin-bottom: 5px;
	}
	
	textarea{
	width: 250px;
	height: 150px;
	}
	
	.boxes{
	width: 1em;
	}
	
	#submitbutton{
	margin-left: 185px;
	margin-top: 5px;
	width: 90px;
	}
	
	br{
	clear: left;
	}
	
/*END FORM*/

#form {color:#d77a1d;}

/*HTML TAGS*/

hr{
	border: 0px;
	border-top: 1px dotted #d77a1d;
}

/****************************************LIGHTBOX JS******************************************************/
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}