

html, body { height:100%; }


html {
    margin:  0px;
    padding: 0px;
}

body {
    margin: 0px;
    padding: 0px;
    background-color: #000;
    font-family: arial, sans-serif;
    color: #000;
}

table tr td {
    vertical-align: middle;
    padding-bottom: 6em;
}
td.text {
    padding-left: 2em;
    text-align: justify;
}


/* LINK */
a {
    font-weight: bold;
    color: #ffd;
    text-decoration: none;
}
a:hover {
    color: #fff;
}
a img {
    border: 0px;
}

/* PAGE */
.page {
        z-index: 3;
        position: relative;
        margin-left: 300px;
        margin-right: auto;
        margin-top: 40%;
_margin-top: 200px;
        width: 600px;
        _height: 100%;
        padding: 1em;
        _background: #000;
        color: #fff;
_border: 1px solid red;
_border: 10px solid #fff;
_top: 90%;
        _border-bottom: 3px solid #000;
        _border-right: 3px solid #000;
        _border-top: 0px solid #000;
        _border-left: 0px solid #000;
/*    opacity: 0.7;
    -moz-opacity: 0.9;
    filter: alpha(opacity=90);
*/
}
.page p {
    text-align: justify;
}

.mask {
    color: #000;
    background: #fff;
    _border-top: 3px solid #fff;
    _border-left: 3px solid #fff;
    _border-bottom: 0px solid #000;
    _border-right: 0px solid #000;

}
.mask a {
    color: #003;
}
.mask a:hover {
    color: #000;
}



label {
    clear: left;
    float:left;
    width: 6em;
}
input,
textarea {
    float: left;
}
.cb{
    clear:both;
}

.section {
    font-size: x-large;
    text-decoration: underline;
}

.spacer {
    height: .5em;
}

.inverse {
    font-family: "Arial Unicode MS", Arial, Sans-Serif;
    font-size: 1.5em;
    cursor: pointer;
}

/* LINKS */
.linklist ul
{
    /*margin: 0;*/
    padding: 0;
    list-style: none;
}

/* LOGO */
h1 {
    position: fixed;
    top: 1%;
    left:1%;
    z-index: 8;
    background: url(image/vv.logo.3.png) top left no-repeat;
    width: 266px;
    height: 123px;
}
h1, .player {
    cursor: pointer;
}

/* FULL BACKGROUND */
#fbg {
    background: #000;
    overflow: hidden;
    width:  100%;
    height: 100%;
    position: fixed !important;
    z-index: -1;
}
#fbg,
#fbg ul,
#fbg ul li {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
#fbg ul,
#fbg ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* PAGE EXCEPTIONS */
.page#page-multimedia,
.page#page-artists {
    width: 700px;
}
.page#page-visualvibrations {
    width: 580px;
}
.page#page-agenda p {
    width: 400px;
}
.page#page-multimedia table tr td {
    vertical-align: top;
}

/* PAGE SPLASH */
#splash,
#page-splash {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 5;
    top: 0px;
    left: 0px;
}
#splash img {
    height: 96%;
    width:  96%;
}

/* NONE */
.screen, .navigation, #fbg li, h1 span {
    display: none;
}

/* QUOTE */
#quote-en {
    display: none;
    font-size: smaller;
}

/* M */
.tar {
    text-align: right !important;
}
.nw {
    white-space: nowrap;
}
.c {
    text-align: center;
}
.em {
    font-style: italic;
}

/* LAB */
.cornerall {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.opacity {
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
}

