// About Us
Event.observe(
  'navAbout',
  'mouseover',
  function() { $('aboutSubNav').style.display = 'none'; $('aboutSubNav').setStyle({left: '1px'}); Effect.Appear('aboutSubNav', { duration: 0.25 }); }
);

Event.observe(
  'aboutSubNav',
  'mouseover',
  function() { $('aboutSubNav').setStyle({left: '1px'}); }
);

Event.observe(
  'navAbout',
  'mouseout',
  function() { $('aboutSubNav').setStyle({left: '-9999px'}); }
);

Event.observe(
  'aboutSubNav',
  'mouseout',
  function() { $('aboutSubNav').setStyle({left: '-9999px'}); }
);

// Project Portfolio
Event.observe(
  'navProjects',
  'mouseover',
  function() { $('projectsSubNav').style.display = 'none'; $('projectsSubNav').setStyle({left: '105px'}); Effect.Appear('projectsSubNav', { duration: 0.25 }); }
);

Event.observe(
  'projectsSubNav',
  'mouseover',
  function() { $('projectsSubNav').setStyle({left: '105px'}); }
);

Event.observe(
  'navProjects',
  'mouseout',
  function() { $('projectsSubNav').setStyle({left: '-9999px'}); }
);

Event.observe(
  'projectsSubNav',
  'mouseout',
  function() { $('projectsSubNav').setStyle({left: '-9999px'}); }
);

// Our Services
Event.observe(
  'navServices',
  'mouseover',
  function() { $('servicesSubNav').style.display = 'none'; $('servicesSubNav').setStyle({left: '267px'}); Effect.Appear('servicesSubNav', { duration: 0.25 }); }
);

Event.observe(
  'servicesSubNav',
  'mouseover',
  function() { $('servicesSubNav').setStyle({left: '267px'}); }
);

Event.observe(
  'navServices',
  'mouseout',
  function() { $('servicesSubNav').setStyle({left: '-9999px'}); }
);

Event.observe(
  'servicesSubNav',
  'mouseout',
  function() { $('servicesSubNav').setStyle({left: '-9999px'}); }
);

// Resources
Event.observe(
  'navResources',
  'mouseover',
  function() { $('resourcesSubNav').style.display = 'none'; $('resourcesSubNav').setStyle({left: '394px'}); Effect.Appear('resourcesSubNav', { duration: 0.25 }); }
);

Event.observe(
  'resourcesSubNav',
  'mouseover',
  function() { $('resourcesSubNav').setStyle({left: '394px'}); }
);

Event.observe(
  'navResources',
  'mouseout',
  function() { $('resourcesSubNav').setStyle({left: '-9999px'}); }
);

Event.observe(
  'resourcesSubNav',
  'mouseout',
  function() { $('resourcesSubNav').setStyle({left: '-9999px'}); }
);

////////////////////////
// SubNav Stuff              //
////////////////////////