body { background: ;
        text-align:center;
        color: white;
}

A:link {text-decoration: none; }
A:visited {text-decoration: none; }
A:active {text-decoration: none; }
A:hover {text-decoration: none; }
A IMG { border: none}
#thetop {
	display:inline-block;
	background:#ffffff;
        width: 800px;
	height: auto;
	margin:1em auto;
        text-align: center;
        border:#000000 thin groove;
}

#thetop:after {		
	content: "";
	display: block;
	height: 0;
	clear: both;
}

#ball1 {		/* About */
	position: absolute;
	left:100px;
	top:60px;
	width:auto;
}

#ball2 {		/* Blog */
	position: absolute;
	left: 350px;
	top:125px;
}

#ball3 {		/* Old Blog*/
	position: absolute;
	left: 300px;
	top:300px;
}

#ball4 {		/* Projects */
	position: absolute;
	left: 550px;
	top:150px;
}

#ball5 {		/* Posters */
	position: absolute;
	left: 225px;
	top:150px;
}

#ball6 {		/* Photography*/
	position: absolute;
	left: 30px;
	top:200px;
}

#ball7 {		/* Links */
	position: absolute;
	left: 550px;
	top:400px;
}

#logo {		/* Links */
	position: absolute;
	left: 40px;
	top:510px;
}


#main {
	background: #d4f3e4;
	position:relative;
        width: 800px;
	height:450px;
        text-align: center;
	padding: 0px auto;
}

#main:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}