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

     Shen Zhou Film Studio - front page

     last updated: 2008-08-26

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


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

               1. preview
               2. development
               3. image news
               4. branch sections
               5. extra content
               6. ad

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



/* 1. preview
---------------------------------------------*/
#preview {
	float: left;
	width: 403px;
	height: 260px;
	background: url(/sz/images/preview_bg.gif) no-repeat -1px 0;
	}

#preview ul {
	margin: 34px auto 0;
	width: 290px;
	height: 225px;
	}

.en #preview ul {
	*margin-top: 11px;
	width: 315px;
	}
.jp #preview ul {
	*margin-top: 11px;
	width: 315px;
	}
.kr #preview ul {
	*margin-top: 11px;
	width: 315px;
	}

#preview li {
	float: left;
	}

.en #preview li {
	float: none;
	}
.jp #preview li {
	float: none;
	}
.kr #preview li {
	float: none;
	}

#preview img {
	_display: inline;
	float: left;
	margin-right: 1.2em;
	}

.en #preview img {
	display: block;
	float: none;
	margin: 0 auto;
	width: 234px;
	height: 176px;
	}
.jp #preview img {
	display: block;
	float: none;
	margin: 0 auto;
	width: 234px;
	height: 176px;
	}
.kr #preview img {
	display: block;
	float: none;
	margin: 0 auto;
	width: 234px;
	height: 176px;
	}


#preview a {
	text-decoration: none;
	}

#preview a:hover {
	cursor: pointer;
	}

#preview .title {
	display: block;
	float: left;
	_padding-top: 1px;
	width: 1em;
	color: #393939;
	font-weight: bold;
	font-size: 0.95em;
	line-height: 1.05em;
	word-wrap: break-word;
	}

.en #preview .title {
	float: none;
	margin: 2px auto 0;
	padding: 0;
	width: auto;
	text-align: center;
	word-wrap: normal;
	}

.jp #preview .title {
	float: none;
	margin: 2px auto 0;
	padding: 0;
	width: auto;
	text-align: center;
	word-wrap: normal;
	}


.kr #preview .title {
	float: none;
	margin: 2px auto 0;
	padding: 0;
	width: auto;
	text-align: center;
	word-wrap: normal;
	}


/* 2. development
---------------------------------------------*/
#development {
	_display: inline;
	float: left;
	margin: 19px 0 0 -1px;
	width: 597px;
	height: 250px;
	}

#development h3 {
	padding-top: 2px;
	*padding-top: 4px;
	padding-left: 70px;
	height: 30px;
	background: url(/sz/images/development_h3_bg.png) no-repeat top left;
	color: white;
	font-size: 1.2em;
	}

#development ul {
	margin: 23px 0 0 40px;
	*margin-top: 21px;
	width: 530px;
	}

body:first-of-type #development ul {
	width: 419px;
	}

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

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

#development li a {
	color: #6E6E6E;
	font-size: 0.95em;
	}

#development li a .head {
	color: #6C6C6C;
	font-weight: bold;
	}

#development .datetime {
	margin-left: 5px;
	color: #989898;
	font-size: 0.8em;
	font-family: 'Times New Roman', serif;
	word-spacing: 3px;
	}

#development .more {
	_display: inline;
	float: right;
	margin: 10px 61px 0 0;
	color: #6C6C6C;
	font-size: 0.8em;
	}

body:first-of-type #development .more {
	margin-right: 53px;
	}


/* 3. image news
---------------------------------------------*/
#imgNews {
	float: left;
	margin-bottom: 27px;
	width: 1000px;
	overflow: hidden;
	}

#imgNews h3 {
	padding-top: 2px;
	*padding-top: 4px;
	padding-left: 75px;
	height: 30px;
	background: url(/sz/images/imgNews_h3_bg.png) no-repeat top left;
	color: white;
	font-size: 1.2em;
	}

#imgNews ul {
	margin-top: 1px;
	*margin-top: -1px;
	width: 1012px;
	overflow: hidden;
	}

#imgNews li {
	_display: inline;
	float: left;
	margin-right: 22px;
	width: 122px;
	text-align: center;
	}

#imgNews a {
	color: #6C6C6C;
	font-size: 0.8em;
	}

#imgNews img {
	*float: left;
	margin-bottom: 0.5em;
	}

#imgNews .desc {
	display: block;
	line-height: 1.35em;
	}


/* 4. branch sections
---------------------------------------------*/
#branches {
	float:left;
	width: 662px;
	}

#branches div {
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #E1E2E6;
	height: 210px;
	background-repeat: no-repeat;
	background-position: bottom left;
	}

#theater      { background-image: url(/sz/images/front_theater_bg.jpg); }
#filmFestival { background-image: url(/sz/images/front_filmFestival_bg.jpg); }
#filmNews     { background-image: url(/sz/images/front_filmNews_bg.jpg); }
#filmReview   { background-image: url(/sz/images/front_filmReview_bg.jpg); }
#mv           { background-image: url(/sz/images/front_mv_bg.jpg); }

#branches h3 {
	padding-top: 2px;
	*padding-top: 4px;
	padding-left: 19px;
	height: 30px;
	color: white;
	font-size: 1.2em;
	}

.b5 #branches h3,
.gb #branches h3 { background: url(/sz/images/b5_front_branch_h3_bg.png) no-repeat top left; }
.en #branches h3,
.jp #branches h3,
.kr #branches h3 { background: url(/sz/images/front_branch_h3_bg_180px.png) no-repeat top left; }


#branches ul {
	margin: 15px 0 0 112px;
	*margin-top: 13px; 
	width: 510px;
	}

body:first-of-type #branches ul {
	width: 519px;
	}

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

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

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

#branches li .datetime {
	margin-left: 5px;
	color: #989898;
	font-size: 0.8em;
	font-family: 'Times New Roman', serif;
	word-spacing: 3px;
	}

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

body:first-of-type #branches .more {
	margin-right: 31px;
	}


/* 5. extra content
---------------------------------------------*/
#extra {
	float: right;
	width: 327px;
	background: #FFFFCD;
	}

#extra div {
	padding-bottom: 53px;
	*padding-bottom: 50px;
	}

#extra h3 {
	padding-top: 2px;
	*padding-top: 4px;
	padding-left: 75px;
	height: 30px;
	background: url(/sz/images/front_extra_h3_bg.png) no-repeat top left;
	color: white;
	font-size: 1.2em;
	}

#extra ul {
	margin: 20px 0 0 27px;
	width: 273px;
	}

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

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

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

#extra li .datetime {
	margin-left: 5px;
	color: #989898;
	font-size: 0.8em;
	font-family: 'Times New Roman', serif;
	word-spacing: 3px;
	}

#extra .more {
	_display: inline;
	float: right;
	margin: 10px 39px 0 0;
	color: #6C6C6C;
	font-size: 0.8em;
	}

body:first-of-type #extra .more {
	margin-right: 32px;
	}


/* 6. ad
---------------------------------------------*/
#branches #ad1 {
	height: auto;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #E1E2E6;
	}

#extra #ad2 {
	padding-bottom: 0;
	}