p, span {
padding: 0;
margin: 0;
}

html, body {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;

	font-family:Arial,Helvetica,Sans;
	font-size: 12px;
	line-height: 15px;
	color:#444;
}

#distance {
		width:1px;
		height:50%;
		background-color:#fff;
		margin-bottom:-320px; /* half of container's height */
		float:left;
		}

#wrapper {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:640px;
		width:905px;
		clear:left;
}

div.box {
	position:absolute;
	display:block;
	width: 150px;
	height: 150px;
	background:black;
	/* float:left; */
}

/*
#wrapper {
width: 905px;
height: 650px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -453px;
margin-top: -325px;
}
*/

div#logo {
display:block;
width: 260px;
height: 68px;
position: absolute;
top: 0px;
right: 5px;
background:url(../img/effilogo.png);
}

div#logo h1 {
display:none;}

div#logo a{ display: block;
width: 100%;
height: 100%;}
div.first {
	clear:left;
}

div#box1 {
	left:300px;
	top:0px;
	background: #579b24 url(../img/box1bg.gif);
	/* margin-left: 300px; */
}

div#box2 {
	left:450px;
	top:0px;
	background: #00892d;
}

div#box3 {
	left:0px;
	top:150px;
	background: #e2a300;
}

div#box4 {
	left:150px;
	top:150px;
	background: #f2db01;
}

div#box5 {
	left:300px;
	top:150px;
	background: #9eb409 url(../img/box5bg.gif);
}

div#box6 {
	left:0px;
	top:300px;
	background: #b80718 url(../img/box6bg.gif);
}

div#box7 {
	left:450px;
	top:300px;
	background: #005373;
	/* margin-left: 300px; */
}

div#box8 {
	left:600px;
	top:300px;
	background: #266ca7 url(../img/box8bg.gif);
}

div#box9 {
	left:750px;
	top:300px;
	background: #0091ce;
}

div#box10 {
	left:150px;
	top:450px;
	background: #671d77 url(../img/box10bg.gif);
/* 	margin-left: 150px; */
}

span {
font-weight: bold;
}

div#text5 a {
text-decoration:none;
color:#266ca7;
}

div.text {
position: absolute;
opacity:0;
}

div#text1 {
text-align:right;
}

div#text1 p span { color:#579b24;}
div#text2 p span { color:#9eb409;}
div#text3 p span { color:#b80718;}
div#text4 p span { color:#671d77;}
div#text5 p span { color:#266ca7;}

div#text1 {
	width: 297px;
	left:0px;
	top: 10px;
}

div#text2 {
	left: 458px;
	top: 167px;
}

div#text3 {
	width: 278px;
	left: 158px;
	top: 305px;
	background-color: #fff;
}

div#text4 {
	left:308px;
	top: 460px;
}

div#text5 {
	left:608px;
	top: 455px;
}

.clickable {
cursor:pointer;
}

.text-box { padding:100px 0 50px 0;}
.text-box h2 { color:#00892d;}
.text-box p { padding:0 0 30px 0;}
.meta { width:100%; color:#00892d; }

.item-box { max-width:890px; margin:0 auto; text-align:right; }
.meta a { color:#00892d; }
.meta a:hover { color:#b80718 }