#menu { clear:both; }
#menu ul { width:100%; display:inline-block; }
#menu li { float:left;  list-style:none; }
#menu .separator { background:url(../img/navigation/menu-separator.png) left top no-repeat; width:1px; font-size:0; height: 23px; margin: 0 10px; }
#menu .right { float:right; }

#menu li a { float:left; margin: 0; height:23px; background-position:left top; background-repeat:no-repeat; white-space:nowrap; }
#menu li a.home { background-image:url(../img/navigation/menu-home.gif); width:37px; }
#menu li a.environmental { background-image:url(../img/navigation/menu-environmental.gif); width:89px; }
#menu li a.overview { background-image:url(../img/navigation/menu-environmental.gif); width:89px; }
#menu li a.technical { background-image:url(../img/navigation/menu-technical.gif); width:57px; }
#menu li a.architectural { background-image:url(../img/navigation/menu-architectural.gif); width:80px; }
#menu li a.gallery { background-image:url(../img/navigation/menu-gallery.gif); width:46px; }
#menu li a.news { background-image:url(../img/navigation/menu-news.gif); width:35px; }
#menu li a.about { background-image:url(../img/navigation/menu-about.gif); width:41px; }
#menu li a.contact { background-image:url(../img/navigation/menu-contact.gif); width:51px; }
#menu li a.tools { background-image:url(../img/navigation/menu-tools.gif); width:115px; }

#menu li a:hover { background-position:left -23px;}
#menu li.active a { background-position:left -46px;}

#menu ul li h1 { display:none; }



#submenu { display:inline-block; margin-bottom:5px;}
#submenu ul { width:100%; display:inline-block; }
#submenu li { float:left;  list-style:none; }
#submenu li.separator { background:url(../img/navigation/submenu-separator.png) left top no-repeat; width:2px; font-size:0; height: 15px; margin: 5px 0 0 0; }
#submenu li a { float:left; margin: 2px 0; padding: 2px 10px; font-size: 10pt; color: #AFB5C3; text-decoration:none; line-height: 1.5em; white-space:nowrap; }
#submenu li a:hover { background:url(../img/navigation/submenu-active-bg.png) left bottom repeat-x; color: #fff; }
#submenu ul li h1 { display:none; }

#thirdmenu { display:inline-block; margin-bottom:5px;}
#thirdmenu ul { width:100%; display:inline-block; }
#thirdmenu li { float:left;  list-style:none; }
#thirdmenu li.separator { background:url(../img/navigation/submenu-separator.png) left top no-repeat; width:2px; font-size:0; height: 15px; margin: 5px 0 0 0; }
#thirdmenu li a { float:left; margin: 2px 0; padding: 2px 10px; font-size: 10pt; color: #AFB5C3; text-decoration: none; line-height: 1.5em; white-space: nowrap; }
#thirdmenu li a:hover { color: #fff; }
#thirdmenu ul li h1 { display:none; }

/* Environmental Accent Colour - Green */
div.environmental ul li.active a { color: #adca03 !important;}

/* Technical Accent Colour - Blue */
div.technical ul li.active a { color: #198ddd !important; }

/* Architectural Accent Colour - Purple */
div.architectural ul li.active a { color: #c13ad6 !important; }

/* News, About, Contact, Tools Accent Colour - Orange */
div.news ul li.active a,
div.about ul li.active a,
div.contact ul li.active a,
div.tools ul li.active a { color: #eb8e0a !important; }