/*----- [ TOP NAVIGATION DROP DOWN] ----- */

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.top-nav ul { display: none; position: absolute; top: 1.0em; margin-top: 0px;  left: 12px; background: #492549; border: 1px solid #b0a3b0;  width: 130px; }

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.top-nav li { float: left;  position: relative; margin-right: -1px; }

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.top-nav ul li { float: none; margin: 0; margin-bottom: -1px;    }

.top-nav ul li a { text-indent: 0; text-decoration: none!important; display: block; color: #fff!important;  border-bottom: 1px solid #b0a3b0; font-size: 11px; line-height: normal; padding: 3px 5px; margin: 0!important; }
.top-nav ul li a:hover { border-bottom: 1px solid #b0a3b0; text-decoration: underline!important; }


.top-nav ul>li:last-child { margin-bottom: 1px; /* Mozilla fix */ }

/* Only style submenu indicators within submenus. */
.top-nav a .subind { display: none; }
.top-nav ul a .subind { display: block; float: right; }


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.top-nav a { float: left; }
.top-nav ul a { float: none; }
.top-nav a { float: none; }

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .top-nav ul li { float: left; width: 100%; }
* html .top-nav ul li { float: left; height: 1%; }
* html .top-nav ul a { height: 1%;}
/* End Hacks */


/*----- [ BOTTOM NAVIGATION DROP DOWN ] ----- */


/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.bottom-nav, .bottom-nav  ul { margin: 0; padding: 0; list-style: none; }
.bottom-nav ul { display: none; position: absolute; top: 1.0em; margin-top: 15px;  left: 0;  }
.bottom-nav ul ul { position: absolute; left: 192px; top: -15px!important; top: -14px; }

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.bottom-nav li { float: left; display:block;  position: relative; margin-right: 0!important; margin-right: -1px;}


/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.bottom-nav ul li {
 float: none;
 margin: 0;
}
.bottom-nav ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}
/* Items in submenus - override float/border/margin from above, restoring default vertical style */
/*.bottom-nav ul li { float: none; margin: 0; margin-bottom: -1px;    }*/

.bottom-nav ul li a { text-indent: 0; text-decoration: none!important; display: block; color: #fff!important;  margin: 0; font-size: 11px; line-height: normal; padding: 6px 0 0 20px; height: 19px!important;  width: 173px; }

.bottom-nav .item-1-dropdown li a {  background: url('../images/nav/dropdown_techport_australia.gif') no-repeat; }
.bottom-nav .item-1-dropdown li a:hover { background-position: 0 -25px; }
.bottom-nav .item-1-dropdown li a.more { background-position: 0 -50px; }
.bottom-nav .item-1-dropdown li a.more:hover { background-position: 0 -75px; }

.bottom-nav .item-2-dropdown li a {  background: url('../images/nav/dropdown_user_facility.gif') no-repeat; }
.bottom-nav .item-2-dropdown li a:hover { background-position: 0 -25px; }
.bottom-nav .item-2-dropdown li a.more { background-position: 0 -50px; }
.bottom-nav .item-2-dropdown li a.more:hover { background-position: 0 -75px; }

.bottom-nav .item-3-dropdown li a {  background: url('../images/nav/dropdown_supplier_precinct.gif') no-repeat; }
.bottom-nav .item-3-dropdown li a:hover { background-position: 0 -25px; }
.bottom-nav .item-3-dropdown li a.more { background-position: 0 -50px; }
.bottom-nav .item-3-dropdown li a.more:hover { background-position: 0 -75px; }

.bottom-nav .item-4-dropdown li a {  background: url('../images/nav/dropdown_commercial_precinct.gif') no-repeat; }
.bottom-nav .item-4-dropdown li a:hover { background-position: 0 -25px; }
.bottom-nav .item-4-dropdown li a.more { background-position: 0 -50px; }
.bottom-nav .item-4-dropdown li a.more:hover { background-position: 0 -75px; }
.bottom-nav .item-4-dropdown ul a { width: 168px; }


.bottom-nav .item-5-dropdown li a {  background: url('../images/nav/dropdown_industry_employment.gif') top left no-repeat; width: 167px; }
.bottom-nav .item-5-dropdown li a:hover { background-position: 0 -25px; }
.bottom-nav .item-5-dropdown li a.more { background-position: 0 -50px; }
.bottom-nav .item-5-dropdown li a.more:hover { background-position: 0 -75px; }

.bottom-nav .item-1-dropdown a.highlighted, .bottom-nav .item-2-dropdown a.highlighted,  .bottom-nav .item-3-dropdown a.highlighted , .bottom-nav .item-4-dropdown a.highlighted, .bottom-nav .item-5-dropdown a.highlighted { background-position: 0 -75px!important; }

.bottom-nav li a.highlighted { background-position: 0 -30px; }

.bottom-nav ul>li:last-child { margin-bottom: 1px; /* Mozilla fix */ }

/* Only style submenu indicators within submenus. */
.bottom-nav a .subind { display: none; }
.bottom-nav ul a .subind { display: block; float: right; }

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.bottom-nav a { display:block; }
.bottom-nav ul a { float: none; }
.bottom-nav a { float: none; }

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .bottom-nav ul li { float: left; width: 100%; }
* html .bottom-nav ul li { height: 1%; }
* html .bottom-nav ul a { height: 1%;}
/* End Hacks */