/* nav-class */
#nav-class{width: 995px;height: 53px;background: url(menu_bg.gif);cursor: pointer;list-style-type: none;padding: 0px;margin: 0px;}
#nav-class li{float: left; cursor: pointer;}
#nav-class li a{height: 0; margin: 0; padding-top: 0; color: #2d3440; overflow: hidden; cursor: pointer; background: url(menu_bg.gif) no-repeat; display: inline; float: left; position: relative;}
/* Static nav item*/
#nav-class li#navhome a{width: 108px;height: 53px; background-position: 0 0;}
#nav-class li#navclass1 a{width: 108px;height: 53px; background-position: -110px 0;}
#nav-class li#navclass2 a{width: 108px;height: 53px; background-position: -220px 0;}
#nav-class li#navclass3 a{width: 108px;height: 53px; background-position: -330px 0;}
#nav-class li#navclass4 a{width: 108px;height: 53px; background-position: -440px 0;}
#nav-class li#navclass5 a{width: 108px;height: 53px;background-position: -550px 0;}
#nav-class li#navclass6 a{width: 108px;height: 53px; background-position: -660px 0;}
#nav-class li#navclass7 a{width: 108px;height: 53px; background-position: -770px 0;}
#nav-class li#navclass8 a{width: 115px;height: 53px; background-position: -880px 0;}
#nav-class li#navline1 a{width: 2px;height: 53px; background-position: -108px 0;}
#nav-class li#navline2 a{width: 2px;height: 53px; background-position: -218px 0;}
#nav-class li#navline3 a{width: 2px;height: 53px; background-position: -328px 0;}
#nav-class li#navline4 a{width: 2px;height: 53px; background-position: -438px 0;}
#nav-class li#navline5 a{width: 2px;height: 53px; background-position: -548px 0;}
#nav-class li#navline6 a{width: 2px;height: 53px; background-position: -658px 0;}
#nav-class li#navline7 a{width: 2px;height: 53px; background-position: -768px 0;}
#nav-class li#navline8 a{width: 2px;height: 53px; background-position: -878px 0;}
/* Hover nav item */
#nav-class li#navhome a:hover{width: 108px; background: url(menu_bg.gif) 0 -53px;}
#nav-class li#navclass1 a:hover{width: 108px; background: url(menu_bg.gif) -110px -53px;}
#nav-class li#navclass2 a:hover{width: 108px; background: url(menu_bg.gif) -220px -53px;}
#nav-class li#navclass3 a:hover{width: 108px; background: url(menu_bg.gif) -330px -53px;}
#nav-class li#navclass4 a:hover{width: 108px; background: url(menu_bg.gif) -440px -53px;}
#nav-class li#navclass5 a:hover{width: 108px; background: url(menu_bg.gif) -550px -53px;}
#nav-class li#navclass6 a:hover{width: 108px; background: url(menu_bg.gif) -660px -53px;}
#nav-class li#navclass7 a:hover{width: 108px; background: url(menu_bg.gif) -770px -53px;}
#nav-class li#navclass8 a:hover{width: 115px; background: url(menu_bg.gif) -880px -53px;}
/* nav-class end*/

/* nav-sp */
#nav-sp{width: 230px;height: 420px;background: url(hot_column.gif);cursor: pointer;list-style-type: none;padding: 0px;margin: 0px;}
#nav-sp li{float: left; cursor: pointer;}
#nav-sp li a{height: 0; margin: 0; padding-top: 0px; color: #2d3440; overflow: hidden; cursor: pointer; background: url(hot_column.gif) no-repeat; display: inline; float: left; position: relative;}
/* Static sp item*/
#nav-sp li#navsp1 a{width: 230px;height: 60px; background-position: 0 0px;}
#nav-sp li#navsp2 a{width: 230px;height: 60px; background-position: 0 60px;}
#nav-sp li#navsp3 a{width: 230px;height: 60px; background-position: 0 120px;}
#nav-sp li#navsp4 a{width: 230px;height: 60px; background-position: 0 180px;}
#nav-sp li#navsp5 a{width: 230px;height: 60px; background-position: 0 240px;}
#nav-sp li#navsp6 a{width: 230px;height: 60px; background-position: 0 300px;}
#nav-sp li#navsp7 a{width: 230px;height: 60px; background-position: 0 360px;}
/* Hover sp item */
#nav-sp li#navsp1 a:hover{width: 230px;height: 60px; background: url(hot_column.gif) -230px 0;}
#nav-sp li#navsp2 a:hover{width: 230px;height: 60px; background: url(hot_column.gif) -230px -60px;}
#nav-sp li#navsp3 a:hover{width: 230px;height: 60px; background: url(hot_column.gif) -230px -120px;}
#nav-sp li#navsp4 a:hover{width: 230px;height: 60px; background: url(hot_column.gif) -230px -180px;}
#nav-sp li#navsp5 a:hover{width: 230px;height: 60px; background: url(hot_column.gif) -230px -240px;}
#nav-sp li#navsp6 a:hover{width: 230px;height: 60px; background: url(hot_column.gif) -230px -300px;}
#nav-sp li#navsp7 a:hover{width: 230px;height: 60px; background: url(hot_column.gif) -230px -360px;}
/* nav-sp end*/