@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:#AAA;
}

p {padding-top:10px;}

h1 {font-size:160%;color:#FFFFFF;padding:15px 0px 10px 0px;}
h2 {font-size:140%;color:#006600;padding:15px 0px 5px 0px;}
h3 {font-size:125%;padding:15px 0px 10px 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:1100px;
float:left;
position:relative;
z-index:10;
}

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

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

#column-left-home {margin-right:455px;background: #000/* url(../images/bg-lefthome.jpg)repeat; height:575px*/;}
#column-right-home {margin-left:455px;background: #000/* url(../images/bg-righthome.jpg)repeat; height:575px*/;}


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


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

#footer {
text-align:center;
height:75px;
color:#a9b24f;
}

.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: 10px;
}

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

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

.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 {
margin:0px 10px 10px 0px;
padding:5px;
border:1px solid #000;
}

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