#topnavi {
	width: 498px;
	height: 55px;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 406px;
	top: 47px;
	list-style: none;
	z-index: 5;
}
#topnavi li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	display: block;
	height: 55px;
	top: 0px;
}
#topnavi a {
	display: block;
	color: #393939;
	padding: 22px 0px 19px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight:bold;
	text-align: center;
	text-decoration: none;
}
#topnavi1 {left: 0px; width: 105px;}
#topnavi2 {left: 106px; width: 125px;}
#topnavi3 {left: 232px; width: 124px;}
#topnavi4 {left: 357px; width: 141px;}

#topnavi li:hover a {color: #FFFFFF; background: url(../images/nav-roll.jpg);}

#topnavi #topnavi1:hover a {background: url(../images/nav1-roll.jpg);}
#topnavi #topnavi4:hover a {background: url(../images/nav4-roll.jpg);}

/* =======================Pop-Out-Nav========================= */
#topnavi ul li a, #topnavi li:hover ul a, #topnavi ul li:hover ul li a {
	background: url(../images/popnav.jpg) center -22px repeat-x;
	width: 225px;
	padding: 2px;
	margin: 0px;
	border: 1px solid #FFE39B;
	color: #393939;
	position:absolute;
	top:0px;
	left:0px;
}

#topnavi ul li:hover a, #topnavi ul li:hover ul li:hover a {background: url(../images/nav-roll.jpg) center -22px repeat-x;color: #FFFFFF;}

#topnavi ul {visibility: hidden;}
#topnavi li:hover ul {visibility: visible;}


#topnavi #sub1 {top: 55px; left:-1px;}
#topnavi #sub2 {top: 74px; left:-1px;}
#topnavi #sub3 {top: 93px; left:-1px;}
#topnavi #sub4 {top: 112px; left:-1px;}
#topnavi #sub5 {top: 131px; left:-1px;}

#topnavi ul ul {visibility: hidden;}
#topnavi li:hover ul ul {visibility: hidden;}
#topnavi ul li:hover ul {visibility: visible;}

#topnavi #sub1-1 {top: 0px; left: 200px;}
#topnavi #sub1-2 {top: 19px; left: 200px;}
#topnavi #sub1-3 {top: 38px; left: 200px;}
#topnavi #sub1-4 {top: 57px; left: 200px;}
#topnavi #sub1-5 {top: 76px; left: 200px;}

#topnavi #sub1-6 {top: 95px; left: 200px;}
#topnavi #sub1-7 {top: 114px; left: 200px;}
#topnavi #sub1-8 {top: 133px; left: 200px;}
#topnavi #sub1-9 {top: 152px; left: 200px;}
#topnavi #sub1-10 {top: 171px; left: 200px;}

#topnavi #sub1-11 {top: 190px; left: 200px;}
#topnavi #sub1-12 {top: 209px; left: 200px;}
#topnavi #sub1-13 {top: 228px; left: 200px;}
#topnavi #sub1-14 {top: 247px; left: 200px;}
#topnavi #sub1-15 {top: 266px; left: 200px;}

/* =======================Pop-Out-Nav========================= */
/*=======================================================================*/

#botnavi {
	width: 800px;
	height: 145px;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 329px;
	list-style: none;
	left: 100px;
	z-index: 1;
}
#botnavi li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	display: block;
	height: 145px;
	top: 0px;
	width: 200px;
	 z-index:1;
}
#botnavi li a {
	display: block;
	color: #4c4b4b;
	padding: 75px 13px 52px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight:normal;
	text-align: center;
	text-decoration: none;
}
#botnavi #botnavi1 a, #botnavi #botnavi2 a { padding: 68px 13px 45px; }

#botnavi1 {left: 0px;}
#botnavi2 {left: 200px;}
#botnavi3 {left: 400px;}
#botnavi4 {left: 600px;}

#botnavi #botnavi1:hover, #botnavi #botnavi2:hover {color: #FFFFFF; background: url(../images/botnav-roll.gif); width:230px; margin-left:-15px; z-index:5;}
#botnavi #botnavi3:hover, #botnavi #botnavi4:hover {color: #FFFFFF; background: url(../images/botnav-roll.gif); width:228px; padding-right:2px; margin-left:-14px; z-index:5;}

#botnavi li:hover a {color:#FFFFFF;}