@charset "utf-8";
/* CSS Document */

body
{
margin:auto;
padding:auto;
background-color:#999999;
}
#wrapper
{
width:800px;
height:600px;
background-color:#FFFFFF;
position:relative;
margin:50px auto;
}
#content_wrapper
{
width:746px;
height:544px;
margin:30px;
position:absolute;
background-image:url(img/index_back.png);
background-repeat:no-repeat;
background-color:#FFFFFF;
}
#leftpanel
{
width:243px;
height:544px;
position:relative;
margin:0px;
float:left;
z-index:1;
background-image:url(img/index_leftback.png);
background-repeat:no-repeat;
}
#menu
{
width:495px;
height:61px;
position:absolute;
float:right;
margin-right:13px;
z-index:3;
left:251px;
top:240px;
right:13px;
background-color:#FFFFFF;
}
#video_play 
{
width:190px;
height:32px;
position:absolute;
margin:00px 15px 0px 13px;
padding-left:20px;
top:300px;
left:15px;
font-size:16px;
font-weight:bold;
z-index:6;
padding-top:5px;
background-image:url(img/video_button.png);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#666666;
text-decoration:none;
}
.play a:link,a:active,a:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#666666;
text-decoration:none;
}
.play a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bolder;
color:#FFCC00;
text-decoration:none;
background-image:url(img/video_button1.png);
background-repeat:no-repeat;
}
#footer
{
width:800px;
margin:0px auto;
position:absolute;
padding:0px auto;
z-index:9;
bottom:0px;
}
#footer a
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
}
#footer a:hover
{
text-decoration:none;
color:#FFCC00;
font-size:11px;
}
h1
{
color:#000000;
visibility:hidden;
text-align:center;
position:absolute;
z-index:8;
}