html, body
{
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;	
}

*
{
	color: #eeeeee;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	line-height: 13pt;

}

body
{
	background: #000000;
}

img
{
	display: block;
	border: 0;
}

iframe
{
	display: block;
	border: 0;
	width: 100%;
}

#nav
{
	background-image: url("/files/showcase/bg.gif"); 
	width: 100%;
	min-width:2048px;	
	height: 61px;
	overflow: hidden;
}

#nav div
{
	width: 20px;
	cursor: pointer;
	float: left;
	overflow: hidden;
}

#nav div.selected
{
	width: 180px;
}

#nav div div
{
	width: 180px;
}

.cat
{
	margin-top: 5px;
	width: 10px;	
	height: 50px;
	float: left;	
}

.project .cat, .project .icon
{
	background-color: #1182f9;
}

.experiment .cat, .experiment .icon
{
	background-color: #fe0242;
}

.tool .cat, .tool .icon
{
	background-color: #2dee00;
}

.game .cat, .game .icon
{
	background-color: #feee00;
}

/* MOUSE_OVER */

.project a:hover .icon
{
	background-color: #ffffff;
}

.experiment a:hover .icon
{
	background-color: #ffffff;
}

.tool a:hover .icon
{
	background-color: #ffffff;
}

.game a:hover .icon
{
	background-color: #ffffff;
}

/* */

.cat img
{
	width: 10px;
	height: 50px;
}

.icon
{
	margin-top: 4px;
	margin-right: 2px;
	float: left;
}

.icon img
{
	width: 9px;
	height: 9px;
}

.thumb
{
	padding-top: 12px;
	padding-right: 10px;	
	float: left;
}

.thumb img
{
	width: 32px;
	height: 32px;
}

.title
{
	margin-top: 10px;
	width: 130px;
	font-size: 9px;
	font-weight: bold;
	line-height: 12px;
	float: left;
	clear: right;
}

a
{
	text-decoration: none;
}