/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_wall.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* styling specific to Internet Explorer IE5.5 and IE6. Yet to see if IE7 handles li:hover */

/* Get rid of any default table style */
table {
border-collapse:collapse;
margin:0; 
padding:0;
}
/* ignore the link used by 'other browsers' */
.menu ul li a.hide, .menu ul li a:visited.hide {
display:none;
}

/* set the border to zero to make the main menu hover work */
.menu ul li a:hover {
border:0;
}

a:hover.map1 {background:url(../images/nav_homeon.gif);}
a:hover.map2 {background:url(../images/nav_abouton.gif);}
a:hover.map3 {background:url(../images/nav_whyon.gif);}
a:hover.map4 {background:url(../images/nav_productson.gif);}
a:hover.map4 {background:url(../images/nav_clientson.gif);}
a:hover.map4 {background:url(../images/nav_resourceson.gif);}
a:hover.map4 {background:url(../images/nav_careeron.gif);}
a:hover.map4 {background:url(../images/nav_faqon.gif);}
a:hover.map4 {background:url(../images/nav_contactuson.gif);}




/* make the sub menu ul visible and position it to the right of the main menu list item */
.menu ul li a:hover ul {
visibility:visible; 
position:absolute; 
top:0; 
left:150px;
width:100px; 
height:150px;
}

/* make the list items vertical with no gaps */
.menu ul li a:hover ul li {
float:left;
width:100px;
}

/* style the size of the submenu links */
.menu ul li a:hover ul li a {
display:block;
width:100px;
height:50px;
}

/* set the border to zero to make the sub menu hover work */
.menu ul li a:hover ul li a:hover {
border:0;
}