
body {
	background-color: #394151;
}

div.content {
	position: absolute;
  width: 558px;
  right: 10%;
  top: 10%;
  
  font-family: Helvetica, Arial, SansSerif;
}

div.foot {
	position: absolute;
	width: 558px;
  right: 10%;
  bottom: 10%;
  
  border: 0px;
	padding: 0px;
	margin: 0px;
	
  font-family: Helvetica, Arial, SansSerif;
  text-align: right;
	color: #8EA1C5;
	font-size: 10pt;
}

p.name {
	border: 0px;
	padding: 0px;
	margin: 0px;
	
	text-align: right;
	
	color: #8EA1C5;
	
	font-size: 24pt;
	
}

div.content a {
	border: 0px;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

div.content a:hover {
	border: 0px;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

div.content a:visited {
	border: 0px;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

div.content a div.letter {
	border: 0px;
	padding: 0px;
	margin: 0px;
	
	float: left;
	
	height: 52px;
	background-image: url('letters.jpg');
	background-repeat: no-repeat;
}

div.content a:hover div.letter {

	background-image: url('letters_high.jpg');

}

div.content a * div.category {
	visibility: hidden;
}

div.content a:hover * div.category {
	visibility: visible;
	
	position: relative;
	top: 50px;
	width: 200px;
	
	padding: 3px;
	
	border: 1px;
	border-style: solid;
	border-color: Black;
	border-top-width: 0px;
	
	background-color: #8EA1C5;
	color: #394151;
}

div.content a div.t {
  width: 23px;
  background-position: 0px 0px;
}

div.content a div.i {
  width: 15px;
  background-position: -24px 0px;
}

div.content a div.m {
  width: 48px;
  background-position: -42px 0px;
}

div.content a div.o {
  width: 31px;
  background-position: -91px 0px;
}

div.content a div.at {
  width: 44px;
  background-position: -123px 0px;
}

div.content a div.w {
  width: 47px;
  background-position: -166px 0px;
}

div.content a div.e {
  width: 32px;
  background-position: -213px 0px;
}

div.content a div.h {
  width: 31px;
  background-position: -246px 0px;
}

div.content a div.n {
  width: 31px;
  background-position: -278px 0px;
}

div.content a div.r {
  width: 24px;
  background-position: -310px 0px;
}

div.content a div.dot {
	position: relative;
	left: -3px;
  width: 13px;
  background-position: -330px 0px;
}


