#slider {
background: scroll 0;
width: 946px;
height:266px;
}
#slider > span {
float:left;
display: inline-block;
background: repeat-y  url(images/slider/slider_menu.jpg);
width: 41px;
height: 266px;
cursor:pointer;
}

#slider > span.current {
cursor:default;
background: repeat-y url(images/slider/slider_menu_a.jpg);
}

#slider div {
background: url(images/slider/slider_fon.jpg);
text-align: center;
padding-top: 10px;
color: #FFFFFF;
width:0px;
height: 256px;
float:left;
display:none;
}



/*-----------------*/
#slider #s1 {
margin-top: 10px;
background:top center no-repeat url(images/slider/button1.png);
display: inline-block;
width: 41px;
height: 256px;
position: absolute;
z-index: 1000;
}
#slider span.current #s1 {
background:top center no-repeat url(images/slider/button1_active.png);
display: inline-block;
width: 41px;
height: 266px;
}
#slider #s1:hover {
background:top center no-repeat url(images/slider/button1_hover.png);
display: inline-block;
width: 41px;
height: 266px;
}
/*-----------------*/
#slider #s2 {
margin-top: 10px;
background:top center no-repeat url(images/slider/button2.png);
display: inline-block;
width: 41px;
height: 256px;
position: absolute;
z-index: 1000;
}
#slider span.current #s2 {
background:top center no-repeat url(images/slider/button2_active.png);
display: inline-block;
width: 41px;
height: 266px;
}
#slider #s2:hover {
background:top center no-repeat url(images/slider/button2_hover.png);
display: inline-block;
width: 41px;
height: 266px;
}
/*-----------------*/
#slider #s3 {
margin-top: 10px;
background:top center no-repeat url(images/slider/button3.png);
display: inline-block;
width: 41px;
height: 256px;
position: absolute;
z-index: 1000;
}
#slider span.current #s3 {
background:top center no-repeat url(images/slider/button3_active.png);
display: inline-block;
width: 41px;
height: 266px;
}
#slider #s3:hover {
background:top center no-repeat url(images/slider/button3_hover.png);
display: inline-block;
width: 41px;
height: 266px;
}
/*-----------------*/
#slider #s4 {
margin-top: 10px;
background:top center no-repeat url(images/slider/button4.png);
display: inline-block;
width: 41px;
height: 256px;
position: absolute;
z-index: 1000;
}
#slider span.current #s4 {
background:top center no-repeat url(images/slider/button4_active.png);
display: inline-block;
width: 41px;
height: 266px;
}
#slider #s4:hover {
background:top center no-repeat url(images/slider/button4_hover.png);
display: inline-block;
width: 41px;
height: 266px;
}
/*-----------------*/
#slider #s5 {
margin-top: 10px;
background:top center no-repeat url(images/slider/button5.png);
display: inline-block;
width: 41px;
height: 256px;
position: absolute;
z-index: 1000;
}
#slider span.current #s5 {
background:top center no-repeat url(images/slider/button5_active.png);
display: inline-block;
width: 41px;
height: 266px;
}
#slider #s5:hover {
background:top center no-repeat url(images/slider/button5_hover.png);
display: inline-block;
width: 41px;
height: 266px;
}
/*-----------------*/
#slider #s6 {
margin-top: 10px;
background:top center no-repeat url(images/slider/button6.png);
display: inline-block;
width: 41px;
height: 256px;
position: absolute;
z-index: 1000;
}
#slider span.current #s6 {
background:top center no-repeat url(images/slider/button6_active.png);
display: inline-block;
width: 41px;
height: 266px;
}
#slider #s6:hover {
background:top center no-repeat url(images/slider/button6_hover.png);
display: inline-block;
width: 41px;
height: 266px;
}
/*-----------------*/
#slider #s7 {
margin-top: 10px;
background:top center no-repeat url(images/slider/button7.png);
display: inline-block;
width: 41px;
height: 256px;
position: absolute;
z-index: 1000;
}
#slider span.current #s7 {
background:top center no-repeat url(images/slider/button7_active.png);
display: inline-block;
width: 41px;
height: 266px;
}
#slider #s7:hover {
background:top center no-repeat url(images/slider/button7_hover.png);
display: inline-block;
width: 41px;
height: 266px;
}