/*-------------------------------------------

     Shen Zhou Film Studio - branch pages

     last updated: 2008-07-31

---------------------------------------------*/


/*====================TOC====================

              1. branch highlight
              2. the newest images
              3. category boxes

=============================================*/



/* 1. branch highlight
---------------------------------------------*/
#branch h2 {
	padding-top: 2px;
	*padding-top: 4px;
	padding-left: 75px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: top left;
	color: white;
	font-size: 1.2em;
	}

.theater h2      { background-image: url(/sz/images/branch_h2_bg_296px.png); }
.filmFestival h2 { background-image: url(/sz/images/branch_h2_bg_296px.png); }
.filmNews h2     { background-image: url(/sz/images/branch_h2_h3_bg_1000px.png); }
.filmReview h2   { background-image: url(/sz/images/branch_h2_h3_bg_1000px.png); }
.mv h2           { background-image: url(/sz/images/branch_h2_bg_296px.png); }

.theater h2,
.filmFestival h2,
.mv h2 {
	position: relative;
	top: 11px;
	}

.theater #filmIntro,
.filmFestival #festival,
.filmNews #filmNewsNewestImg,
.mv #newestMV                  { background-repeat: no-repeat; background-position: 0 5px; }
.filmReview #newestFilmReviews { background-repeat: no-repeat; background-position: 0 30px; }

.theater #filmIntro            { background-image: url(/sz/images/theater_bg.jpg); }
.filmFestival #festival        { background-image: url(/sz/images/filmFestival_bg.jpg); }
.filmNews #filmNewsNewestImg   { background-image: url(/sz/images/filmNews_bg.jpg); }
.filmReview #newestFilmReviews { background-image: url(/sz/images/filmReview_bg.jpg); }
.mv #newestMV                  { background-image: url(/sz/images/mv_bg.jpg); }

.theater #filmIntro,
.filmFestival #festival,
.mv #newestMV {
	height: 242px;
	}

.theater #filmName,
.theater #cast,
.theater #introTexts,
.filmFestival #filmName,
.filmFestival #cast,
.filmFestival #introTexts,
.mv #mvName,
.mv #singer,
.mv #introTexts {
	margin: 0 0 0.15em 691px;
	width: 273px;
	color: #393939;
	font-size: 0.95em;
	}

.theater #filmName a,
.theater #cast a,
.theater #introTexts a,
.filmFestival #filmName a,
.filmFestival #cast a,
.filmFestival #introTexts a,
.mv #mvName a,
.mv #singer a,
.mv #introTexts a {
	color: #6469C7;
	}

.theater #cast,
.filmFestival #cast,
.mv #singer {
	margin-bottom: 0.6em;
	}

.theater #vid,
.filmFestival #vid,
.mv #vid {
	position: absolute;
	top: 194px;
	*top: 196px;
	left: 335px;
	}

.theater #filmIntro strong,
.filmFestival #festival strong,
.mv #newestMV strong {
	font-weight: normal;
	}

.filmNews #filmNewsNewestImg {
	position: relative;
	height: 184px;
	}

.filmNews #filmNewsNewestImg ul {
	position: absolute;
	top: 61px;
	left: 131px;
	}

.filmNews #filmNewsNewestImg li {
	_display: inline;
	float: left;
	margin-right: 4px;
	width: 120px;
	}

.filmReview #newestFilmReviews {
	position: relative;
	height: 237px;
	}

.filmReview #newestFilmReviews ul {
	position: absolute;
	top: 45px;
	width: 263px;
	}

.filmReview #newestFilmReviews #firstHalf  { left: 320px; }
.filmReview #newestFilmReviews #secondHalf { left: 670px; }

.filmReview #newestFilmReviews li {
	padding-left: 20px;
	background: url(/sz/images/list_img_white.png) no-repeat 0 0.35em;
	}

body:first-of-type .filmReview #newestFilmReviews li {
	background-position: 0 0.4em;
	}

.filmReview #newestFilmReviews li a {
	color: #6A6A6A;
	font-size: 0.95em;
	}


/* 2. the newest images
---------------------------------------------*/
.theater #newestImg,
.filmFestival #newestImg,
.mv #newestImg {
	width: 1000px;
	height: 233px;
	overflow: hidden;
	background: url(/sz/images/newestImg_bg.jpg) no-repeat top left;
	}

.theater #newestImg h3,
.filmFestival #newestImg h3,
.mv #newestImg h3 {
	padding-top: 4px;
	*padding-top: 5px;
	padding-left: 76px;
	height: 30px;
	color: #6A69D1;
	font-size: 1.2em;
	}

.theater #newestImg ul,
.filmFestival #newestImg ul,
.mv #newestImg ul {
	margin-top: 11px;
	padding-left: 6px;
	width: 1030px;
	overflow: hidden;
	}

.theater #newestImg li,
.filmFestival #newestImg li,
.mv #newestImg li {
	_display: inline;
	float: left;
	margin-right: 4px;
	width: 120px;
	text-align: center;
	}

.theater #newestImg a,
.filmFestival #newestImg a,
.mv #newestImg a {
	color: #696967;
	font-size: 0.8em;
	}

.theater #newestImg img,
.filmFestival #newestImg img,
.mv #newestImg img {
	margin-top: 1px;
	margin-bottom: 0.65em;
	}

.theater #newestImg .desc,
.filmFestival #newestImg .desc,
.mv #newestImg .desc {
	display: block;
	text-align: center;
	}


/* 3. category boxes
---------------------------------------------*/
.cate {
	position: relative;
	_display: inline;
	float: left;
	margin: 0 3px 11px 0;
	width: 330px;
	background: url(/sz/images/cate_border_bottom.gif) no-repeat bottom right;
	}

.filmFestival .cate {
	*margin-bottom: 0;
	_margin-bottom: -16px;
	}

.filmNews .cate,
.filmReview .cate {
	width: 497px;
	_margin-bottom: -5px;
	}

.mv .cate {
	_margin-bottom: -5px;
	}

.cate h3 {
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 2px;
	*padding-top: 4px;
	padding-left: 75px;
	width: 330px;
	height: 30px;
	background: url(/sz/images/branch_h2_h3_bg_331px.png) no-repeat top left;
	color: white;
	font-size: 1.2em;
	}

.cate h3 a:hover {
	color: white;
	}

.filmNews .cate h3,
.filmReview .cate h3 {
	width: 497px;
	background-image: url(/sz/images/branch_h3_bg_500px.png)
	}

.cate ul {
	margin-top: 30px;
	padding: 12px 0 0 70px;
	*padding-top: 42px;
	width: 260px;
	*width: 325px;
	height: 385px;
	*height: 390px;
	background: url(/sz/images/cate_border_left.gif) no-repeat left bottom;
	}

* + /**/ html .cate ul {
	width: 325px;
	} 

body:first-of-type .cate ul {
	padding-left: 69px;
	}

.filmNews .cate ul,
.filmReview .cate ul {
	width: 420px;
	}

.cate li {
	margin-left: -11px;
	margin-bottom: 0.1em;
	padding-left: 20px;
	background: url(/sz/images/list_img_white.png) no-repeat 0 0.35em;
	}

body:first-of-type .cate li {
	background-position: 0 0.4em;
	}

.cate li a {
	color: #6A6A6A;
	font-size: 0.95em;
	}

.cate .more {
	_display: inline;
	float: right;
	margin: -95px 38px 0 0;
	color: #6C6C6C;
	font-size: 0.8em;
	}

#branch hr {
	_visibility: hidden;
	}