.menu_container {margin:0 auto 300px auto; position:relative; width:750px; height:25px; z-index:100;}
.menu, .menu ul {padding:0; margin:0; list-style: none; position:absolute;}

.menu ul {left:-9999px; width:150px; padding:0 20px 20px 20px; background:url(/assets/images/dot_clear.gif); opacity:0; -o-transition: opacity 0.6s ease-in-out; -moz-transition: opacity 0.6s ease-in-out; -webkit-transition: opacity 0.6s ease-in-out;}
.menu ul ul {padding:20px 20px 20px 0;}

.menu a {display:block; width:170px; padding-left:10px; font:normal bold 12px/25px arial,sans-serif; color:#fff; text-decoration:none; border:1px solid #fff; margin:0 -1px -1px 0; background:#876;}

.menu li {float:left;}
.menu li.fly > a {background:#876 url(/assets/images/arrow.gif) no-repeat 130px center;}
.menu li:hover {position:relative; z-index:100;}
.menu li:hover > a {background-color:#655; color:#fc0; border-color:#fc0;}
.menu li:hover > ul {top:26px; left:-20px; z-index:-1; opacity:1;}
.menu li:hover li:hover > ul {left:145px; top:-20px; z-index:100; opacity:1;}
.menu li.right:hover li:hover > ul {left:-165px; top:-20px; z-index:100; padding:20px 0 20px 20px; opacity:1;}


		body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
			.demoHeaders { margin-top: 2em; }
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}