body {
    background: url(/img/bg_boxes_ss.jpg) center 225px;
}

#content {
    width: 675px;
    margin: 225px auto 0;
}

.projects {
}
    .projects .projects-item {
        display: inline-block;
        float: left;
        width: 225px;
        height: 225px;
    }
        .projects .projects-item a {
            display: inline-block;
            width: 225px;
            height: 225px;
        }
        .projects .projects-item.project-readygo .project-logo {
            display: inline-block;
            width: 105px;
            height: 109px;
            margin: 77px 0 0 35px;
            background: url(/img/projects/readygo.png) 0 -109px no-repeat;
        }
        .projects .projects-item.project-readygo:hover .project-logo {
            background-position: 0 0;
        }
        .projects .projects-item.project-hommunity .project-logo {
            display: inline-block;
            width: 66px;
            height: 79px;
            margin: 94px 0 0 54px;
            background: url(/img/projects/hommunity.png) 0 -79px no-repeat;
        }
        .projects .projects-item.project-hommunity:hover .project-logo {
            background-position: 0 0;
        }
        .projects .projects-item.project-genotree .project-logo {
            display: inline-block;
            width: 90px;
            height: 80px;
            margin: 115px 0 0 100px;
            background: url(/img/projects/genotree.png) 0 -80px no-repeat;
        }
        .projects .projects-item.project-genotree:hover .project-logo {
            background-position: 0 0;
        }

.bg-box-1h {
    background: url(/img/box1h.jpg) 0 0 no-repeat;
}
.bg-box-2h {
    background: url(/img/box2h.jpg) 0 0 no-repeat;
}
.bg-box-3h {
    background: url(/img/box3h.jpg) 0 0 no-repeat;
}
.bg-box-4h {
    background: url(/img/box4h.jpg) 0 0 no-repeat;
}
.bg-box-1h:hover,
.bg-box-2h:hover,
.bg-box-3h:hover,
.bg-box-4h:hover {
    background-position: 0 -225px;
}