@charset "utf-8";

/* FULL SCREEN FLASH
============================================================*/
/* hide from ie on mac \*/
html {
height: 100%;
overflow: hidden;
}

#noFlashContent {
height: 100%;
}
/* end hide */

body {
height: 100%;
}

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

body {
color: #CCCCCC;
background: #000000 url(../img/bg_body_bottom.jpg) no-repeat bottom left;
text-align: center;
}



/* ALTERNATE INDEX PAGE
============================================================*/
#noFlashContent {
width: 100%;
height: 100%;
}

#noFlashContent #container {
display: block;
width: 718px;
height: 310px;
background: url(../img/bg_container.gif) no-repeat top left;
text-align: left;
position: absolute;
top: 50%;
left: 50%;
margin: -155px 0px 0px -359px;
}

#noFlashContent #container h1 {
margin: 60px 0px 30px 159px;
}

#noFlashContent #container p.pluginText {
display: block;
margin: 0px 0px 0px 159px;
}

#noFlashContent #container p.pluginText a {
display: block;
width: 400px;
height: 105px;
background: url(../img/text_plugin.gif) no-repeat top left;
text-indent: -9999px;
overflow: hidden;
}

#noFlashContent #container p.pluginText a:hover {
background: url(../img/text_plugin_on.gif) no-repeat top left;
}


#noFlashContent #footer {
width: 100%;
position: absolute;
bottom: 20px;
right: 20px;
font-size: 70%;
}

#noFlashContent #footer a {
color: #FFFFFF;
text-decoration: none;
}

#noFlashContent #footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#noFlashContent #footer address {
float: right;
clear: right;
}