#navigation {width: 172px;text-align: left; background-position:left top;  float:right;clear:both;margin-top:18px;}
#navigation ul#mainnav {margin: 0;padding-left: 0;height: 37px;}
#navigation ul#mainnav li {display: inline;list-style-type: none;margin-left: -1px;float:right;clear:right; padding-bottom:1px;}
#navigation ul#mainnav li a {display: block;float: left;height: 37px;text-indent: -1500em;}
#navigation ul#mainnav li#mnav1 a {background: url("../images/home.gif") no-repeat top left;width: 174px;}
#navigation ul#mainnav li#mnav1 a:hover, #navigation ul#mainnav li#mnav1.on a {background: url("../images/home.gif") no-repeat bottom left;}
#navigation ul#mainnav li#mnav1a a {background: url("../images/home.gif") no-repeat bottom left;width: 174px;}
#navigation ul#mainnav li#mnav2 a {background: url("../images/about.gif") no-repeat top left;width: 174px;}
#navigation ul#mainnav li#mnav2 a:hover, #navigation ul#mainnav li#mnav2.on a {background: url("../images/about.gif") no-repeat bottom left;  }
#navigation ul#mainnav li#mnav2a a {background: url("../images/about.gif") no-repeat bottom left;width: 174px;}
#navigation ul#mainnav li#mnav3 a {background: url("../images/accre.gif") no-repeat top left;width: 174px;}
#navigation ul#mainnav li#mnav3 a:hover, #navigation ul#mainnav li#mnav3.on a {background: url("../images/accre.gif") no-repeat bottom left;}
#navigation ul#mainnav li#mnav3a a {background: url("../images/accre.gif") no-repeat bottom left;width: 174px;}
#navigation ul#mainnav li#mnav4 a {background: url("../images/products.gif") no-repeat top left;width: 174px;}
#navigation ul#mainnav li#mnav4 a:hover, #navigation ul#mainnav li#mnav4.on a {background: url("../images/products.gif") no-repeat bottom left;}
#navigation ul#mainnav li#mnav4a a {background: url("../images/products.gif") no-repeat bottom left;width: 174px;}
#navigation ul#mainnav li#mnav5 a {background: url("../images/contact.gif") no-repeat top left;width: 174px;}
#navigation ul#mainnav li#mnav5 a:hover, #navigation ul#mainnav li#mnav5.on a {background: url("../images/contact.gif") no-repeat bottom left;}
#navigation ul#mainnav li#mnav5a a {background: url("../images/contact.gif") no-repeat bottom left;width: 174px;}
#navigation ul#mainnav li#mnav6 a {background: url("../images/enquiry.gif") no-repeat top left;width: 174px;}
#navigation ul#mainnav li#mnav6 a:hover, #navigation ul#mainnav li#mnav6.on a {background: url("../images/enquiry.gif") no-repeat bottom left;}
#navigation ul#mainnav li#mnav6a a {background: url("../images/enquiry.gif") no-repeat bottom left;width: 174px;}