#nav {
	position: absolute;
	top: 0px;
	list-style: none;
	margin: 0;
	padding: 0 0 0 0;
	width: 369px;
	height: 29px;
	overflow: hidden;
	float: left;
    }

#nav li {
    list-style-type: none;
    float: left;
    }

#etusivu a {
	margin: 5px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	width: 81px;
	background: url(../images/nav1.gif) top left no-repeat;

	float: left;
	overflow: hidden;
	height: 0px !important;
	height /**/:60px; /* for IE5/Win only */
    }

#etusivu a:hover {

	background: url(../images/nav1.gif) top left no-repeat;

}



#photo a {
	margin: 5px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	width: 57px;
	background: url(../images/nav2.gif) top left no-repeat;

	float: left;
	overflow: hidden;
	height: 0px !important;
	height /**/:60px; /* for IE5/Win only */
}

#photo a:hover {

	background: url(../images/nav2.gif) top left no-repeat;

}




#gd a {
	margin: 5px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	width: 104px;
	background: url(../images/nav3.gif) top left no-repeat;

	float: left;
	overflow: hidden;
	height: 0px !important;
	height /**/:76px; /* for IE5/Win only */
}

#gd a:hover {

	background: url(../images/nav3.gif) top left no-repeat;

}




#other a {
	margin: 5px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	width: 49px;
	background: url(../images/nav4.gif) top left no-repeat;

	float: left;
	overflow: hidden;
	height: 0px !important;
	height /**/:82px; /* for IE5/Win only */
}

#other a:hover {

	background: url(../images/nav4.gif) top left no-repeat;

}




#contact a {
	margin: 5px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	width: 75px;
	background: url(../images/nav5.gif) top left no-repeat;

	float: left;
	overflow: hidden;
	height: 0px !important;
	height /**/:80px; /* for IE5/Win only */
}

#contact a:hover {

	background: url(../images/nav5.gif) top left no-repeat;

}