/* top page */

body{
margin:0;
padding:0;
background: url(../img/back2.gif) top center;
}

#name
{
display: none;
}

#wrapper{
width:760px;
height:630px;
margin:0 auto;
padding:0;
background: url(../img/top_back.jpg) no-repeat;
position:relative;
}

#logo{
margin-top:193px;
margin-left:394px;
position:absolute;
}

#nav {
position: absolute;
top:515px;
left:480px;
width:261px;
height:75px;
}

#nav ul {
margin: 0;
list-style: none;
}



#nav  li {
margin: 0;
padding: 0;
position: absolute;
top: 0px;
height: 25px;
text-indent: -9999px;
}


#nav li.profile{left: 0px; width: 75px;}
#nav li.work{left: 75px; width: 69px;}
#nav li.contact{left: 144px; width: 89px;}


#nav  li a {
text-decoration: none;	
display: block;
height: 38px;
}

/* rollover */


#nav li.profile{
background:url(../img/top_b1.gif) no-repeat;}
#nav li.work{
background:url(../img/top_b2.gif) no-repeat;}
#nav li.contact{
background:url(../img/top_b3.gif) no-repeat}


#nav li.profile a:hover{
background: url(../img/top_b1_over.gif) no-repeat;}
#nav li.work a:hover {
background: url(../img/top_b2_over.gif) no-repeat;}
#nav li.contact a:hover {
background: url(../img/top_b3_over.gif) no-repeat;}


img{
border:none;
}

/* footer */

#footer{
	font-size:10px;
	position:absolute;
	top:605px;
	left:10px;
	padding-right:20px;
	color:#000000;
	font-family : Arial, Helvetica ,sans-serif;
}