/* ---- header buttons --- */


li#step1 {
	width: 92px;
	height: 50px;
	float: left;
	background: url(../images/scroll50/step1.jpg) 0% 0% no-repeat;
}
li#step1 a:hover {
	background: url(../images/scroll50/step1.jpg) 0% 50% no-repeat;
}
li#step1 a.active {
	width: 100px;
	height: 50px;
	float: left;
	background: url(../images/scroll50/step1.jpg) 0% 100% no-repeat;
}
li#step2 {
	width: 92px;
	height: 50px;
	float: left;
	background: url(../images/scroll50/step2.jpg) 0% 0% no-repeat;
}
li#step2 a:hover {
	background: url(../images/scroll50/step2.jpg) 0% 50% no-repeat;
}
li#step2 a.active {
	width: 100px;
	height: 50px;
	float: left;
	background: url(../images/scroll50/step2.jpg) 0% 100% no-repeat;
}
li#step3 {
	width: 92px;
	height: 50px;
	float: left;
	background: url(../images/scroll50/step3.jpg) 0% 0% no-repeat;
}
li#step3 a:hover {
	background: url(../images/scroll50/step3.jpg) 0% 50% no-repeat;
}
li#step3 a.active {
	width: 100px;
	height: 50px;
	float: left;
	background: url(../images/scroll50/step3.jpg) 0% 100% no-repeat;
}
li#step4 {
	width: 92px;
	height: 50px;
	float: left;
	background: url(../images/scroll50/step4.jpg) 0% 0% no-repeat;
}
li#step4 a:hover {
	background: url(../images/scroll50/step4.jpg) 0% 50% no-repeat;
}
li#step4 a.active {
	width: 100px;
	height: 50px;
	float: left;
	background: url(../images/scroll50/step4.jpg) 0% 100% no-repeat;
}
li#step5 {
	width: 92px;
	height: 50px;
	float: left;
	background: url(../images/scroll50/step5.jpg) 0% 0% no-repeat;
}
li#step5 a:hover {
	background: url(../images/scroll50/step5.jpg) 0% 50% no-repeat;
}
li#step5 a.active {
	width: 100px;
	height: 50px;
	float: left;
	background: url(../images/scroll50/step5.jpg) 0% 100% no-repeat;
}
li#step6 {
	width: 92px;
	height: 50px;
	float: left;
	background: url(../images/scroll50/step6.jpg) 0% 0% no-repeat;
}
li#step6 a:hover {
	background: url(../images/scroll50/step6.jpg) 0% 50% no-repeat;
}
li#step6 a.active {
	width: 100px;
	height: 50px;
	float: left;
	background: url(../images/scroll50/step6.jpg) 0% 100% no-repeat;
}
li#step7 {
	width: 92px;
	height: 50px;
	float: left;
	background: url(../images/scroll50/step7.jpg) 0% 0% no-repeat;
}
li#step7 a:hover {
	background: url(../images/scroll50/step7.jpg) 0% 50% no-repeat;
}
li#step7 a.active {
	width: 100px;
	height: 50px;
	float: left;
	background: url(../images/scroll50/step7.jpg) 0% 100% no-repeat;
}
li#step8 {
	width: 92px;
	height: 50px;
	float: left;
	background: url(../images/scroll50/step8.jpg) 0% 0% no-repeat;
}
li#step8 a:hover {
	background: url(../images/scroll50/step8.jpg) 0% 50% no-repeat;
}
li#step8 a.active {
	width: 100px;
	height: 50px;
	float: left;
	background: url(../images/scroll50/step8.jpg) 0% 100% no-repeat;
}
li#step9 {
	width: 92px;
	height: 50px;
	float: left;
	background: url(../images/scroll50/step9.jpg) 0% 0% no-repeat;
}
li#step9 a:hover {
	background: url(../images/scroll50/step9.jpg) 0% 50% no-repeat;
}
li#step9 a.active {
	width: 100px;
	height: 50px;
	float: left;
	background: url(../images/scroll50/step9.jpg) 0% 100% no-repeat;
}
li#step10 {
	width: 92px;
	height: 50px;
	float: left;
	background: url(../images/scroll50/step10.jpg) 0% 0% no-repeat;
}
li#step10 a:hover {
	background: url(../images/scroll50/step10.jpg) 0% 50% no-repeat;
}
li#step10 a.active {
	width: 100px;
	height: 50px;
	float: left;
	background: url(../images/scroll50/step10.jpg) 0% 100% no-repeat;
}