.slideshow {
    height: 290px; 
    width: 952px; 
    margin: auto;
}

.slideshow img {
    padding: 0px; 
    border: 0px solid #ccc; 
    background-color: #eee;
}

#nav { 
    z-index: 50; 
    position: absolute; 
    bottom: 15px; 
    right: 30px; 
}

#nav a { 
    margin: 0px 0px; 
    padding: 9px 9px; 
    border: 0px solid white; 
    color: transparent; 
    background: url("../img/available_on_nav_off_shadow.png") no-repeat; 
    background-position: center center; 
    text-decoration: none; 
}
#nav a.activeSlide { 
    padding: 9px 9px; 
    text-align: center; 
    background: url("../img/available_on_nav_on_shadow.png") no-repeat; 
    background-position: center center;
}

#nav a.focus { 
    outline: none; 
}

#navprev focus { 
    outline: none; 
}
#navprev  { 
    z-index: 50; 
    position: absolute; 
    top: 120px; 
    left: 5px; 
    margin: 0 0px; 
    padding: 0 0 16px 0; 
    border: 0px solid #ccc; 
    color: transparent; 
    width: 31px; 
    height: 31px; 
    background: url("../img/mainViewer_left1.png") no-repeat; 
    background-position: center; 
    text-decoration: none; 
    background-size: 31px;

}
#navprev:hover { 
    z-index: 50; 
    position: absolute; 
    top: 120px; 
    left: 5px; 
    margin: 0 0px; 
    padding: 0 0 16px 0; 
    border: 0px solid #ccc; 
    color: transparent; 
    width: 31px; 
    height: 31px; 
    background: url("../img/mainViewer_left2.png") no-repeat;
    background-position: center; 
    text-decoration: none; 
    background-size: 31px;
}

#navnext focus { 
    outline: none; 
}
#navnext  { 
    z-index: 50; 
    position: absolute; 
    top: 120px; 
    right: 5px; 
    margin: 0 0px; 
    padding: 0 0 16px 0; 
    border: 0px solid #ccc; 
    color: transparent; 
    width: 31px; 
    height: 31px; 
    background: url("../img/mainViewer_right1.png") no-repeat; 
    background-position: center; 
    text-decoration: none; 
    background-size: 31px;

}
#navnext:hover { 
    z-index: 50; 
    position: absolute; 
    top: 120px; 
    right: 5px; 
    margin: 0 0px; 
    padding: 0 0 16px 0; 
    border: 0px solid #ccc; 
    color: transparent; 
    width: 31px; 
    height: 31px; 
    background: url("../img/mainViewer_right2.png") no-repeat;
    background-position: center; 
    text-decoration: none; 
    background-size: 31px;
}


#halfcircle_left { 
    z-index: 50; 
    position: absolute; 
    top: 108px; 
    left: -50px; 
    margin: 0px 0px; 
    padding: 0px 0px 16px 0px; 
    width: 100px; 
    height: 55px; 
    background: url("../img/rounded_rect.png") no-repeat; 
    background-position: center;

}

#halfcircle_right { 
    z-index: 50; 
    position: absolute; 
    top: 108px; 
    right: -50px; 
    
    margin: 0px 0px; 
    padding: 0px 0px 16px 0px; 
    width: 100px; 
    
    height: 55px; 
    background: url("../img/rounded_rect.png") no-repeat; 
    background-position: center;
}


#toggleButton { 
    z-index: 50; 
    position: absolute; 
    bottom: -20px; 
    left: 33px; 
    
    margin: 0 0px; 
    padding: 0 0 16px 0; 
    width: 50px; 
    height: 40px; 
    
    background: url("../img/pause1.png"); 
    background-repeat:no-repeat;

}

#toggleButton:hover { 
    z-index: 50; 
    position: absolute; 
    bottom: -20px; 
    left: 33px; 
    
    margin: 0 0px; 
    padding: 0 0 16px 0; 
    width: 50px; 
    height: 40px; 
    
    background: url("../img/pause2.png"); 
    background-repeat:no-repeat; 
}