div#nav {
	/*position:absolute;*/
	position: relative ;
	/*left:0px;*/
	/*top:0px;
	width: 900px ;*/
	height: 30px ;
	margin: 0 ;
	padding: 0 ;
	background: transparent url(../i/t/nav/top_bar_tile.png) repeat-x top left ;
	z-index: 2 ;
}
div#nav ul {
	padding: 0 ;
	margin: 0 ;
	/*position: relative ;*/
	list-style: none ;
}
div#nav li, div#nav li a{
	display:block;
	height:27px ;
}
div#nav li {
	padding: 0 ;
	margin: 0 ;
	position: absolute ;
}
div#nav ul li a {
	overflow:hidden;
	text-decoration:none;
	text-indent: -9999px;
}
div#nav #home {
	top: 0 ;
	left: 37px ;
	width: 124px ;
	background: transparent url(../i/t/nav/name_off.png) no-repeat top left ;
}
div#nav #home a:hover {
	background-image: url(../i/t/nav/name_roll.png) ;
}
div#nav #film {
	top: 0 ;
	left: 245px ;
	width: 76px;
	background: transparent url(../i/t/nav/film_off.png) no-repeat top left ;
}
div#nav #film a:hover {
	background-image: url(../i/t/nav/film_roll.png) ;
}
div#nav #game {
	top: 0 ;
	left: 380px ;
	width: 93px;
	background: transparent url(../i/t/nav/game_off.png) no-repeat top left ;
}
div#nav #game a:hover {
	background-image: url(../i/t/nav/game_roll.png) ;
}
div#nav #after {
	top: 0 ;
	left: 534px ;
	width: 85px;
	background: transparent url(../i/t/nav/after_off.png) no-repeat top left ;
}
div#nav #after a:hover {
	background-image: url(../i/t/nav/after_roll.png) ;
}
div#nav #contact {
	top: 0 ;
	left: 687px ;
	width: 62px;
	background: transparent url(../i/t/nav/contact_off.png) no-repeat top left ;
}
div#nav #contact a:hover {
	background-image: url(../i/t/nav/contact_roll.png) ;
}
div#nav #resume {
	top: 0 ;
	left: 810px ;
	width: 62px;
	background: transparent url(../i/t/nav/resume_off.png) no-repeat top left ;
}
div#nav #resume a:hover {
	background-image: url(../i/t/nav/resume_roll.png) ;
}