* {
	margin: 0;
	padding: 0;
	border: 0;
	behavior: url(_resources/iepngfix.htc);
	}

a { /* fix FIREFOX dotted links */
	outline: none;
	}

html,
body {
	height: 100%;
	}
body {
	_text-align: center;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#fff;
	background:#000 url(../_images/bg.jpg) center;
	overflow: hidden;
}


/*  LAYOUT  */
	
	p {
		margin:9px 0 0 0;
		font-size:12px;
		line-height:18px;
		}
	
	#centerer {
		width: 800px;
		height: 600px;
		text-align: left;
		border: 4px solid #000;
		background-color: #000;
		color: #fff;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -400px; /* Half the width of the DIV tag  */
		margin-top:  -300px; /* Half the height of the DIV tag */
		background: url(../_images/lvl2.jpg) no-repeat;
		}
	
	#neokio {
		position: absolute;
		left: 582px;
		top: 12px;
		width: 212px;
		height: 88px;
		background: url(../_images/neokio.png) no-repeat;
		z-index: 99;
		}
	
	.section {
		position: absolute;
		top: 10px;
		left: 40px;
		font-family: cochin, georgia, times, serif;
		zfont-weight: bold;
		font-style: italic;
		letter-spacing: 1px;
		font-size: 19px;
		_font-size: 18px;
		color: #fff;
		zborder-bottom: 1px dotted #666;
		}
	.subsection {
		position: absolute;
		top: 28px;
		left: 40px;
		font-family: cochin, georgia, times, serif;
		font-style: italic;
		font-size: 28px;
		_font-size: 24px;
		font-weight: bold;
		color: #f90;
		}
	.subsolo {
		top: 17px;
		}
	.shadow {
		margin: 2px 0 0 2px;
		color: #000;
		}

	.black50 {
		position:absolute;
		left: 0;
		top: 0;
		background-color: #000;
		filter:alpha(opacity=60);
		-moz-opacity:0.6;
		opacity: 0.6;
		z-index: 1;
		}
	.black35 {
		position:absolute;
		left: 0;
		top: 0;
		padding: 10px 0;
		background-color: #000;
		filter:alpha(opacity=35);
		-moz-opacity:0.35;
		opacity: 0.35;
		z-index: 1;
		}

/*  NAV  */

	#dtree_container {
		position: absolute;
		top: 65px;
		left: 607px;
		width: 189px;
		_text-align: left;
		_padding: 10px 0 10px 15px;
		_z-index: 24;
		_overflow: hidden;
		}
	#dtree_content {
		position: relative;
		padding: 10px 0 10px 15px;
		z-index: 24;
		overflow: hidden;
		}
	#dtree_fluorish {
		position: relative;
		left:-6px;
		_display: none;
		}
	
	
	.dtree {
		position: relative;
		font-size: 11px;
		color: #fff;
		white-space: nowrap;
		z-index: 10;
		}
	.dtree img {
		vertical-align: middle;
		}
	.dtree a {
		color: #aaa;
		text-decoration: none;
		}
	.dtree a.node,
	.dtree a.nodeSel {
		white-space: nowrap;
		padding: 1px 2px 1px 3px;
		}
	.dtree a.node:hover,
	.dtree a.nodeSel:hover {
		zcolor: #fff;
		text-decoration: underline;
		}
	.dtree a.nodeSel {
		color: #fff;
		font-weight: bold;
		border: 1px solid #667;
		}

/*  VIDEO  */

	#video {
		position: relative;
		top: 74px;
		left: 100px;
		width: 480px;
		height: 376px;
		border: 16px solid #000;
		background: #000;
		}
	#video_container {
		position: absolute;
		top: 482px;
		left: 100px;
		width: 512px;
		overflow: hidden;
		zborder: 1px solid #f00;
		}
	#video_copy {
		position: relative;
		font-family: georgia, times, serif;
		font-size: 12px;
		_font-size: 11px;
		line-height: 16px;
		margin: 10px 35px 10px 40px;
		_padding: 10px 0 0 0;
		zborder: 1px solid #f00;
		z-index: 30;
		}

/*  GRAPHICS  */

	#graphics_container {
		position: absolute;
		top: 74px;
		right: 188px;
		height: 490px;
		overflow: hidden;
		z-index: 30;
		zborder: 1px solid #f00;
		}
	#graphics {
		position: relative;
		line-height: 0;
		overflow: hidden;
		z-index: 30;
		background: #000;
		border: 1px solid #000;
		}
	#scrollArea {
		position	: absolute;
		left		: 0px;
		top			: 75px;
		height		: 487px;
		width		: 15px;
		border		: 0px solid #f90;
		background	: url(../_images/bg.jpg);
		overflow	: hidden;
		z-index:	22;
		}
	#scroller {
		position	: absolute;
		top			: -1px;
		width		: 13px;
		zbackground	: #aaa;
		background: url(../_images/stripes.gif) center;
		border: 1px solid #000;
		z-index:	25;
		}

/*  WEB  */

	#web_image {
		position: absolute;
		top: 75px;
		left: 211px;
		}
	#web_container {
		position: absolute;
		top: 74px;
		left: 0px;
		overflow: hidden;
		_text-align: left;
		}
	#web_copy {
		position: relative;
		width: 156px;
		font-family: georgia, times, serif;
		font-size: 12px;
		_font-size: 11px;
		line-height: 18px;
		zletter-spacing: 0.2px;
		ztext-align: justify;
		margin: 10px 15px 10px 40px;
		_padding: 10px 0 0 0;
		z-index: 30;
		}
	#web_copy a {
		color: #a9f;
		}

/*  PROJECTS  */

	#projects_container {
		position: absolute;
		left: 0;
		top: 74px;
		width: 610px;
		height: 490px;
		zborder: 1px solid #f00;
		overflow: hidden;
		}
	#projects {
		position: relative;
		font-family: georgia, times, serif;
		font-size: 13px;
		_font-size: 12px;
		line-height: 20px;
		zletter-spacing: 0.2px;
		margin: 10px 45px 50px 40px;
		_padding: 10px 0 0 0;
		z-index: 30;
		}
	#projects a {
		color: #a9f;
		}	



/*  BLOG  */

	#blog_container {
		position: absolute;
		left: 0;
		top: 74px;
		width: 610px;
		height: 490px;
		zborder: 1px solid #f00;
		overflow: hidden;
		}
	#blog {
		position: relative;
		font-family: georgia, times, serif;
		font-size: 13px;
		_font-size: 12px;
		margin: 10px 45px 50px 40px;
		_padding: 10px 0 0 0;
		z-index: 30;
		}
	.blog_name {
		font-size: 16px;
		_font-size: 15px;
		font-weight: bold;
		font-style: italic;
		letter-spacing: 0.2px;
		margin: 0 0 0 0;
		}
	.blog_date {
		font-size: 10px;
		font-color: #999;
		font-style: italic;
		margin: 0 0 15px 0;
		}
	.blog_copy {
		margin: 0 0 0 20px;
		line-height: 20px;
		}
	.blog_spacer {
		margin: 15px 0 0 0;
		}


/*  LINKS  */

	#links_container {
		position: absolute;
		left: 0;
		top: 74px;
		width: 610px;
		height: 490px;
		zborder: 1px solid #f00;
		overflow: hidden;
		}
	#links {
		position: relative;
		font-family: georgia, times, serif;
		font-size: 13px;
		_font-size: 12px;
		margin: 10px 45px 50px 40px;
		_padding: 10px 0 0 0;
		z-index: 30;
		zborder: 1px solid #f00;
		}
	.links_name a {
		color: #a9f;
		font-size: 16px;
		_font-size: 15px;
		font-weight: bold;
		font-style: italic;
		letter-spacing: 0.2px;
		margin: 0 30px 0 0;
		}
	.links_copy {
		line-height: 20px;
		}




/*  ABOUT  */

	#bio_photo {
		position: absolute;
		top: 74px;
		left: 240px;
		z-index: 30;
		}
	#about_container {
		position: absolute;
		left: 0;
		top: 74px;
		width: 610px;
		height: 490px;
		zborder: 1px solid #f00;
		overflow: hidden;
		}
	#about {
		position: relative;
		font-family: georgia, times, serif;
		font-size: 13px;
		_font-size: 12px;
		line-height: 20px;
		zletter-spacing: 0.2px;
		margin: 10px 45px 50px 40px;
		_padding: 10px 0 0 0;
		z-index: 30;
		}
	#about a {
		color: #a9f;
		}	

/*  CONTACT  */

	#contact {
		position: absolute;
		top: 104px;
		left: 364px;
		width: 220px;
		color: #000;
		}
	
	.form {
		border: 1px solid #666;
		background-color: #000;
		padding: 2px;
		font: 11px 'trebuchet ms',verdana,sans-serif;
		color: #fff;
		}

	#mailmessage {
		position: absolute;
		bottom: 526px;
		left: 345px;
		width: 264px;
		border: 1px solid #000;
		background-color: #fff;
		
		font: 11px 'trebuchet ms',verdana,sans-serif;
		text-align: center;
		font-weight: bold;
		color: #000;
		}






/*  MISC  */

	h1 {
		display: none;
		color: #000;
		}

	.button {
		font-family: trebuchet ms, verdana, sans-serif;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		}
	.button a { 
		display: block;
		text-decoration: none;
		color: #000;
		padding: 1px 3px;
		border: 1px solid #000;
		}
	.button a:hover {
		display: block;
		color: #000;
		background-color: #f90;
		border: 1px solid #000;
		}

/*  UNUSED?  */

	.link a {
		position: relative;
		display: block;
		font-size: 12px;
		text-decoration: underline;
		color: #F90;
		font-weight: bold;
		line-height: 11px;
		white-space: nowrap;
		}
	.link2 {
		position: relative;
		display:block;
		line-height: 11px;
		padding: 0 0 20px 20px;
		}