#menu {position:absolute; top:52px; list-style:none; width:825px; height:45px; z-index:10;}

#menu li {float:left; margin:0;}
#menu li a {display:block; height:45px; width:110px; line-height:20px; padding:0; float:left; color:#fff; text-decoration:none; text-align:center; cursor:default;}
#menu li a b {display:block; height:0; padding-top:52px; overflow:hidden;}

.homecurrent a{display:none;}

#menu li#button1 a {background:url(../i/button1.png);}
#menu li#button1.current a{background:url(../i/button1-current.png)!important; height:55px!important;}

#menu li#button2 a {background:url(../i/button2.png);}
#menu li#button2.current a{background:url(../i/button2-current.png)!important; height:55px!important;}

#menu li#button3 a {background:url(../i/button3.png);}
#menu li#button3.current a{background:url(../i/button3-current.png)!important; height:55px!important;}

#menu li#button4 a {background:url(../i/button4.png);}
#menu li#button4.current a{background:url(../i/button4-current.png)!important; height:55px!important;}

#menu li#button5 a {background:url(../i/button5.png); height:55px!important; margin-top:-10px!important;}
#menu li#button5.current a{background:url(../i/button5-current.png)!important; height:55px!important;}

#menu li#button7 a {background:url(../i/button7.png);}
#menu li#button7.current a{background:url(../i/button7-current.png)!important; height:55px!important;}

#menu li#button8 a {background:url(../i/button8.png);}
#menu li#button8.current a{background:url(../i/button8-current.png)!important; height:55px!important;}

#menu li#button1 a:hover {background:url(../i/button1-over.png);}
#menu li#button2 a:hover {background:url(../i/button2-over.png);}
#menu li#button3 a:hover {background:url(../i/button3-over.png);}
#menu li#button4 a:hover {background:url(../i/button4-over.png);}
#menu li#button5 a:hover {background:url(../i/button5-over.png); height:55px!important; margin-top:-10px!important;}
#menu li#button7 a:hover {background:url(../i/button7-over.png);}
#menu li#button8 a:hover {background:url(../i/button8-over.png);}

/* this is for IE6 png transparency fix - note the image path is from the .html file not the .css file */
* html #menu li#button1 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button1.png', sizingMethod='scale');}
* html #menu li#button2 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button2.png', sizingMethod='scale');}
* html #menu li#button3 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button3.png', sizingMethod='scale');}
* html #menu li#button4 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button4.png', sizingMethod='scale');}
* html #menu li#button5 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button5.png', sizingMethod='scale');}
* html #menu li#button7 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button7.png', sizingMethod='scale');}
* html #menu li#button8 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button8.png', sizingMethod='scale');}

* html #menu li#button1 a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button1-over.png', sizingMethod='scale');}
* html #menu li#button2 a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button2-over.png', sizingMethod='scale');}
* html #menu li#button3 a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button3-over.png', sizingMethod='scale');}
* html #menu li#button4 a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button4-over.png', sizingMethod='scale');}
* html #menu li#button5 a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button5-over.png', sizingMethod='scale');}
* html #menu li#button7 a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button7-over.png', sizingMethod='scale');}
* html #menu li#button8 a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button8-over.png', sizingMethod='scale');}

* html .button1 #menu li#button1 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button1.png', sizingMethod='scale');}
* html .button2 #menu li#button2 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button2.png', sizingMethod='scale');}
* html .button3 #menu li#button3 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button3.png', sizingMethod='scale');}
* html .button4 #menu li#button4 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button4.png', sizingMethod='scale');}
* html .button5 #menu li#button5 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button5.png', sizingMethod='scale');}
* html .button7 #menu li#button7 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button7.png', sizingMethod='scale');}
* html .button8 #menu li#button8 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button8.png', sizingMethod='scale');}
