#gal_ph {
    width: 681px;
    height: 286px;
    margin: 62px 159px 20px;
}
#gal {
    position: absolute;
    top: 250px;
    left: 0;
    right: 0;
    height: 317px;
    background: black;
}

#gal_w {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
#gal_i {
    position: absolute;
    top: 0px;
    height: 395px;
}
#gal_i img {
    position: absolute;
    top: 15px;
}

#gal_dots {
    position: relative;
    height: 202px;
    padding-top: 40px;
}
#gal_dots div {
    float: left;
    height: 11px;
    margin: 3px;
    width: 11px;
    background: url("../img/sprite.png") no-repeat scroll -306px -8px transparent;
    cursor: pointer;
}
#gal_dots div.active {
    background: url("../img/sprite.png") no-repeat scroll -326px -8px transparent;
}

#gal_l{
    background: url('../img/gal-grad.png') repeat-y top right transparent;
    width: 90px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    color: red;
    cursor: pointer;
}
#gal_r{
    background: url('../img/gal-grad.png') repeat-y top left transparent;
    width: 90px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    color: red;
    cursor: pointer;
}

#gal_l_a {
    background: url("../img/sprite.png") no-repeat scroll -10px -178px transparent;
    height: 60px;
    top: 118px;
    width: 51px;
    left: 5px;
    position: absolute;
}

#gal_l:hover #gal_l_a {
    background: url("../img/sprite.png") no-repeat scroll -118px -178px transparent;
}
#gal_r_a {
    background: url("../img/sprite.png") no-repeat scroll -67px -178px transparent;
    height: 60px;
    top: 118px;
    right: 5px;
    width: 51px;
    position: absolute;
}
#gal_r:hover #gal_r_a {
    background: url("../img/sprite.png") no-repeat scroll -175px -178px transparent;
}