/* @override http://newbyart.com/splash.css */

 
body {
  background-color: #e1b829;
  font-family: helvetica;
  
}
  
#wrapper
{
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 150px;
}
  
  

#photo {     

width: 326px;      

height: 346px;     

position: relative;       

background-image: url(hex.jpg);    

background-repeat: no-repeat;
	float: right;
}

p#name
{
	color: #f2e6be;
	letter-spacing: 2px;
	font-size: 2em;
	top: 195px;
	position: relative;
}

li
{
	text-decoration: none;
	list-style: none;
	position: absolute;
	width: 90px;
	height: 100px;
}

li p
{
	color: white;
	letter-spacing: 2px;
	font-size: 1em;
}

li a
{
	position: relative;
	width: 90px;
	height: 100px;
	display: block;
}

li.work
{
	top: 63px;
	left: 19px;
}

 .work p
{
	position: relative;
	left: -85px;
	top: -12px;
}

li.about
{
	top: 7px;
	left: 114px;
}

.about p
{
	top: 44px;
	position: relative;
	left: -187px;
}

li.news
{
	top: 63px;
	left: 215px;
}

.news p
{
	top: -12px;
	position: relative;
	left: -283px;
}

li.diptychs
{
	top: 177px;
	left: 218px;
}

.diptychs p
{
	top: -126px;
	position: relative;
	left: -315px;
}

li.etsy
{
	top: 233px;
	left: 115px;
}

.etsy p
{
	top: -182px;
	position: relative;
	left: -174px;
}

li.blog
{
	top: 176px;
	left: 17px;
}

.blog p
{
	top: -125px;
	position: relative;
	left: -79px;
}

li.contact
{
	top: 118px;
	left: 117px;
}

.contact p
{
	top: -67px;
	position: relative;
	left: -205px;
}

li p
{
	display: none;
}

li.work:hover p, li.about:hover p, li.news:hover p, li.diptychs:hover p, li.etsy:hover p, li.blog:hover p, li.contact:hover p
{
	display: block;
}