/* CSS Document */
html, body {
margin: 0;
padding: 0;
height: 790px;
background-color: #FFF;
}

img {
  border: 0;
}

/*-------------------------------------------*/
#Page {
width: 980px;
height: 790px;
padding: 0 0 0 0;
margin: 10px auto 10px auto;
background-color: #FFF;
font-family: Arial, Helvetica, sans-serif;
color: #000;
font-weight: normal;
}

/*-------------------------------------------*/
#IntroFlash {
position: absolute;
left: 50%;
top: 20%;
margin-top: -240px; /* make this half your image/element height */
margin-left: -275px; /* make this half your image/element width */
width: 550px;
height: 750px;
padding: 0;
text-align:center;
overflow: hidden;
background-color: #FFF;
}

#IntroFlashContent {
width: 550px;
height: 100px;
position: absolute;
left: 0px;
top: 20%;
margin: 0;
padding: 0;
}

#IntroFlashVideo {
width: 550px;
height: 430px;
position: absolute;
left: 0px;
top: 35%;
margin: 0;
padding: 0;
}


#IntroFlashLink {
width: 140px;
height: 26px;
margin: 0;
padding: 0;
position: absolute;
left: 65%;
top: 95%;
font-size: 1px;
overflow: hidden;
}

#IntroFlashLink a.IntroButton:link,
#IntroFlashLink a.IntroButton:visited {
display:block;
width: 140px;
height: 26px;
background-image:url(../images/SkipIntro-But.png);
padding: 0;
margin: 0;
}

#IntroFlashLink a.IntroButton:hover {
background-position: 0 -28px;
}


/*-------------------------------------------*/
#MainFlash {
position: absolute;
left: 50%;
top: 50%;
margin-top: -330px; /* make this half your image/element height */
margin-left: -400px; /* make this half your image/element width */
width: 800px;
height: 660px;
padding: 0;
text-align:center;
overflow: hidden;
background-color: #FFF;
}

#SoundFlashContent {
width: 80px;
height: 50px;
position: absolute;
left: 0px;
top: 60px;
margin: 0;
padding: 0;
background-color: #FFF;
}

#TopFlashContent {
width: 366px;
height: 62px;
position: absolute;
left: 224px;
top: 0px;
margin: 0;
padding: 0;
background-color: #FFF;
}

#MainFlashContent {
width: 800px;
height: 500px;
position: absolute;
left: 0px;
top: 110px;
margin: 0;
padding: 0;
background-color: #FFF;
}


#BottomFlashContent {
width: 140px;
height: 28px;
position: absolute;
Left: 640px;
top: 610px;
margin: 0;
padding: 0;
background-color: #FFF;
}

#BottomFlashContent a.MLButton:link,
#BottomFlashContent a.MLButton:visited {
display:block;
width: 140px;
height: 26px;
background-image:url(../images/ML-But.png);
padding: 0;
margin: 0;
}

#BottomFlashContent a.MLButton:hover {
background-position: 0 -28px;
}

#MLContent {
width: 800px;
height: 250px;
position: absolute;
left: 0px;
top: 110px;
margin: 0;
padding: 0;
background-color: #FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}

#BottomFlashContentML {
width: 140px;
height: 28px;
position: absolute;
Left: 640px;
top: 360px;
margin: 0;
padding: 0;
background-color: #FFF;
}

#BottomFlashContentML a.BKButton:link,
#BottomFlashContentML a.BKButton:visited {
display:block;
width: 140px;
height: 26px;
background-image:url(../images/BK-But.png);
padding: 0;
margin: 0;
}

#BottomFlashContentML a.BKButton:hover {
background-position: 0 -28px;
}