html {
	height: 100%;
}

body {
	margin: 0px 0 0 16px;
	padding: 0 0 64px 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #FFF;
	background: #000;
	/* background: url(/images/grid.png) #000; */
	height: 100%;
}

#wrapper {
	height: 100%;
	width: 856px;
}

h1, h2, h3, h4, h5, p, ul, li, dl, dt, dd, ol, input, textarea {
	margin: 0;
	padding: 0;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
	list-style: none;
}

img {
	border: 0;
	margin: 0;
}

h1 {
	font-size: 40px;
	line-height: 40px;
}

h2 {
	font-size: 15px;
	background: #000;
}

h3 {
	letter-spacing: -.2pt;
	font-size: 12px;
	background: #000;
}

h4 {
	color: #000;
}

h5 {
	font-size: 10px;
}

a {
	color: #0CF;
	text-decoration: none;
	outline: none;
}

a:visited {
}

a:hover {
	text-decoration: underline;
}

a:active, a.activeLink {
	
}

#header {
	height: 79px;
	width: 856px;
	border-bottom: #FFF 1px dotted;
	position: relative;
}

	#logo {
		position: absolute;
		top: 0px;
		left: 0px;
		padding: 16px 0 0 0;
		background: url(/images/site/bg-logo.gif) no-repeat;		
	}
		#logoLink {
			display: block;
			width: 207px;
			height: 41px;
			text-indent: -9999px;
			background: url(/images/site/bg-logo-a.gif) no-repeat;		
		}
		
		#logoLink:hover {
			background: url(/images/site/bg-logo-a.gif) no-repeat 0px -41px;		
		}
	
		
	#navigation {
		position: absolute;
		top: 0px;
		left: 288px;
		background: url(/images/site/bg-navigation.gif) no-repeat;
		padding: 18px 0 0 0;
	}
		
		#navigation li {
			display: block;
			float: left;
			font-size: 15px;
			font-weight: bold;
			letter-spacing: -.02em;
		}
		
		#navigation li:hover {
			cursor: pointer;
		}
			
			#navigation li a.active {
				color: #FFF;
			}
			
			#navigation li a.active:hover {
				background: #000;
			}
	
	#partners {
		position: absolute;
		top: 0px;
		left: 576px;
		padding: 20px 0 0 0;
		background: url(/images/site/bg-partners.gif) no-repeat;
	}
	
	#email{
		position: absolute;
		top: 0px;
		left: 720px;
		padding: 20px 0 0 0;
		background: url(/images/site/bg-email.gif) no-repeat;
	}
	
#intro {
	width: 568px;
	height: 124px;
	border-bottom: dotted 1px #FFF;
	float: left;
	background: url(/images/site/bg-intro.gif) no-repeat;
	padding: 19px 8px 0 0;
}

	#intro h2 {
		font-size: 15px;
		font-weight: bold;
		line-height: 24px;
		width: 280px;
		padding: 0;
		margin: 0;
		float: left;
	}
	
	#intro p {
		float: right;
		width: 280px;
		clear: none;
		padding-top: 1px;
	}
	
#controls {
	width: 280px;
	height: 143px;
	border-bottom: dotted 1px #FFF;
	float: left;
	background: url(/images/site/bg-filter.gif) no-repeat;
}

	#controls h3 {
		padding-top: 20px;
		background: transparent;
	}
	
	
		
.panel {
	padding: 4px 0 0 0;
	clear: left;
}
	/*
	#about, #contact {
		display: none;
	}
	*/
.tags li {
	float: left;
}
	
	.tags li a {	
		display: block;
		padding: 0 8px 0 0;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: bold;
	}
	
		
#projects {
	background: url(/images/site/bg-projects.gif) no-repeat;
	padding: 0;
	margin: 0;
	min-height: 8px;
	clear: left;
}	

.item {
	float: left;
	position: relative;
	margin: 0;
	width: 280px;
	height: 247px;
	padding: 0 8px 0 0;
	border-bottom: dotted 1px #FFF;
}	

	.item.end {
		padding: 0;
	}
	
	.item .thumb {
		z-index: 1;
		position: absolute;
		padding: 56px 0 0 0;
	}
		
	.item .info {
		z-index: 10;
		margin: 0;
		padding: 18px 0 0 0;
		position: absolute;		
		width: 280px;
		height: 230px;	
	}
	
		.item.new .info {
			background: url(/images/site/bg-new.png) no-repeat 0px 167px;
		}
		
		.item.updated .info {
			background: url(/images/site/bg-updated.png) no-repeat 0px 136px;
		}
	
	.item h2 {
		padding: 0 0 2px 0;
	}
	
		.info ul {
			clear: left;
			list-style: none;
		}
	
		.info li {
			float: left;
		}
		
			.info li a {
				float: left;
				display: block;
				padding: 0 8px 0 0;
				font-size: 11px;
				text-transform: uppercase;
				font-weight: bold;
				background: #000;
			}
	
	#eof {
		position: absolute;
		top: 248px;
		height: 44px;
		width: 280px;
		background: url(/images/site/bg-eof.gif) no-repeat;
		text-transform: uppercase;
		font-size: 11px;
		font-weight: bold;
		padding: 20px 0 0 16px;
	}
	
		#eof:hover {
			background: url(/images/site/bg-eof.gif) no-repeat 0px -64px;
		}
		
		#items #eof {
			top	: 232px;
		}
	


#navBar {
	width: 856px;
	height: 29px;
	float: left;
	background: url(/images/site/bg-navigation.gif) no-repeat;
	padding: 18px 0 0 0;
	border-bottom: 1px dotted #FFF;
}
	
	#navBar li {
		display: block;
		float: left;
		font-size: 15px;
		font-weight: bold;
		letter-spacing: -.02em;
	}
	
	#navBar li:hover {
		cursor: pointer;
	}
		
		#navBar li a.active {
			color: #FFF;
		}
		
		#navBar li a.active:hover {
			background: #000;
		}
/*		
#panels {
	width: 288px;
	position: absolute;
	z-index: 199;
	top: 127px;
	background: #000;	
}* html #panels {
	left: 16px;
}
	#panels div.panel {
		height: 210px;
		padding: 5px 8px 0 0;
		background: #000;
	}
	
	#panels .closePanel {
		display: block;
		text-transform: uppercase;
		font-size: 11px;
		font-weight: bold;
		padding: 0 0 16px 16px;
		background: url(/images/site/tostibox/closelabel.gif) no-repeat 0px 4px;
	}
	
	#panels .closePanel:hover {
		background: url(/images/site/tostibox/closelabel-hover.gif) no-repeat 0px 4px;
	}
*/	
	

#project {
	background: url(/images/site/bg-project.gif) no-repeat;
	height: 211px;
	width: 280px;
	border-bottom: dotted 1px #FFF;
	padding: 20px 8px 0 0;
	float: left;
}

#description {
	background: url(/images/site/bg-description.gif) no-repeat;
	height: 211px;
	width: 272px;
	border-bottom: dotted 1px #FFF;
	padding: 20px 16px 0 0;
	float: left;
}
	
#items {
	background: url(/images/site/bg-items.gif) no-repeat 576px 0px;
	min-height: 72px;
}

	#items .item {
		height: 231px;
	}

	#items .info {
		padding: 20px 0 0 0;
		height: 20px;
	}
	
	#items .thumb {
		padding: 40px 0 0 0;
	}
	
	
	
	
	
	#itemBox .item .info {
		height: auto;
		width: auto;
	}
	
	.item.itemHover {
		cursor: pointer;
	}* html .item.itemHover {
		cursor: hand;
	}:first-child+html .item.itemHover {
		cursor: hand;
	}
	

	/* about */
	
div.about {
	width: 272px;
	float: left;
	margin: 0 16px 0 0;
}
	
	div.about.where {
		width: 560px;
		margin: 0;
	}
	
		div.about.where iframe {
			margin-top: 16px;
		}
		
		div.about.where h2 {
			clear: left;
		}
	
	div.about.last {
		margin: 0;
	}	
	
	.about h2 {
		padding: 18px 0 3px 0;
		background: transparent;
	}
	
	.about h3 {
		padding: 15px 0 0px 0;
		background: transparent;
		clear: left;
	}
	
	.about p {
		padding: 16px 0 0 0;
	}
		.about ul {
			padding-top: 16px;
		}
	
	.about dl {
		padding-top: 16px;
		padding-bottom: 1px;
		overflow: auto;
		width: 280px;
	}
	
		.about.last dl {
			padding-top: 52px;
		}
	
	.about dd, .about dt {
		display: block;
		float: left;
	}
	
	.about dd {
		width: 248px;
	}
	
	.about dt {
		width: 32px;
		clear: left;
	}
	
	#what {
		background: url(/images/site/bg-what.gif) no-repeat;
	}
	
	#legal {
		background: url(/images/site/bg-legal.gif) no-repeat;
	}
	
	#contactus {
		background: url(/images/site/bg-contact.gif) no-repeat;
	}
	
#aboutfoot #eof {
		width:840px;
		float: left;
		clear: left;
		position: inherit;
		border-top: 1px dotted #FFF;
		margin-top: 21px
	}
	

/* download section */

#dlwrap {
	overflow: auto;
	width: 856px;
}

#dlinfo {
	width: 280px;
	float: left;
	margin-right: 8px;
	padding: 18px 0 0 0;
	background: url(/images/site/bg-copyright.gif) no-repeat;
}

#dlposters {
	width: 288px;
	float: left;
	
	padding: 18px 0 0 0;
	background: url(/images/site/bg-listing.gif) no-repeat;
}

	#dlposters ul{
		width: 136px;
		padding-right: 8px;
		float: left;
	}

#dldesktops {
	width: 136px;
	float: left;
	padding: 18px 0 0 0;
}
	#dlinfo h2, #dlposters h2, #dldesktops h2 {
		padding: 0 0 19px 0;
	}
	
	#dlinfo p {
		width: 280px;
	}

#downloadfiles {
	width: 856px;
	clear: both;
	/*border-top: 1px dotted #FFFFFF;*/
	margin: 19px 0 0 0;
	background: url(/images/site/bg-files.gif) no-repeat;
	padding: 0;
}

	#downloadfiles .title {
		width: 288px;
		float:left;
		padding: 0 0 5px 0;
	}
	
	#downloadfiles .info {
		width: 280px;
		float:left;
		margin: 0;
		padding: 3px 0 5px 0;
	}
	
	#downloadfiles img {
		margin-bottom: -8px;
		float: right;
	}

	#downloadfiles li {
		border-top:1px dotted #FFFFFF;
		clear:left;
		
		margin:0 0 16px;
		padding:16px 0 5px;
		width:856px;
	}
	
	#downloadfiles li.last {
		border-bottom: none;
		margin: 0 0 1px 0;
		padding-right: 432px;
	}
	
	#downloadfiles h2 {
		margin: 0 0 19px 0;
	}
	
	#downloadfiles h4 {
		text-transform: uppercase;
		font-size: 11px;
		color: #FFF;
	}
	
	#downloadfiles a.dl {
		font-size: 11px;
		text-transform: uppercase;
		display: block;
		background: url(/images/site/bg-download.gif) no-repeat center right;
		padding-right: 16px;
		margin-top: 16px;
		width: 64px;
	}
	
	#downloadfiles a.dl:hover {
		background-image: url(/images/site/bg-download-hover.gif);
	}
	
	#downloadfiles a.back {
		background:url("/images/site/bg-btt.gif") no-repeat scroll 0 4px transparent;
		font-size:11px;
		font-weight:bold;
		display: block;
		clear: both;
		padding: 0 0 0 16px;
		text-transform:uppercase;		
	}
	
	#downloadfiles a.back:hover {
		background:url("/images/site/bg-btt.gif") no-repeat scroll 0 -12px transparent;
			
	}
	/*
	#downloadfiles li.odd {
		clear:none;
		float:left;
		padding:16px 0 5px 8px;
	}
	*/
	#downloadfiles .dl {
		
	}		
		
#downfoot #eof {
		width:842px;
		float: left;
		clear: left;
		position: inherit;
		border-top: 1px dotted #FFF;
		margin-top: 0px
	}
	
/* LIGHTBOX RUBBISH FROM HERE DOWN */
#lightbox{
	position: absolute;
	left: 0;
	top: 0;
	width: 856px;
	z-index: 100;
	padding: 0 0 0 0;
	}

#lightbox a img{ border: none; }

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

#imageContainer{
	padding: 0 0 8px 0;
	background: transparent url(/images/site/bg-bottomItems.gif) repeat-x scroll center bottom;
	border-bottom: 1px dotted #FFF;
}

#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/site/tostibox/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/site/tostibox/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/site/tostibox/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #0CF;
font-weight:bold;
font-size: 11px;
text-transform: uppercase;
text-decoration: none;
}
#nextLinkText{
	padding: 0;
	background: url(/images/site/tostibox/nextlabel.gif) no-repeat right center;
	width: 48px;
	display: block;
	float: right;
}
	#nextLinkText:hover{
		background: url(/images/site/tostibox/nextlabel-hover.gif) no-repeat right  center;
	}
	
#prevLinkText{
	background: url(/images/site/tostibox/prevlabel.gif) no-repeat left center;
	width: 48px;
	display: block;
	float: left;
	padding: 0 0 0 16px;
}
	#prevLinkText:hover{
		background: url(/images/site/tostibox/prevlabel-hover.gif) no-repeat left center;
	}

#xofy {
	display: block;
	float: left;
}
/*** END : next / previous text links ***/

#imageDataContainer{
	background: #000;
	margin: 0;
	}
	
#imageDetails {
	position: relative;
}

#imageData{
	padding:0;
	}
	
#projectBox {
	width: 280px;
	background: url(/images/site/bg-project.gif) no-repeat;
	padding: 20px 8px 0 0;
}

#itemDescription {
	width: 272px;
	padding: 20px 16px 0 0;
	background: url(/images/site/bg-item.gif) no-repeat;
	position: absolute;
	top: 0;
	left: 288px;	
}

#numberDisplay {
	width: 280px;
	padding: 20px 8px 0 0;
	background: #000 url(/images/site/bg-num.gif) no-repeat;
	position: absolute;
	top: 0;
	left: 576px;	
}
	#numberDisplay li {
		float:left;	
		font-weight: bold;
	}


#navDisplay{ 
	float: left;
	width: 856px;
	border-top: dotted 1px #FFF;
	margin: 12px 0 4px 0;
	padding: 19px 0 0 0;
	clear: left;
}
#navClose{ 
	background:transparent url(/images/site/tostibox/closelabel.gif) no-repeat scroll left center;
	display:block;
	font-size:11px;
	font-weight:bold;
	margin:0 0 0 576px;
	padding:0 0 0 16px;
	text-transform:uppercase;
	width:29px;
}
	#navClose:hover{ 
		background: url(/images/site/tostibox/closelabel-hover.gif) no-repeat left center;
	}

#overlay{
	position: absolute;
	top: 8px;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	display: none;
	}

#displayBox {
	position: relative;
	clear: left;
	padding: 0;
}

#eofBox {
		clear: left;
		height: 44px;
		width: 280px;
		background: url(/images/site/bg-eof.gif) no-repeat;
		text-transform: uppercase;
		font-size: 11px;
		font-weight: bold;
		padding: 20px 0 0 16px;
		display: block;
	}
	
		#eof:hover {
			background: url(/images/site/bg-eof.gif) no-repeat 0px -64px;
		}
		
		#items #eof {
			top	: 232px;
		}

#loadingLink {
	background: none;
}

.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 */
	}	

#lightboxIframe {
	display: none;
}