#menu {

	width:127px;
	float: left;
	z-index:800;
	text-transform:uppercase;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 130px;
	float: left;
}
#menu a, #menu h2 {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	display: block;
	border: solid 1px;
	border-color: #CCCCCC #888888 #555555 #BBBBBB;
	margin: 0;
	padding: 2px 3px;
}
#menu h2 {
	color: #4B4B4B;
	padding-bottom:10px;
	border:none;
	text-transform: uppercase;
	text-align:left;
	padding-left:12px;
}
#menu h2:hover {
	color: #004B8D;
}
#menu a {
	color: #F4F4F4;
	background: #999999;
	text-decoration: none;
}
#menu h2 a {
	color: #4B4B4B;
	font-size:11px;
	border:none;
	background:none;
	text-decoration: none;
	padding:0px;
}

#menu a:hover, #menu ul ul a:hover{
	color:#004B8D; 
	background:#E8E8E8;
}
#menu ul ul :hover > a {
	color:#004B8D;
	background:#E8E8E8;
}

#menu h2 a:hover {
	color: #004B8D;
	font-size:11px;
	border:none;
	background:none;
	text-decoration: none;
}
#menu li {
	position: relative;
}
#menu ul ul {
position: absolute;
z-index: 500;
width:85px;
}
#menu ul ul ul {
top: 0;
left: 100%;
width:115px;
}
#menu ul ul ul ul {
top: 0;
left: 100%;
width:180px;
}

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;
}

.tdhome, .tdproducts, .productsmenu, .tddealer, .tdbrochures, .tdevents, .tdabout, .tdcontact {
	position:absolute;
}
.tdhome {
	width:58px;
	left:0px;
}
.tdproducts {
	width:85px;
	left:60px;
	z-index:1;
}
.productsmenu {
	width:87px;
	left:0px;
}
.tddealer {
	width:102px;
	left:148px;
	border-left:1px solid #999999;
}
.tdbrochures {
	width:92px;
	left:250px;
}
.tdevents {
	width:60px;
	left:346px;
}
.tdabout {
	width:85px;
	left:406px;
}
.tdcontact {
	width:98px;
	left:490px;
}