body
{
    color:#999999;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: lighter;
    -webkit-font-smoothing: subpixel-antialiased !important;

    margin:0;
    padding:0;
    min-width:1115px;
	background-color: white;
}

@media  only screen and (min-device-width: 768px) and (max-device-width: 1024px),
        only screen and (max-device-width: 480px)
{
    body
    {
        -webkit-text-size-adjust:95%;
    }
}

h2
{
    font-size:35px;
    word-spacing:-2px;
    color:#333333;
    font-weight: bold;
    margin-bottom:16px;
}

h3
{
    font-size:27px;
    word-spacing:-2px;
    color: #333333;
    font-weight: bold;
    margin-bottom:24px;
}

hr
{
    color:#cccccc;
    background-color:#cccccc;

    padding:0px;
    border:0px;
    height:1px;
}

h4
{
    font-size:15px;
    word-spacing:-2px;
    color: #333333;
    font-weight: bold;
    margin-bottom:5px;
}

.content-slice
{
    width:1005px;
    margin:auto;
    overflow:hidden;
    position:relative;
    clear:both;
}

#header
{
    height:112px;
}

    a#logo
    {
        display:block;

        width:89px;
        height:60px;

        margin-top:25px;

        background-image:url("../images/PPP-Logo.gif");
    }

    #header ul
    {
        position:absolute;

        top:70px;
        right:0px;
    }

    #header li
    {
        float:left;
        margin-left:20px;
    }

    #header li a
    {
        font-size:15px;
        color:inherit;
        text-decoration:none;
        float:left;
        font-weight:bold;
    }

    #header li a#current
    {
        color:#333333;
    }

#banner
{
}

#blurb
{
}

#blurb p
{
    font-size:20px;
    line-height:23px;
}

.callout
{
    z-index:20;
    display:none;
    position:absolute;
    /*22 + 24 = 28*/
    /*25 + 7 = 32*/
    padding:46px 32px 38px 32px;
}

.callout p
{
    font-size:15px;
    line-height:18px;
}
/*
:hover > .callout
{
    display:block;
}
*/

.callout-render
{
    z-index:-1;
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
}

.hint
{
    display:inline-block;

    height:24px;

    padding-left:37px;
    margin-top:20px;

    line-height:24px;
    font-weight:normal;

    background:url(../images/hint-mouse.gif) no-repeat;
}

@media  only screen and (min-device-width: 768px) and (max-device-width: 1024px),
        only screen and (max-device-width: 480px)
{
    .hint
    {
        background:url(../images/hint-touch.gif) no-repeat;
    }
}


.player
{
    position:relative;
}

.player > iframe
{
    width:100%;
    height:100%;
}

.player > video
{
    width:100%;
    height:100%;
}

.player > .start
{
    width:100%;
    height:100%;
    background:url(../images/player/Play-iPad.png) center no-repeat;
    cursor: pointer;
}

.player > .start:active
{
    background:url(../images/player/PlayDown-iPad.png) center no-repeat;
}

.player > .control
{
}

.player > .close
{
    display:none;

    position:absolute;

    opacity:0;

    top:10px;
    left:10px;

    width:19px;
    height:19px;

    background:url(../images/player/fullscreen-close.png);
    cursor: pointer;
}

.player > .event-catcher
{
    width:100%;
    height:100%;
    position:absolute;
}

.player > .fullscreen
{
    display:none;

    position:absolute;

    opacity:0;

    top:10px;
    right:10px;

    width:22px;
    height:21px;

    background:url(../images/player/fullscreen-button.png);
}

.player > .center
{
    display:none;

    position:absolute;

    opacity:0;

    width:48px;
    height:48px;
}

.player > .pause
{
    background:url(../images/player/Pause-iPad.png);
}

.player > .pause:active
{
    background:url(../images/player/PauseDown-iPad.png);
}

.player > .play
{
    background:url(../images/player/Play-iPad.png);
}

.player > .play:active
{
    background:url(../images/player/PlayDown-iPad.png);
}

.player > .track
{
    display:none;

    overflow:visible;
    position:absolute;

    opacity:0;

    bottom:0px;
    left:0px;
    width:100%;
    height:5px;

    background:#646464;
}

.player > .progress
{
    display:none;

    position:absolute;

    opacity:0;

    bottom:0px;
    left:0px;
    width:50px;
    height:5px;

    background:white;
}

.player > .time
{
    display:none;

    position:absolute;

    opacity:0;

    color:white;
    font-size:14px;
    font-weight:bold;

    bottom:8px;
    left:5px;
}

.no-shadow
{
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important;
}