.content
{
    position : relative;
}

.content p
{
    text-align : left;
    text-indent : 0;
    margin : 6pt auto;
    width : 24pc;
    max-width : 95%;
}

.content p.no-indent
{
    text-indent : 0;
}

#images
{
    position : relative;
    height : 600px;
    width : 400px;
    max-width : 100%;
    margin : 1pc auto;
}

#images img
{
    max-height : 600px;
    max-width : 100%;
    -moz-transition : opacity 1s linear;
    -webkit-transition : opacity 1s linear;
    -o-transition : opacity 1s linear;
    transition : opacity 1s linear;
}

img#image1,
img#image3,
img#image4
{
    position : absolute;
    top : 0;
    left : 0;
}

img#image2
{
    width : 360px;
}

p#photo-credits
{
    text-align : right;
    font-size : 10pt;
    line-height : 12pt;
    right : 1pc;
}