#intro {
padding-bottom: 10px;
}


#slider {
float: left;
width: 750px;
margin: 0 auto;
position: relative;
}

.scroll {    
height: 250px;
width: 750px;
overflow: hidden;

position: relative;
float: left;
}

.scrollContainer div.panel {
padding: 0;
height: 250px;
width: 750px;
}

.panel img{
float: left;
margin-right: 20px;
}

.paneltext{
float: left;
padding-left: 20px;
width: 202px;
border-left: 1px dotted #8CC53E;
}

#slidericon{
padding: 0;
margin: 0;
}

ul.navigation {
z-index: 50;
float: right;
list-style: none;
margin: 0;
margin-bottom: -40px;
width: 86px;
height: 20px;
position: relative;
background: url(../images/content/slider/sliderbtnmatix.jpg) no-repeat;
overflow: hidden;   
}

.navigation a{

position: absolute;
top: 0;
display: block;
height: 20px;
background: url(../images/content/slider/sliderbtnmatix.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
.navigation a#slide-1 {
left: 0;
width: 20px;
background-position: 0 0;
}

.navigation a#slide-2 {
left: 22px;
width: 20px;
background-position: -22px 0;
}

.navigation a#slide-3 {
left: 44px;
width: 20px;
background-position: -44px 0;
}

.navigation a#slide-4 {
left: 66px;
width: 20px;
background-position: -66px 0;
}

/*hover state*/
.navigation a:hover#slide-1 {
    background-position: 0 -20px;
}

.navigation a:hover#slide-2 {
    background-position: -22px -20px;
}

.navigation a:hover#slide-3 {
    background-position: -44px -20px;
}

.navigation a:hover#slide-4 {
    background-position: -66px -20px;
}

/*selected state*/
.navigation a.selected#slide-1 {
    background-position: 0 -40px;
}

.navigation a.selected#slide-2 {
    background-position: -22px -40px;
}

.navigation a.selected#slide-3 {
    background-position: -44px -40px;
}

.navigation a.selected#slide-4 {
    background-position: -66px -40px;
}


.hide {
display: none;
}