/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-dropdown-menu-ie10-touch-screen.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {width:90%; height:50px; text-align:left; position:fixed; top: 170px;
  	left: 0; z-index:30; margin-left:90px;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; border-radius:0px;}
#menu ul {display:inline-block;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline;}

#menu ul ul {position:absolute; left:0; top:40px; display:none; padding:10px 0; border-radius:10px;}
#menu ul ul ul {left:100%; top:auto; margin-top:-35px;}
#menu ul li.left > ul {left:auto; right:0; top:40px; border-radius:10px;}
#menu ul li.left ul li > ul {left:auto; right:100%; top:auto; margin-top:-35px;}

#menu > ul {margin:0 auto;}
#menu > ul > li {float:left; display:block; position:relative;}

#menu ul {background:#333399;}
#menu ul ul {background:#FF0000;
	background: linear-gradient(to bottom right, #FF0000, #000000);}
#menu ul ul ul {background:#33ff33;
	background: linear-gradient(to bottom right, #33ff33, #000000);}
#menu ul ul ul ul {background:#9f690e;}










#menu a {display:block;
	font-family: Ubuntu, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	color:#FFFFFF;
	line-height:30px;
	text-decoration:none;
	border-radius:8px;
	padding:0 20px 0 10px;}

#menu > ul > li > a {float:left; line-height:40px; margin-right:2px;}

#menu ul li:hover > ul {display:block;}

#menu li.left ul a {text-align:right; padding:0 10px 0 20px;}

#menu li:hover > a,
#menu ul li:hover > a.fly {color:#FFFF00;}

/* for IE7 to fix a bug with using display:none; to hide the sub menus. Delete if not concerned with IE7 support */
#menu ul {*display:inline;}

#menu ul ul,
#menu ul ul ul,
#menu ul li.left > ul,
#menu ul li.left ul li > ul {*left:-9999px; *right:auto; *display:block;}

#menu ul li:hover {*direction:ltr;}

#menu ul li:hover > ul {*left:0;}
#menu ul ul li:hover > ul {*left:100%;}
#menu ul li.left:hover > ul {*left:auto; *right:0;}
#menu ul li.left ul li:hover > ul {*left:auto; *right:100%;}
</style>