.ddsmoothmenu { width: 100%; }

.ddsmoothmenu ul {
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none; }


/*Top level list items*/
.ddsmoothmenu ul li {
	position: relative;
	display: inline;
	float: left; }

.ddsmoothmenu ul li:before { content: ""; }


/*Top level menu link items style*/
.ddsmoothmenu ul li a {
	display: block;
	/*background: #414141; background of menu items (default state)*/
	color: white;
	padding: 8px 10px;
	color: #2d2b2b;
	text-decoration: none; }

	.ddsmoothmenu > ul > li > a {
		background: url(../images/line.png) no-repeat right 16px;
		height: 30px;
		padding: 14px 14px 0 14px;
		font-family: 'MyriadProRegular';
		font-size: 16px; }

		.ddsmoothmenu > ul > li:last-child > a {background: none;}

	.ddsmoothmenu > ul > li a:hover { background: url(../images/menu-back.png) repeat-x 0 0; }

	.ddsmoothmenu > ul > li.hit > a { background: url(../images/menu-back.png) repeat-x 0 -44px; }



* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block; }

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited { color: white; }

.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background: url(../images/menu-back.png) repeat-x 0 0;
	color: white; }

.ddsmoothmenu ul li a:hover {
	/*background: black; background of menu items during onmouseover (hover state)*/
	color: white; }


/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden; }


/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
	display: list-item;
	float: none; }


/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul { top: 0; }

	/* Sub level menu links style */
	.ddsmoothmenu ul li ul li a {
		width: 140px; /*width of sub menus*/
		background: #2f2c52;
		padding: 8px 5px 8px 20px;
		margin: 0;
		border-top-width: 0;
		border-bottom: 1px solid #444264;
		font-size: 11px; }


/* Holly Hack for IE \*/
* html .ddsmoothmenu{ height: 1%; } /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{ position: absolute; top: 16px; right: 9px; }

.rightarrowclass{ position: absolute; top: 10px; right: 5px; }



/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
	position: absolute; left: 0; top: 0;
	width: 0; height: 0;
	background: silver; }


.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8; }