#nav{

	width:100%; float:left; position:relative;border:0px solid #fff; margin:0px 0px 0px -50px;   text-align:center; list-style:none;z-index:2000;

}

#nav li{
width:150px;position:relative;display:inline-block;   line-height:35px;height:35px; float:left; margin-top:0px;  text-align:center;

}

#nav div{ float:left; position:relative; margin-right:5px;margin-left:-10px; min-width:170px; padding-left:10px}



#nav li span{color:#e89e03}
#nav li img{ border:none; text-decoration:none}
#nav li ul li{margin-top:10px;}
#nav a{
	display:block;
	padding:0px;
	color:#fff; text-decoration:underline;

	 width:auto
}
#nav li:hover{
	background-color:#ececec;
	
}

/*--- DROPDOWN ---*/

#nav ul{

	/* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */

	 /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */

	list-style:none; width:800px; margin-top:-10px;

	position:absolute;

	left:-9999px; /* 727 033 423 2005Hide off-screen when not needed (this is more accessible than display:none;) */

}

#nav ul li{

width:auto; position:relative; border:0px solid #f00;
padding-top:0px;float:left; height:auto; text-align:left; font-size:12px; line-height:25px;padding-left:12px;padding-right:12px;
 display:inline; background-color:#F4F4F4 ; box-shadow: #888 0px 1px 1px;
}

#nav ul a{

	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */

}

#nav li:hover ul{ /* Display the dropdown on hover */

	left:-40px;  /* Bring back on-screen when needed */

}

#nav li ul li ul{ display:none}

#nav li ul li:hover ul{ /* Display the dropdown on hover */

	left:120px; display:block; margin-top:-25px; /* Bring back on-screen when needed */

}



#nav li:hover ul li:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */

	  color:#f00

}

#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */

	color:#f00

}

#nav div:hover{ background-color:#fefefe}

#nav li:hover{background-color:#F4F4F4}