﻿#menuContainer {float:left; left:10px; width:176px; height:176px; position:relative;}

#menu {padding:0; margin:0; width:176px; height:176px; list-style:none; background:url("../images/grid.png");}
* html #menu {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/grid.png', sizingMethod='scale');
}

#menu li a {display:block; width:42px; height:42px; background:url(trans.gif); position:absolute; left:0; top:0; color:#000; font-family:arial, sans-serif; font-size:11px; text-decoration:none;}
#menu li a b {display:block; width:80px; height:80px; position:absolute; left:-9999px; text-align:center;}

#menu li#home a {left:67px; top:0;}
#menu li#single a {left:120px; top:28px;}
#menu li#dropdown a {left:134px; top:86px;}
#menu li#dropline a {left:96px; top:131px;}
#menu li#flyout a {left:38px; top:131px;}
#menu li#support a {left:0; top:85px;}
#menu li#contact a {left:13px; top:28px;}

#menu li a:hover {white-space:nowrap;}

#menu li#home a:hover b {height:50px; left:-19px; top:50px; background:url('../images/cEnglish.png'); padding-top:30px;}
#menu li#single a:hover b {height:50px; left:-72px; top:22px; background:url("../images/csingle.png"); padding-top:30px;}
#menu li#dropdown a:hover b {height:50px; left:-86px; top:-36px; background:url("../images/cdropdown.png"); padding-top:30px;}
#menu li#dropline a:hover b {height:50px; left:-48px; top:-81px; background:url("../images/cdropline.png"); padding-top:30px;}
#menu li#flyout a:hover b {height:50px; left:10px; top:-81px; background:url("../images/cflyout.png"); padding-top:30px;}
#menu li#support a:hover b {height:50px; left:48px; top:-35px; background:url("../images/csupport.png"); padding-top:30px;}
#menu li#contact a:hover b {height:50px; left:35px; top:22px; background:url("../images/ccontact.png"); padding-top:30px;}

* html #menu li#home a:hover b {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/chome.png', sizingMethod='scale');}
* html #menu li#single a:hover b {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/csingle.png', sizingMethod='scale');}
* html #menu li#dropdown a:hover b {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cdropdown.png', sizingMethod='scale');}
* html #menu li#dropline a:hover b {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cdropline.png', sizingMethod='scale');}
* html #menu li#flyout a:hover b {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cflyout.png', sizingMethod='scale');}
* html #menu li#support a:hover b {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/csupport.png', sizingMethod='scale');}
* html #menu li#contact a:hover b {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ccontact.png', sizingMethod='scale');}
