.left_menu{
	width: 210px; 	
	background-image: url(../images/DreamMachine_Website_products_08.jpg);
}

.box_title_menu{
	font-family: "Trebuchet MS";
	background-image: url(../images/DreamMachine_Website_products_06.jpg);
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 15px;
	width: 210px;
	height: 40px;	
}

.left_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width:210px
}

.left_menu ul li {
	position: relative;
	width:210px;
	/*border: 1px solid*/
}
/* keep folowing styles together..........................*/
* html ul ul {
	margin-left:-16px;/* ie5 fix */
	voice-family: "\"}\""; 
	voice-family: inherit;
}	
* html ul li {float:left;/* hide float from ie5*/}
* html ul ul {
	width:210px;	
	voice-family: "\"}\""; 
	voice-family: inherit;	
}
* html ul ul {margin-left:0;/* hide margin from ie5*/}

/* keep above styles together .............*/
li ul {
	display:none;	
}
li ul li{border:none;}

/* Styles for Menu Items */
ul li a {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	background-image: url(../images/DreamMachine_lvl1_09.jpg);
	display: block;
	height: 24px;
	padding-top: 7px;
	text-indent: 9px;
	margin: 0px;
}

ul li a:hover {	
	background-image: url(../images/DreamMachine_lvl1_over_09.jpg);
}

/* this sets all hovered lists to red */
ul li ul li:hover a, ul li ul li.over a,
ul li ul li:hover li a:hover, ul li ul li.over li a:hover {
  
}

/* set dropdown to default */
li:hover li a, li.over li a {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	background-image: url(../images/DreamMachine_lvl2_09.jpg);
	display: block;
	margin: 0px;
}

li ul li a, li ul li a:hover {
	background-image: url(../images/DreamMachine_lvl2_over_09.jpg);
}

/*Sub Menu Styles */
li:hover ul, li.over ul { 	display:block  } /* The magic */