/* Page layout */
html, body
{
	width: 100%;
	height: 100%;
	font-size: 100%;
	font: normal 0.8em verdana, arial, helvetica, tahoma, sans-serif;
	color: #858080;
	text-align: center;
	background: url(../images/bg/body.gif) repeat-x #454444;
}
table
{
	width: 100%;
	height: 100%;
	padding: 0;
}
body, *
{
	margin: 0;
	padding: 0;
}
#holder
{
	position: relative;
	margin: 10px auto 10px auto;
	padding: 0 0 0 0;
	width: 738px;
	height: 488px;
	text-align: left;
	border: solid 1px #6e6d6d;
	background: url(../images/bg/holder.jpg) no-repeat #000;
}
#holder_head
{
	text-align: right;
}
	#head
	{
		padding: 0 0 0 0;
		height: 84px;
		text-align: left;
	}
	#menu
	{
		top: 76px;
		left: 22px;
		position: absolute;
		height: 50px;
		z-index: 4;
		width: 704px;
		overflow: hidden;
	}
		#menu ul
		{
			list-style: none;
		}
			#menu ul li
			{
				display: inline;
				float: left;
				margin: 0 18px 0 0;
			}
			#menu ul li a
				{
					cursor: pointer;
					display: block;
					color: #ccc;
				}
				#menu ul li#home a:hover,
				#menu ul li#how a:hover,
				#menu ul li#what a:hover,
				#menu ul li#who a:hover,
				#menu ul li#home a.selected,
				#menu ul li#how a.selected,
				#menu ul li#what a.selected,
				#menu ul li#who a.selected
				{
					background-position: bottom;
				}
				#menu ul li a.selected
				{
					cursor: default;
				}
			#menu ul li#how,
			#menu ul li#how a
			{
				height: 17px;
				width: 47px;
				background: url('../images/btn/how.gif') no-repeat;
			}
			#menu ul li#what,
			#menu ul li#what a
			{
				height: 17px;
				width: 55px;
				background: url('../images/btn/what.gif') no-repeat;
			}
			#menu ul li#who,
			#menu ul li#who a
			{
				height: 17px;
				width: 47px;
				background: url('../images/btn/who.gif') no-repeat;
			}
			#menu ul li#home,
			#menu ul li#home a
			{
				height: 17px;
				width: 57px;
				background: url('../images/btn/home.gif') no-repeat;
			}
			#menu ul li#home
			{
				margin-right: 440px;
			}
					#menu ul li a span
					{
						display: none;
					}
#holder_content
{
	padding: 0 0 0 0;
}
#content
{
	position: relative;
	height: 364;
	min-height: 404px;
	padding: 50px 101px 0 101px;
	font: normal 1.2em arial, verdana, helvetica, tahoma, sans-serif;
}
	#content ul
	{
		display: block;
		list-style: bullet;
		margin: 0 0 20px 15px;
		color: #B8BA85;
	}
		#content ul li span
		{
			color: #858080;
		}
	#content p
	{
		margin: 0 0 20px 0;
	}
	#content #player
	{
		position: relative;
		display: block;
		margin: 11px 0 0 0;
		left: 108px;
		width: 320px;
	}
		#player place
		{
			height: 260px;
		}
		#player a.backtovideo
		{
			position: absolute;
			margin: -26px -1px;
			font: normal 1.2em arial, verdana, helvetica, tahoma, sans-serif;
			color: #4E4E4E;
		}
			#player a.backtovideo b
			{
				font: bold 0.8em arial, verdana, helvetica, tahoma, sans-serif;
				letter-spacing: 1px;
				color: #938C8C;
			}
			#player a.backtovideo:hover
			{
				color: #4E4E4E;
			}
				#player a.backtovideo:hover b
				{
					position: relative;
					color: #fff;
				}
		#player p
		{
			display: block;
			margin: 6px 0;
		}
	ul#images
	{
		position: absolute;
		top: 174px;
		list-style: none;
		margin: 0 0 0 -32px;
		text-align: center;
		padding: 10px 0;
		overflow: hidden;
		width: 560px;
		height: 140px;
	}
	ul.how
	{
		background: url('../images/bg/how.jpg');
	}
	ul.what
	{
		background: url('../images/bg/what.jpg');
	}
	ul.who
	{
		background: url('../images/bg/who.jpg');
	}
	.home ul#images
	{
		position: relative;
		top: 0;
		margin: 0 0 10px -24px;
		background: none;
		height: 284px;
	}
	ul.home a span
	{
		display: none;
	}
		ul#images li
		{
			display: inline;
			position: relative;
			float: left;
			margin: 0 0 10px 34px;
			padding: 0 0 30px 0;

		}
		.home ul#images li
		{
			display: inline;
			position: relative;
			float: left;
			margin: 0 0 10px 28px;
			padding: 0;
			border: none;
		}
			ul#images li a
			{
				float: left;
				display: inline;
				position: relative;
				cursor: pointer;
				padding: 1px;
				margin: 0 0 0 0;
				font: normal 0.86em Arial, verdana;
			}
			.home ul#images li a
			{
				padding: 0;
			}
				ul#images li a span
				{
					padding: 0 0 2px 0;
				}
			ul#images li a:hover
			{
				background: #fff;
				padding: 0;
				border: solid 1px #fff;
			}
			.home ul#images li a:hover
			{
				background: #fff;
				border: none;
			}
				ul#images li a:hover span
				{
					color: #000;
				}
				ul#images li a span
				{
					clear: both;
					display: block;
					width: 148px;
					margin: 2px 0 1px 0;
					color: #353131;
				}
				.home ul#images li a span
				{
					position: relative;
					margin: -20px 0 0 0;
					font: normal 9px Arial, verdana;
					color: #000;
				}
				ul#images li a img
				{
					clear: both;
					display: block;
				}
td#holder_footer
{
	font-size: 0.9em;
	border-top: solid 1px #343232;
	padding: 8px 0 8px 0;
	background: url(../images/bg/footer.jpg) repeat #454444;
}
#footer ul li
{
	display: inline;
}
.clear
{
	clear: both;
	display: block;
}








a
{
	text-decoration: none;
	color: #858080;
}
a:hover
{
	color: #fff;
}
img
{
	border: none;
}
h1, #h1
{
	position: absolute;
	top: 13px;
	left: 17px;
	cursor: pointer;
}
h1,
h1 span
{
	height: 62px;
	width: 227px;
	background: url(../images/titles/tim_russon.gif) no-repeat transparent;
	font: normal 49px futura, avenir, arial, verdana, tahoma, sans-serif;
}
/* IE5 Mac Hack \*/
h1
{
	overflow: hidden;
	color: #b8ba85;
}
/*/
h1
{
	text-indent: -100em;
}
/* End Hack */
h1 span
{
	margin-bottom: -62px;
	display: block;
	position: relative;
	z-index: 1;
}







li#xhtml span#wrap
{
	position: absolute;
	margin-top: -2px;
}
li#xhtml span#wrap,
li#xhtml span#wrap span
{
	height: 17px;
	width: 82px;
	background: url('../images/icons/w3c-xhtml.gif') no-repeat transparent;
}
/* IE5 Mac Hack \*/
li#xhtml span#wrap
{
	overflow: hidden;
}
/*/
li#xhtml span#wrap
{
	text-indent: -100em;
}
/* End Hack */
li#xhtml span#wrap span
{
	margin-bottom: -17px;
	display: block;
	position: relative;
	z-index: 1;
}



ul#info
{
	position: absolute;
	top: 460px;
	left: 4px;
	list-style: none;
}
	ul#info li
	{
		margin: 0 0 2px 14px;
		display: inline;
	}
	ul#info li b
	{
		color: #fff;
		margin: 0 2px 0 0;
	}
#footer ul#copyright
{
	float: right;
	display: inline;
	list-style: none;
	margin: 0 92px 0 0;
}
	#footer ul#copyright li
	{
		position: relative;
		margin: 0 6px 2px 0;
	}
	#footer ul#copyright li #icon_xhtml
	{
		position: absolute;
		margin: -2px 0 0 0;
	}
	#footer ul#copyright li b
	{
		color: #fff;
		margin: 0 4px 0 0;
	}