﻿img, object, embed, video {
    max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width: 100%;
}

.container_inner {
    float: left;
    height: 100%;
    width: 100%;
    max-width: 800px;
}

#pm_header {
    float: left;
   height: 145px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    margin-bottom:5px;
}

.header_inner {
    margin: 0 auto;
    height: calc(100% - 20px);
    width: 230px;
    padding: 10px 20px;
}

.content_inner {
    float: left;
    height: calc(100% - 145px);
    min-height: calc(100vh - 267px);
    width: calc(100% - 40px);
    padding: 20px 20px 125px 20px;
}

#content_short {
    display: block;
    float: left;
    clear: both;
    height: 100%;
    width: 100%;
    border-bottom: 1px solid #114268;
}

#content_short_left {
    float: left;
    height: 100%;
    width: 100%;
}

#content_short_right {
    display: none;
    float: none;
    height: 100%;
    width: 34%;
    position: relative;
}

#pm_watermark {
    display: none;
    position: absolute;
    bottom: 60px;
    right: 0;
    height: 330px;
    width: 243px;
    background: url(/_images/Pages_watermark.png) no-repeat;
}

#pm_menu {
    display: none;
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

#pmmenusmall {
    display: block;
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

@media only screen and (min-width: 450px) {
    #pm_header {
        margin-bottom: 0px;
        background: url(/_images/hodgson_discover_header-900x145.svg) no-repeat bottom right;
        background-size: 900px 145px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
    }

    .header_inner {
        float: left;
        margin: 0;
        width: calc(100% - 40px);
    }
}


@media only screen and (min-width: 541px) {
    .content_inner {
        height: calc(100% - 115px);
        padding: 20px 20px 95px 20px;
    }
}

@media only screen and (min-width: 600px) {
    .container_inner {
        width: calc(100% - 76px);
        padding: 0px 38px;
    }

    #pm_menu {
        display: block;
    }

    #pmmenusmall {
        display: none;
    }
}

@media only screen and (min-width: 620px) {
    .content_inner {
        height: calc(100% - 85px);
        padding: 20px 20px 65px 20px;
    }
}


@media only screen and (min-width: 750px) {
    #content_short {
        display: table-cell;
    }

    #content_short_left {
        float: none;
        display: table-cell;
        width: calc(66% - 30px);
        padding-right: 30px;
        vertical-align: top;
    }

    #content_short_right {
        float: none;
        display: table-cell;
    }
}

@media only screen and (min-width: 1150px) {
    #pm_watermark {
        display: block;
    }
}
