/* default design */

#navi
{
	display:none;
	width:auto;
	height:33px;
	background:url(../images/navi-background.jpg);
	margin:0;
	padding:0;
}
#navi ul
{
	margin:0;
	padding:0;
	list-style:none;
}
#navi ul li
{
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	float:left;
	display:inline;
}
#navi li.home-h 
{
	width:139px;
	height:33px;
	margin:0 5px 0 35px;
	padding:0;
	background:#fff url(../images/home-highlighted.gif);
	text-align:center;
	float:left;
	display:inline;
}
#navi li.mat-n 
{
	width:149px;
	height:33px;
	margin:0 5px 0 6px;
	padding:0;
	background:#fff url(../images/material-normal.gif);
	text-align:center;
	float:left;
	display:inline;
}
#navi li.news-n 
{
	width:129px;
	height:33px;
	margin:0 5px 0 6px;
	padding:0;
	background:#fff url(../images/news-normal.gif);
	text-align:center;
	float:left;
	display:inline;
}
#navi li.about-n 
{
	width:129px;
	height:33px;
	margin:0 5px 0 7px;
	padding:0;
	background:#fff url(../images/about-normal.gif);
	text-align:center;
	float:left;
	display:inline;
}
#navi li.contact-n 
{
	width:129px;
	height:33px;
	margin:0 5px 0 7px;
	padding:0;
	background:#fff url(../images/contact-normal.gif);
	text-align:center;
	float:left;
	display:inline;
}

#navi li a 
{
	font-size:8pt;
	color:#000;
	text-decoration:none;
	display:block;
	margin:6px 0 0 0;
	padding:0;
}

/* design 2 */