/**
 * Witveld Bloembinders
 * Copyright (c) 2007-2010
 * 
 * @author		Tim Kurvers <tim@moonsphere.net>
 * @copyright	2007-2010 Tim Kurvers
 * @link		http://www.witveld.nl
 */

	* {
		border: 0px;
		margin: 0px;
		padding: 0px;
		clear: none;
	}
	
	body {
		font-family: 'Lucida Grande', 'Lucida', sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #FFFFFF;
		background-color: #000000;
		background-image: url(../img/background.png);
		background-repeat: repeat;
		background-position: left top;
		padding-top: 15px;
	}
	
	hr {
		height: 1px;
		border: 1px solid #FF0000;
		visibility: hidden;
	}
	
	hr.clear {
		visibility: hidden;
		height: 1px;
		clear: both;
		margin: 0px;
	}
	
	div.hr {
		margin-top: 14px;
		border-top: 1px solid #333333;
		height: 1px;
		clear: right;
	}
	
	div.hr hr {
		visibility: hidden;
	}
	
	p {
		margin-bottom: 10px;
		text-align: justify;
	}
	
	sup {
		color: #FF0000;
		font-weight: bold;
		font-size: 10px;
	}
	
	abbr, acronym {
		font-weight: bold;
	}
	
	abbr:hover, acronym:hover {
		cursor: help;
	}
	
/****************************************/

	a {
		color: #DDDDDD;
		text-decoration: underline;
		font-weight: bold;
	}
	
	a:visited {
		
	}
	
	a:hover {
		color: #FFFFFF;
		text-decoration: none;
	}

/****************************************/

	table {
		width: 100%;
	}
	
	td {
		padding-bottom: 10px;
		padding-right: 10px;
	}

	
/****************************************/

	div#layout {
		margin-left: auto;
		margin-right: auto;
		width: 818px;
		position: relative;
	}
	
	div#container {
		padding-top: 15px;
		position: relative;
		height: 520px;
	}
	
	div#eyecatcher {
		position: absolute;
		z-index: 5;
		width: 804px;
		height: 508px;
		border: 1px solid #999999;
		margin-bottom: 10px;
		margin-right: 10px;
		background-color: #000000;
		cursor: pointer;
		background-image: url(../img/eyecatcher.png);
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	div#eyecatcher div#entry {
		position: absolute;
		bottom: 10px;
		left: 10px;
		z-index: 6;
	}
	
	div#eyecatcher div#entry.lod {
		color: #FFFFFF;
	}
	
	div#grid {
		position: absolute;
		z-index: 2;
	}
	
	div#visuals {
		position: absolute;
		z-index: 1;
	}
	
	div#visuals img {
		position: absolute;
	}
	
	div#blocker {
		width: 818px;
		height: 512px;
		background-color: #000000;
		position: absolute;
		z-index: 4;
	}
	
	div#boxes {
		position: absolute;
		z-index: 3;
	}
			
/****************************************/
	
	div#site {
		color: #222222;
		bottom: -25px;
		right: 10px;
		font-size: 12px;
		position: absolute;
		text-align: right;
	}
	
	div#site span {
		font-size: 10px;
	}
	
	div#site a {
		color: #555555;
	}
	
	div#site a:hover {
		color: #999999;
	}


/****************************************/

	div.box, div.box div.overlay, div.box div.content { 
		width: 260px;
		height: 248px;
	}
	
	div.box {
		border: 1px solid #999999;
		float: left;
		margin-bottom: 10px;
		margin-right: 10px;
		position: relative;
	}
	
	div.box div.overlay {
		position: absolute;
	}
	
	div.box div.content, div.box h1 {
		position: absolute;
		display: none;
	}
	
	div.box div.content {
		padding: 10px;
		width: 240px;
		z-index: 2;
	}

	div.box div.overlay {
		background-color: #000000;
		opacity: 0.1;
		filter: alpha(opacity=10);
		z-index: 1;
	}
	
	div.box h1 {
		right: 10px;
		bottom: 10px;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 3px;
		z-index: 3;
	}
	
	div.box.hover div.overlay {
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
	
	div.box.hover div.overlay, div.box.hover div.content, div.box.hover h1 {
		display: block;
	}
	
/****************************************/

	ul {
		list-style-type: none;
		margin-bottom: 18px;
	}
	
	ul.list {
		list-style-type: circle;
		margin-left: 15px;
	}
	
	li {
		margin-bottom: 2px;
		margin-top: 3px;
	}
	
/****************************************/

	*.hidden {
		display: none;
	}
	
	*.non-interactive {
		cursor: default !important;
	}
	
	p.center {
		text-align: center;
		font-weight: bold;
	}