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

*{margin:0;padding:0}

html,body {padding: 0; margin: 0;}

body {
text-align: left; /* IE center */
background-color:#000;
font-family:Arial, Helvetica, sans-serif, MingLiu;
font-size:11px;
color:#999999;
}

p {padding-bottom:15px;}

h1 {font-size:150%; color:#FFF; padding:10px 0px 15px 0px;}
h2 {font-size:130%; color:#006600; padding:0px 0px 15px 0px; line-height:22px;}
h3 {font-size:115%; color:#FFF; padding:10px 0px 15px 0px;}

a:link {
	font-weight: bold;
	color: #a9b24f;
	text-decoration: none;
}

a:visited {
	font-weight: bold;
	color: #a9b24f;
	text-decoration: none;
}

a:hover, a:active {
	font-weight: bold;
	color: #a9b24f;
	text-decoration: underline;
}



/************ Layout Styles *************/

#site-container {

}

#middle {
width:900px;
float:left;
position:relative;
z-index:10;
}

#column-left {
width:50%;
float:left;
margin-right:-450px;
}

#column-right {
width:50%;
float:right;
margin-left:-451px;
}

#column-left-synopsis {margin-right:455px;background: #000 url(../images/bg-left1.jpg) repeat fixed; height:2600px;}
#column-right-synopsis {margin-left:455px;background: #000 url(../images/bg-right1.jpg) repeat fixed; height:2600px;}

#column-left-characters {margin-right:455px;background: #000 url(../images/bg-left2.jpg) repeat fixed; height:4520px;}
#column-right-characters {margin-left:455px;background: #000 url(../images/bg-right2.jpg) repeat fixed; height:4520px;}

#column-left-news {margin-right:455px;background: #000 url(../images/bg-left3.jpg) repeat fixed; height:9080px;}
#column-right-news {margin-left:455px;background: #000 url(../images/bg-right3.jpg) repeat fixed; height:9080px;}

#column-left-downloads {margin-right:455px;background: #000 url(../images/bg-left4.jpg) repeat fixed; height:1510px;}
#column-right-downloads {margin-left:455px;background: #000 url(../images/bg-right4.jpg) repeat fixed; height:1510px;}


/************* Header and Footer Styles *************/


#header {
width:900px;
height:350px;
}

#footer {
text-align:center;
height:75px;
width:900px;
color:#a9b24f;
/*background:#000 url(../images/footer.jpg) no-repeat top;*/
}

#footer-links {
padding:30px 0px 15px 25px;
float:left;
font-weight:normal;
}

#footer-links a {
font-weight:normal;
color:#999;
}

#footer-links a:visited {
font-weight:normal;
color:#999;
}

#footer-links a:hover {
font-weight:normal;
color:#999;
}

#copyright {
padding:30px 25px 15px 0px;
float:right;
color:#333;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/******************************* 900 x 400 Headers *********************************/

#synopsis {
background: #000000 url(../images/head-1.jpg) no-repeat top left;
width:900px;
height:350px;
}

#characters {
background: #000000 url(../images/head-2.jpg) no-repeat top left;
width:900px;
height:350px;
}

#news {
background: #000000 url(../images/head-3.jpg) no-repeat top left;
width:900px;
height:350px;
}

#downloads {
background: #000000 url(../images/head-4.jpg) no-repeat top left;
width:900px;
height:350px;
}


/************ Navigation *************************/

#nav {
padding-left:120px;
padding-top:0px;
padding-bottom:10px;
background: #000 url(../images/tab.gif) repeat-x;
}

#nav ul {
}
#nav li {
  float: left;
  width: 130px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  background: url(../images/tab_lit.gif) repeat-x;
  list-style: none;
  color:#fff;

}
#nav a {
  color: #fff;
  text-decoration: none;
}
#nav a:hover {
  text-decoration: none;
  color:#a9b24f;
}

#nav li.drk {
  background: url(images/../tab_drk.gif) repeat-x;
  border-left: none;
  padding-left: 1px;
}


/**************** Content Styles **************************************/

#mid-content {
margin: 25px 20px;
}

.content-block{
border: 1px solid #222;
padding: 20px;
margin:5px;
}

.content-block-heading{
border: 1px solid #000;
padding: 0px 20px 20px 20px;
margin:5px;
}

.content-block-download-size{
border: 1px solid #222;
padding: 0px 20px 0px 20px;
margin:5px;
}

.content-block-news-date{
border: 1px solid #FFF;
padding: 5px 10px;
margin:5px;
background:#000 url(../images/asphalt-strip.jpg) no-repeat;
text-align:right;
color:#000;
font-weight:bold;
}

.content-block-downloads{
border-bottom: 1px solid #000;
padding: 5px 0px;
margin:5px 0px;
background:#000/* url(../images/asphalt-strip.jpg) no-repeat*/;
text-align:right;
color:#fff;
font-weight:bold;
}

.content-block-director{
border: 1px solid #222;
padding: 10px;
margin:5px;
background:#000000 url(../images/director-chung.jpg) no-repeat top right;
}

.content-block-trailer{
border: 1px solid #222;
padding: 10px;
margin:5px;
min-height:670px;
background:#000000 url(../images/trailer-bg.jpg) no-repeat top center;
}

.eng-h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
}

.eng {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
}

.chi {
font-family:MingLiu, Arial, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
}

.cast-img-left-border {
margin:0px 10px 10px 0px;
padding:5px;
border:1px solid #222;
}

.cast-img-right-border {
margin:0px 0px 10px 20px;
padding:5px;
border:1px solid #222;
}

.cast-img-left {
margin:0px 10px 10px 0px;
padding:5px;
border:1px solid #000;
}

.cast-img-right {
margin:0px 0px 10px 20px;
padding:5px;
border:1px solid #000;
}

.highlight-text {
color:#FFF;
font-weight:bold;
}

.image-table img{
border:1px solid #666666;
padding:5px;
}

/*********** Download Gallery *****************/

#gallery{ width:100%; }

#gallery-img{ 
border: 0px solid #cc0000; 
margin-bottom:5px; 
padding-top:32px;
height:130px;
width:125px;
background:url(../images/thumb-bg.jpg) no-repeat;
}

.img-download-link {
padding-top:25px;
text-align:center;
}

.img-download-link2 {
padding-top:20px;
text-align:center;
}

.img-download-link3 {
padding-top:28px;
text-align:center;
}

.table-borders {
border:1px solid #333333;
}

.table-cell {
border-left:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
padding:5px;
}

.section-divide {
border-top:1px dashed #333;
margin-bottom:5px;
}