@charset "utf-8";
/* CSS Document */

div#menuhome ul {
	padding: 0px 0px 0px 10px;
	margin: 0px;
	list-style: none;
	float: left;
}

div#menuhome li {
	float: left;
	display: block;
	margin: 10px 2px 0px 0px;
	background: url(../images/menu_item_r.png) 100% 0 no-repeat;
}

div#menuhome li a {
	float: left;
	display: block;
	height: 35px;
	padding: 0px 20px 0px 20px;
	background: url(../images/menu_item_l.png) 0 0 no-repeat;
	line-height: 28px;
	overflow: hidden;
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

div#menuhome li:hover
{
	float: left;
	display: block;
	height: 36px;
	background: url(../images/menu_item_r.png) 100% 0 no-repeat;
	line-height: 28px;
	overflow: hidden;
}

div#menuhome li a:hover
{
	float: left;
	display: block;
	height: 36px;
	padding: 0px 20px 10px 20px;
	background: url(../images/menu_item_l.png) 0 0 no-repeat;
	color: #ffffff;
	line-height: 28px;
	overflow: hidden;
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

div#menuhome li.active 
{
	position: relative;
	z-index: 3;
	margin: 0px 2px 0px 0px;
}

body.black div#menuhome li.active
{ 
	background: url(../images/menu_item_r_active_black.png) 100% 0 no-repeat; 
	color: #ffffff; 
}

body.black div#menuhome li.active a 
{
	background: url(../images/menu_item_l_active_black.png) 0 0 no-repeat; 
	color: #ffffff; 
}

div#menuhome li:hover
{
	position: relative;
	z-index: 2;
	margin: 0px 2px 0px 0px;
}