a:link {color: black; text-decoration: underline;}
a:visited {color: black; text-decoration: underline;}
a:active {color: black; text-decoration: none;}
a:hover {color: black; text-decoration: none;}

body
{
font-family: verdana, arial, tahoma;
color: black;
font-style: normal;
font-weight: normal;
font-size: 12px;
text-align: center;
	}

#container {
	margin: 0 auto;
	width: 647px;
	text-align: center;
	}
	
#content {
	width: 627px;
	padding: 10px;
	text-align: justify;
	}
	
#image {
    width: 484px; height: 523px;
    background: url('hachikuro.jpg');
    padding: 0;
    position: relative;
    }

#image li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;}

#image li, #image a {
    height: 128px; display: block;}

#valerie {left: 0; width: 158px;}
#blog {left: 163px; width: 158px;}
#portfolio {top: 128px; left: 324px; width: 158px;}
#livejournal {top: 256px; left: 0; width: 158px;}
#hosting {top: 256px; left: 163px; width: 158px;}
#email {top: 384px; left: 163px; width: 316px;}

#valerie a:hover {
    background-image: url('hachikuroroll.jpg'); 
    background-position: 0 0;}

#blog a:hover {
    background-image: url('hachikuroroll.jpg'); 
    background-position: -163px 0px;}

#portfolio a:hover {
    background-image: url('hachikuroroll.jpg'); 
    background-position: -324px -128px;}

#livejournal a:hover {
    background-image: url('hachikuroroll.jpg'); 
    background-position: 0 -256px;}

#hosting a:hover {
    background-image: url('hachikuroroll.jpg'); 
    background-position: -163px -256px;}
    
input, textarea, select {
color: #000000;
width: 300px;
font-size: 11px;
font-family: verdana, arial, tahoma;
background-color: #e9def4;
border-style: solid;
border-color: #cfb8e6;
border-width: 1px;
}


