/*width and height of the main page*/
#homeBody
{
    width: 1036px;
    height: 750px;
    position: relative;
}
/*main background slide show for the home page.*/
#slideshow
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 750px;
    width: 1036px;
    z-index: -1;
}

    #slideshow div
    {
        height: 100%;
        width: 100%;
    }

    #slideshow .bg1
    {
        background-image: url(../images/bg/bg1.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    #slideshow .bg2
    {
        background-image: url(../images/bg/bg2.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    #slideshow .bg3
    {
        background-image: url(../images/bg/bg3.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    #slideshow .bg4
    {
        background-image: url(../images/bg/bg4.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    /*bottom boxes*/
.box
{
    width: 325px;
    height: 300px;
    background-image: url('../images/box1.png');
    background-repeat: no-repeat;
    text-align: center;
    margin: auto;
}