#nav { float:left; margin: 0 0 0 300px;}

#nav ul { /* all lists */
	list-style: none;
}

#nav li { /* all list items */
	position: relative;
	display:block;
	float:left;
}

#nav li a { display:block; padding: 55px 20px 20px 20px; text-decoration:none; font: bold 11px Arial, Helvetica, sans-serif; color:#FF6700;background: no-repeat url(img/bg_li.jpg); }

#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}

#nav li ul li { float:left; clear:both;}

#nav li ul li a {color: #000;background-color:#fff;  background-image:none;text-align:left; padding:5px; font: bold 11px Arial, Helvetica, sans-serif; color:#FF6700; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; margin:0; width:170px;display: block; float:none; }


#nav li ul li a:hover {display: block;color: #fff;background-color:#000; }

#nav li>ul { /* to override top and left in  other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block;
	left:auto;
	top:auto;
}