html { 
  overflow : hidden; 
}

body {
  padding: 		0;
  margin: 		0;
  overflow: 	hidden;
  font-family: 	Arial, serif;
  font-size: 	95%;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

#main {
  position: absolute;
  border: 	0;
  top: 		50%;
  left: 	50%;
  width: 	750px;
  height: 	230px;
  margin: 	-145px 0 0 -375px;
}

#world {
 float: 	left;
 height: 	230px;
 width: 	522px;
}

#line {
  float: 			left;
  width:			1px;
  height: 			210px;
  background-color: black;
  margin-left: 		10px;
  margin-right: 	20px;
}

#links {
  float: 		left;
  padding-top:	50px;
  height: 		230px;
  width: 		197px;
}

span.name {
  color: 		#72a729;
  font-size: 	26pt;
}
span.work {
  color: 		#000;
  font-size: 	16pt;
  position: 	relative;
  top: 			-10px;
  left: 		20px;
}
a.blog {
  color: 		#72a729;
  font-size: 	17pt;
  position: 	relative;
  top: 			7px;
  left: 		-102px;
}
a.family {
  color: 		#000;
  font-size: 	17pt;
  position: 	relative;
  top: 			-15px;
  left: 		-4px;
}
a.me {
  color: 		#72a729;
  font-size: 	30pt;
  position: 	relative;
  top: 			-15px;
  left: 		-5px;
}

a.work:hover {
  color: 		#72a729;
  background: 	#000;
  z-index: 		1;
}
a.blog:hover {
  color: 		#000;
  background: 	#72a729;
  z-index: 		1;
}
a.family:hover {
  color: 		#72a729;
  background: 	#000;
  z-index: 		1;
}
a.me:hover {
  color: 		#000;
  background: 	#72a729;
  z-index: 		1;
}

#c {
  position: absolute;
  bottom:	0;
  right:	0;
}