nav.hbBoxSaiz{
    width : 100% ;  
	margin-right:auto;
	margin-left:auto;
	background-color : #b22222 ; 
	position:fixed;
	bottom:0px;
	left:0px; 
	z-index: 105;
}

ul.hbbox{
    width : 1024px ;  
	height : 30px ;
	margin-right : auto ;
	margin-left : auto ;
	list-style-type : none ;
	display : block ;
}

li.hb{
	width : 14.2% ; 
	height : 50px ;
	float : left ;
	background-color : #b22222 ; 

	-moz-transition-property: background-color ;
	-webkit-transition-property: background-color ;
	-o-transition-property: background-color ;
	-ms-transition-property: background-color ;
	transition-property: background-color ;

	-moz-transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
	transition-duration:0.3s;

	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-timing-function:ease-in-out;
	-o-transition-timing-function:ease-in-out;
	-ms-transition-timing-function:ease-in-out;
	transition-timing-function:ease-in-out;
}

li.hb a {
	color : #ffffff ; 
	text-decoration : none ;
	display:block;
	width:100%;
	height:35px;
	text-align:center;
	padding-top: 15px;
}

li.hb:hover {
	background-color:#800000; 
}

li.hb-on{
	display:block;
	width : 14.2% ; 
	height : 35px ;
	text-align:center;
	padding-top: 15px;
	float : left ;
	color : #ffffff ; 
	background-color : #800000 ; 
}