div#menu div#submenus {
	width: 700px;
	height: 290px;
	z-index: 100;
	display: none;
	background-color: #000;
	position: absolute;
}
div#menu:hover div#submenus { display: block }
div.submenu {
	float: left;
	width: 140px;
	height: 290px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0 0;
}
div.submenu.sm1 { background-image: url(../gfx/menu/bg_1.gif) }
div.submenu.sm2 { background-image: url(../gfx/menu/bg_2.gif) }
div.submenu.sm3 { background-image: url(../gfx/menu/bg_3.gif) }
div.submenu.sm4 { background-image: url(../gfx/menu/bg_4.gif) }
div.submenu.sm5 { background-image: url(../gfx/menu/bg_5.gif) }

div.submenu.sm1:hover { background-image: url(../gfx/menu/bg_1_hover.gif) }
div.submenu.sm2:hover { background-image: url(../gfx/menu/bg_2_hover.gif) }
div.submenu.sm3:hover { background-image: url(../gfx/menu/bg_3_hover.gif) }
div.submenu.sm4:hover { background-image: url(../gfx/menu/bg_4_hover.gif) }
div.submenu.sm5:hover { background-image: url(../gfx/menu/bg_5_hover.gif) }

div.submenu.sm1:hover ul li a,
div.submenu.sm2:hover ul li a,
div.submenu.sm3:hover ul li a,
div.submenu.sm4:hover ul li a,
div.submenu.sm5:hover ul li a {
	color: #fff;
	text-decoration: none
}
div.submenu.sm1 ul li a:hover,
div.submenu.sm2 ul li a:hover,
div.submenu.sm3 ul li a:hover,
div.submenu.sm4 ul li a:hover,
div.submenu.sm5 ul li a:hover {
	color: #fff;
	text-decoration: underline
}
div.submenu ul {
	padding: 10px 5px 0 5px;
}
div.submenu ul li {
	line-height: 14px;
	margin: 7px 0;
	background: none;
}
div.submenu.sm1 ul li a { color: #a6e9f7 }
div.submenu.sm2 ul li a { color: #ffd699 }
div.submenu.sm3 ul li a { color: #f199b6 }
div.submenu.sm4 ul li a { color: #c0e69e }
div.submenu.sm5 ul li a { color: #a5a7ba }