body {
	
}
div#mainWrapper {
	margin: auto;
	width: 750px;
	height: 570px;
	border: 1px solid black;
	display: block;
	margin-top: 50px;
}
div#logo:hover {
	cursor: pointer;
}
div.gridUnit {
	float: left;
	width: 250px;
	height: 285px;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
div.white {
	background-color: white;
	color: black;
}
div.black {
	background-color: black;
	color: white;
}
div.black div.insideHover {
	background-color: black;
}
div.white div.insideHover {
	background-color: white;
}
div.gridUnit#logo {
	background-image: url(./gfx/logo.jpg);
}
div.gridUnit#unit_2 {
	background-image: url(./gfx/1_off.gif);
}
div.gridUnit#unit_3 {
	background-image: url(./gfx/2_off.gif);
}
div.gridUnit#unit_4 {
	background-image: url(./gfx/3_off.gif);
}
div.gridUnit#unit_5 {
	background-image: url(./gfx/4_off.gif);
}
div.gridUnit#unit_6 {
	background-image: url(./gfx/5_off.gif);
}
div.insideHover {
	position: relative;
	display: none;
	height: 225px;
}
div.insideHover p {
	padding: 20px;
	display: block;
}
li a {
	color: black;
	text-decoration: none;
	padding: 0px 2px 0px 2px;
}
li a:hover {
	text-decoration: none;
	background-color: black;
	color: white;
}