/*
 *  Author: Nuey San Waldman / Us Media BV
 *  Date: 2008-10-16
 *  Version: 0.2
 *  ----------------------------------------------------------------------
 *  This is the default stylesheet for full Flash websites.
 *  
 *  Preliminary notes:
 *  
 *  1. Either fullscreen or centered Flash items have their own body
 *     class. If you don't like this, reduce and customize the XHTML and
 *     CSS to your liking.
 *     
 *  2. A customized version of SWFObject automates the centered
 *     dimensions and correct margin handing.
 *  
 */

/* Generic */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #FFF;
    }
* html body {
    text-align: center;    
    }
* html #container {
    text-align: left;
    }
#container {
    margin: 0 auto;
    }
       
/* Fullscreen */
body.fullscreen {
    overflow: hidden;
    }
body.fullscreen #container,
body.fullscreen #flash_container {
    width: 100%;
    height: 100%;
    }

/* Centered */
body.centered #flash_container {
    position: absolute;
    top: 50%;
    left: 50%;
    }

    body.balance #container {
        display: table;
        vertical-align:middle;
        margin:auto;
        height:100%;
        background-color:pink;
    }
    body.balance #flash_container {
        vertical-align:middle;
        display:table-cell;
        border:1px solid red; }

img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
}