/* menu */

#menu {
	position:absolute;
	margin: 0 auto;
	width: 644px;
	z-index: 501;
	top: 165px;
	left: 75px;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 92px;
	float: left;
}
#menu h1, #menu h2 {
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #000000 #000000 #000000 #000000;
	margin: 0;
	padding: 2px 2px;
}
#menu h2 {
	cursor:pointer;
	text-align: center;
	color: #000000;
	background-image:url(../image/main/nav_top.png);
	text-transform: capitalize;
	letter-spacing: 0.5px;
}
#menu h2:hover {
	cursor: pointer;
	text-align: center;
	color: #FFFFFF;
	background-image:url(../image/main/nav_bottom.png);
	text-transform: capitalize;
}
#menu h1 {
	cursor: pointer;
	color: #000000;
	background-image:url(../image/main/nav_top_two.png);
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
}
#menu h1:hover {
	cursor: pointer;
	color: #FFFFFF;
	background-image:url(../image/main/nav_bottom_two.png);
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
}
#menu li {position: relative;}

#menu ul ul ul {
	position: absolute;
	top: 0px;
	left: 100%;
}
#menu ul ul {
	position: absolute;
	z-index: 499;
}
div#menu ul ul {
	display: none;
}
div#menu ul li:hover ul {
	display: block;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {
	display: none;
}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
	display: block;
}

/* menu for IE 5.0 6.0 */

body {
	behavior: url(../css/csshover2.htc);
}
!--[if IE]>
<style type="text/css" media="screen">
body {
	behavior: url(../css/csshover2.htc);
	font-size: 100%;
}
#menu ul li {
	float: left; width: 100%;
}
#menu ul li h1 {
	height: 1%;
} 
#menu h1, #menu h2 {
	font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]