#navex {position: relative; width:772px;}
#navex ul {margin:0; padding:0; border:0; list-style-type: none;}
#navex li {font-size:1.2em; line-height:1; margin:0; padding:0; border:0; display:block; float:left;}
#navex a {margin:0; display:block;}
#navex li ul {/*width: 100%; min-width:100%;*/ display:block; visibility: hidden; position:absolute; clear:both; top:1.2em;
/* watch for this value! you must make sure that this value and value of line-height for the parent items are such that it is possible to move the mouse over to submenu */
left:0;}

#navex li.selected ul, #navex li:hover ul {visibility: visible;	left: 0;}
#navex li.selected ul {z-index: 10;}
#navex li:hover ul {z-index: 100;}
#navexList:after {content: ".";	height: 0;	display: block;	overflow: hidden; visibility: hidden; clear: both;}

/* Navigation make-up */

#navex {font-size: 1.2em; font-weight: bold; color: #fff; background-color: #ffffff; margin: 1.5em auto 3em; width:100%;
/* this value should be close to what is needed for elements to stay on one line */}
#navex a {color: #999999; text-decoration: none; padding: 0.5em 10px 0.7em 10px;border-right: 1px solid #999999;}
/*#navex li {margin: 0; font-family:Arial, Helvetica, sans-serif; font-size:1em; border-right: 1px solid #999999;}*/
#navex li {margin: 0; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
#navex li:hover {color: #000;}
#navex li:hover ul#on-move-sub {margin-left: 36em;}
#navex li:hover ul#brands-moved-sub{margin-left:18em}
#navex li:hover a {color: #999999;}
#navex li a#contact{border-right: 0px solid #999999;}
/* always pay attention that this two values are such that it is possible to move the mouse over to submenu */
#navex li ul {line-height: 2em;	top: 2em; color: #000;} /* border:1px solid #FF0000;} use to debug submenu issues */
#navex li li {border-right: 1px solid #ffffff;	padding:0em;}
#navex li li a {color: #999999;border-right: 0px solid #999999;}
#navex li li a:hover {text-decoration: underline;}

/* fix the colors for selected item and submenu, for better usability */
#navex li.selected a, #navex li.selected, #navex li.selected:hover a {color: #999999;}
#navex li.selected, #navex li.selected:hover a, #navex li.selected:hover ul {background-color: #ffffff;}

/* rollover effects for section specific nav */
#navex li a:hover#home {text-decoration:none; color:#ad0534;}
#navex li a:hover#how-we-move {text-decoration:none; color:#2797cf;}
#navex li a:hover#brands-moved {text-decoration:none; color:#74da12;}
#navex li a:hover#brands-moved-sub1 {text-decoration:none; color:#74da12;}
#navex li a:hover#mover-shakers {text-decoration:none; color:#fd8e36;}
#navex li a:hover#on-move {text-decoration:none; color:#8f21b0;}
#navex li a:hover#on-move-sub1 {text-decoration:none; color:#8f21b0;}
#navex li a:hover#on-move-sub2 {text-decoration:none; color:#8f21b0;}
#navex li a:hover#on-move-sub3 {text-decoration:none; color:#8f21b0;}
#navex li a:hover#on-move-sub4 {text-decoration:none; color:#8f21b0;}
#navex li a:hover#moves-us {text-decoration:none; color:#eb3dac;}
#navex li a:hover#contact {text-decoration:none; color:#ad0534;}
.how-we-move-selected {color:#2797cf;}
.brands-we-moved-selected {color:#74da12;}
.movers-shakers-selected {color:#fd8e36;}
.on-the-move-selected {color:#8f21b0;}
.what-moves-us-selected {color:#eb3dac;}
.contact-selected {color:#ad0534;}
.home-home {color:#ad0534;}

/* subnav menu */
#sub-nav-menu {float:left;}
#sub-nav-menu ul {list-style:none;}
#sub-nav-menu li {float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; padding:0px 0px 0px 0px;}

/* IE5/Mac: \*//*/

#navexList {display: inline-block;}
#navex a {float: left;}
#navex li ul {top: 1.8em; height: 2em;}
#navex li li, #navex li li a {display: inline; float: none;}