/* NAVIGATION */
#topnav 
{
	float:left;
	margin:0;
	padding:0;
}
#topnav ul
{
	margin:0 ;
	padding:0 0 0 20px;
}
#topnav li
{
	float:left;
	margin:0;
	padding:0;
}
#topnav li a
{
	color:#fc0;
	font-size:14px;
	float:left;
	display:block;
	margin:0 1.5em 0 0;
	padding:5px 0;
}
#topnav li a:hover
{
	color:#fff;
}
#topnav li.active a
{
	margin:0 1.5em 0 0;
	border-bottom:2px dotted #fc0;
}
#topnav li.active a:hover
{
	border-bottom:2px dotted #ffffff;
}



/* Subnav */
#subnav 
{
	width:15em;
	float:left;
	margin:0 0 0 20px;
}
#subnav ul
{
	background:#262626;
	border-left:1px solid #aaaaaa; 
	border-right:1px solid #aaaaaa;
	margin:0;
}
#subnav  li 
{
	padding:0;
}
#subnav  li a 
{
	padding:0.5em 0 0.5em 2em;
	display:block;
	color:#aaaaaa;
	background:url(../images/navi/nav-normal.gif) no-repeat 1em 1em;
}
#subnav  li a:hover 
{
	color:#FFCC00;
	background:url(../images/navi/nav-level1-hover.gif) no-repeat 1em 1em;
}
#subnav  li.active a 
{
	background:url(../images/navi/nav-level1-active.gif) no-repeat 1em 1em;
	color:#FFCC00;
	
}
#subnav  li.active li a 
{
	background:url(../images/navi/nav-normal.gif) no-repeat 2em 1em;
	padding:0.5em 0.5em 0.5em 3em;
	color:#aaaaaa;
}
#subnav ul ul
{
	border-left:none; 
	border-right:none;
}
#subnav  li.active li.active a, 
#subnav  li.active li.active a:hover 
{
	background:transparent url(../images/navi/nav-level2-active.gif) no-repeat 2em 1em;
	padding:0.5em 0.5em 0.5em 3em;
	color:#0099ff;
}
#subnav  li.active li a:hover 
{
	background:transparent url(../images/navi/nav-level2-hover.gif) no-repeat 2em 1em;
	padding:0.5em 0.5em 0.5em 3em;
	color:#0099ff;
}


/* Service-Navi */
#service 
{
	position:relative;
	width:100%;
	height:50px;
	border-top:1px solid #aaaaaa; 
	background:#fff!important;
}
#service ul
{
	margin:5px 0 0 2em;
}

#service li.first
{
	background:none;
	padding:5px 10px 5px 0;
}
#service li
{
	background:transparent url(../images/bgs/bg-footer-nav.gif) no-repeat 0 50%;
	float:left;
	padding:5px 10px 5px 10px;
}