/*
 * specialty styles for rollable, css-swapped buttons on lomik site
 * button graphics are stored in css/ folder
 */


/* 
 * use vertical displacement css image-swap, as shown in technique 1a at
 * http://www.edginet.org/techie/website/cssimg.html
 * these buttons 168px x 37px; background #1c4e45 norm text #fbea68 hovertext #e65238
 * font 14pt MS Reference Sans Serif, not bold
 */
a#but1v, a#but2v, a#but3v {
    display: block;
    width: 168px;
    height: 37px;
    background-position: 0 0;
    margin: 2px 160px;
}
a#but1h, a#but2h, a#but3h {
    display: block;
    width: 168px;
    height: 37px;
    background-position: 0 0;
    margin: 0px 4px;
    float: left;
}
a#but1v:hover, a#but2v:hover, a#but3v:hover, a#but1h:hover, a#but2h:hover, a#but3h:hover {
    background-position: 0 -37px;
}
a#but1v , a#but1h {
    background-image: url('b_lhills.jpg');
}
a#but2v, a#but2h {
    background-image: url('b_lluth.jpg');
}
a#but3v, a#but3h {
    background-image: url('b_lwald.jpg');
}
a .alt { display: none; }