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

              Title :  2009 神韻巡演
              Usage :  Global Layout
              Author:  NTDTV.com
              Edited:  2009-01-15

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


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

                1. Reset
                2. Containers
                3. Skip Links
                4. Branding
                5. Site Navigation
                6. Reports
                7. Content
                8. Promotion
                9. Schedule
               10. Congratulations
               11. Performers
               12. Albums
               13. Popular Reports
               14. Previous Links
               15. Search Form
               16. Company Navigation
               17. Language
               18. hCard
               19. Site Info

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



/* 1. Reset
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	}

body {
	line-height: 1;
	}

ol, ul {
	list-style: none;
	}

a {
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

img, fieldset {
	border: none;
	}

img {
	vertical-align: top;
	}

legend {
	display: none;
	}


/* 2. Containers
---------------------------------------------*/
html {
	background: url(/xtr/image/shenyun2009/html_bg.jpg) no-repeat 50% 30px;
	}

* + html {
	overflow-x: hidden;
	}

body {
	position: relative;
	margin: 30px auto 0;
	width: 1006px;
	background: url(/xtr/image/shenyun2009/body_bg.gif) repeat-y top left;
	font-family: '新細明體', SimSun, serif;
	}


/* 3. Skip Links
---------------------------------------------*/
#skip {
	position: absolute;
	left: -500em;
	}


/* 4. Branding
---------------------------------------------*/
#branding {
	position: absolute;
	top: 0;
	left: 40px;
	z-index: 1;
	width: 195px;
	height: 62px;
	}

#branding h1 {
	height: 100%;
	}

#branding h1 a {
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -500em;
	}


/* 5. Site Navigation
---------------------------------------------*/
#site-nav {
	position: absolute;
	top: 13px;
	left: 380px;
	z-index: 1;
	}

#site-nav h3 {
	position: absolute;
	left: -500em;
	}

#site-nav ul li {
	float: left;
	margin-right: 23px;
	height: 13px;
	}

#site-nav ul li                { width: 31px; }
#site-nav ul li + li           { width: 32px; }
#site-nav ul li + li + li      { width: 64px; }
#site-nav ul li + li + li + li { width: 48px; }

#site-nav ul li a {
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -500em;
	}


/* 6. Reports
---------------------------------------------*/
#reports {
	position: absolute;
	top: 67px;
	left: 48px;
	z-index: 3;
	}

#reports h3 {
	position: absolute;
	left: -500em;
	}

#reports ul {
	float: left;
	background: url(/xtr/image/shenyun2009/li_sep_bg.gif) no-repeat 101% 0;
	}

#reports ul li {
	float: left;
	padding: 5px 6px 3px 8px;
	height: 13px;
	background: url(/xtr/image/shenyun2009/li_sep_bg.gif) no-repeat 0 0;
	}

* + html #reports ul li {
	padding-top: 4px;
	}

#reports ul li a {
	float: left;
	color: #9A4F1C;
	font-size: 0.8em;
	}

#content > a {
	position: absolute;
	top: 194px;
	right: 185px;
	z-index: 1;
	color: #808081;
	font: bold 0.75em Helvetica, Arial, sans-serif;
	}


/* 7. Content
---------------------------------------------*/
#content {
	position: relative;
	padding: 181px 13px 0;
	height: 1%;
	background: url(/xtr/image/shenyun2009/content_bg.jpg) no-repeat top left;
	}

#content:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}

#main {
	position: relative;
	float: left;
	padding: 6px 0 25px 6px;
	width: 738px;
	border-right: 1px solid #CDD1CF;
	}

#main .extra-1,
#main .extra-2 {
	position: absolute;
	right: -1px;
	width: 1px;
	height: 198px;
	background: url(/xtr/image/shenyun2009/main_extra_bg.png) no-repeat;
	}

#main .extra-1 { top: 0;    background-position: 0 0; }
#main .extra-2 { bottom: 0; background-position: 0 -198px; }

#sub {
	float: right;
	margin: 40px 6px 0 0;
	width: 223px;
	}


/* 8. Promotion
---------------------------------------------*/
#promotion {
	position: relative;
	margin-top: 25px;
	padding: 9px 7px 7px;
	border: solid #EBEBEB;
	border-width: 0 2px;
	background: #F8F8F8;
	}

#promotion h4 {
	margin-bottom: 6px;
	color: #535252;
	font-weight: normal;
	font-size: 0.75em;
	}
#promotion h3 {
	margin-bottom: 3px;
	width: 205px; 
	background: white;
	}
#promotion embed {
	margin-bottom: 3px;
	width: 205px; 
	background: white;
	}

#promotion > a {
	position: relative;
	left: 173px;
	display: block;
	margin-bottom: 2px;
	width: 32px;
	height: 13px;
	overflow: hidden;
	background: url(/xtr/image/shenyun2009/icon_bg.gif) no-repeat 0 -61px;
	text-indent: -500em;
	}

#promotion .extra-1 {
	position: absolute;
	bottom: 0;
	left: -2px;
	width: 223px;
	height: 6px;
	background: url(/xtr/image/shenyun2009/rounded_bg.gif) no-repeat top left;
	}


/* 9. Schedule
---------------------------------------------*/
#schedule {
	margin-top: 8px;
	padding-bottom: 8px;
	border: 1px solid #D9D9CF;
	}

#schedule h4 {
	height: 31px;
	overflow: hidden;
	border-bottom: 1px solid #D9D9CF;
	background: url(/xtr/image/shenyun2009/heading_bg.jpg) no-repeat 0 -395px;
	text-indent: -500em;
	}

#schedule #choose-month {
	padding: 7px 0 5px;
	text-align: center;
	}

#schedule #choose-month a {
	margin-left: 12px;
	padding: 0 2px;
	color: #333;
	font: 0.8em/1.1em Tahoma, serif;
	text-decoration: none;
	}

* + html #schedule #choose-month a {
	display: inline-block;
	}

#schedule #choose-month a:first-child {
	margin: 0;
	}

html[xmlns^="HTTP"] #schedule #choose-month a {
	font-family: '新細明體', SimSun, serif;
	}

#schedule #choose-month a:hover,
#schedule #choose-month .current {
	color: #FF7F00;
	}

#schedule table {
	width: 100%;
	border-collapse: collapse;
	font: 0.75em Verdana, serif;
	}

html[xmlns^="HTTP"] #schedule table {
	font-family: '新細明體', SimSun, serif;
	}

#schedule table caption {
	display: none;
	}

#schedule table tr:first-child {
	position: absolute;
	left: -500em;
	}

html:not(:first-of-type) #schedule table tr:first-child {
	display: none;
	}

#schedule table tr {
	display: none;
	}

#schedule.jan table .jan,
#schedule.feb table .feb,
#schedule.mar table .mar,
#schedule.may table .may,
#schedule.june table .june,
#schedule.jul table .jul,
#schedule.aug table .aug,
#schedule.sep table .sep,
#schedule.oct table .oct,
#schedule.nov table .nov,
#schedule.dec table .dec,
#schedule.apr table .apr {
	display: block;
	}

#schedule table .odd {
	background: #F2E5D2;
	}

#schedule table tr td {
	padding: 4px 0;
	}

* + html #schedule table tr td {
	padding: 6px 0 2px;
	}

html[xmlns^="HTTP"] #schedule table td {
	padding: 5px 0 3px;
	}

#schedule table tr td:first-child {
	padding-left: 6px;
	width: 125px;
	}

#schedule table tr td a {
	color: black;
	}

#schedule > a {
	position: relative;
	left: 175px;
	display: block;
	margin-top: 8px;
	width: 37px;
	height: 11px;
	overflow: hidden;
	background: url(/xtr/image/shenyun2009/icon_bg.gif) no-repeat top left;
	text-indent: -500em;
	}


/* 10. Congratulations
---------------------------------------------*/
#congratulations {
	margin-top: 20px;
	}

#congratulations h4 {
	position: relative;
	margin-left: 8px;
	width: 197px;
	height: 45px;
	background: url(/xtr/image/shenyun2009/heading_bg.jpg) no-repeat 0 -426px;
	}

#congratulations h4 a {
	position: absolute;
	top: 11px;
	left: 11px;
	width: 185px;
	height: 22px;
	overflow: hidden;
	text-indent: -500em;
	}

#congratulations ul {
	margin: 11px 0 0 19px;
	width: 184px;
	}

#congratulations ul li {
	float: left;
	width: 46px;
	height: 65px;
	}

#congratulations ul li a {
	display: block;
	}

#congratulations ul li a:active,
#congratulations ul li a:focus {
	position: relative;
	}


/* 11. Performers
---------------------------------------------*/
#performers {
	float: left;
	margin-top: 30px;
	}

#performers h4 {
	position: relative;
	margin-left: 8px;
	width: 197px;
	height: 45px;
	background: url(/xtr/image/shenyun2009/heading_bg.jpg) no-repeat 0 -471px;
	}

#performers h4 a {
	position: absolute;
	top: 11px;
	left: 11px;
	width: 185px;
	height: 22px;
	overflow: hidden;
	text-indent: -500em;
	}

#performers ul {
	position: relative;
	left: 5px;
	margin-top: 11px;
	}

#performers ul li {
	float: left;
	margin-right: 9px;
	width: 65px;
	text-align: center;
	}

#performers ul li a {
	color: #666;
	font-size: 0.8em;
	}

#performers ul li a img {
	margin-bottom: 6px;
	}


/* 12. Albums
---------------------------------------------*/
#albums {
	float: left;
	margin-top: 28px;
	}

#albums h4 {
	position: relative;
	margin-left: 8px;
	width: 197px;
	height: 45px;
	background: url(/xtr/image/shenyun2009/heading_bg.jpg) no-repeat 0 -516px;
	}

#albums h4 a {
	position: absolute;
	top: 11px;
	left: 11px;
	width: 185px;
	height: 22px;
	overflow: hidden;
	text-indent: -500em;
	}

#albums ul {
	margin: 11px 3px 0;
	}

#albums ul li {
	float: left;
	margin-bottom: 10px;
	}

#albums ul li a {
	color: #666;
	font-size: 0.8em;
	line-height: 1.4em;
	}

#albums ul li a img {
	float: left;
	margin-right: 8px;
	}




/* 12--2. Albums
---------------------------------------------*/
#albums01 {
	float: left;
	margin-top: 28px;
	}

#albums01 h4 {
	position: relative;
	margin-left: 8px;
	width: 197px;
	height: 45px;
	background: url(/xtr/images/shenyunzaigezhou.jpg) no-repeat  ;
	}

#albums01 h4 a {
	position: absolute;
	top: 11px;
	left: 11px;
	width: 185px;
	height: 22px;
	overflow: hidden;
	text-indent: -500em;
	}

#albums01 ul {
	margin: 11px 3px 0;
	}

#albums01 ul li {
	float: left;
	margin-bottom: 10px;
	}

#albums01 ul li a {
	color: #666;
	font-size: 0.8em;
	line-height: 1.4em;
	}

#albums01 ul li a img {
	float: left;
	margin-right: 8px;
	}



/* 13. Popular Reports
---------------------------------------------*/
#popular {
	float: left;
	margin-top: 21px;
	}

#popular > h4 {
	margin-left: 8px;
	width: 197px;
	height: 45px;
	overflow: hidden;
	background: url(/xtr/image/shenyun2009/heading_bg.jpg) no-repeat 0 -562px;
	text-indent: -500em;
	}

#popular #choose-scale {
	padding: 5px 0 0;
	text-align: center;
	}

#popular #choose-scale a {
	margin-left: 15px;
	padding: 0 2px;
	color: #666;
	font-size: 0.8em;
	text-decoration: none;
	}

* + html #popular #choose-scale a {
	display: inline-block;
	}

#popular #choose-scale a:first-child {
	margin: 0;
	}

#popular #choose-scale a:hover,
#popular #choose-scale .current {
	color: #FF7F00;
	}

#popular ol li h4 {
	position: absolute;
	left: -500em;
	}

#popular > ol > li {
	display: none;
	float: left;
	}

#popular ol .current {
	display: block;
	}

#popular ol li ol {
	margin: 11px 9px 0;
	}

#popular ol li ol li {
	margin-bottom: 5px;
	padding-left: 10px;
	background: url(/xtr/image/shenyun2009/bullet_bg.gif) no-repeat 0 7px;
	}

#popular ol li ol li a {
	color: #666;
	font-size: 0.8em;
	}


/* 14. Previous Links
---------------------------------------------*/
#links {
	float: left;
	margin-top: 21px;
	}

#links h4 {
	margin-left: 8px;
	width: 197px;
	height: 45px;
	overflow: hidden;
	background: url(/xtr/image/shenyun2009/heading_bg.jpg) no-repeat 0 -606px;
	text-indent: -500em;
	}

#links ul {
	margin: 11px 25px 0;
	}

#links ul li {
	margin-bottom: 5px;
	padding-left: 10px;
	background: url(/xtr/image/shenyun2009/bullet_bg.gif) no-repeat 0 7px;
	}

#links ul li a {
	color: #666;
	font-size: 0.8em;
	}


/* 15. Search Form
---------------------------------------------*/
#search {
	position: absolute;
	top: -24px;
	right: 13px;
	width: 129px;
	height: 18px;
	background: url(/xtr/image/shenyun2009/search_bg.gif) no-repeat top left;
	}

#search h4 {
	position: absolute;
	left: -500em;
	}

#search form div #q {
	position: absolute;
	top: 0;
	left: 0;
	padding: 2px 2px 0;
	width: 86px;
	height: 16px;
	border: none;
	background: none;
	font: 0.8em '新細明體', SimSun, sans-serif;
	}

* + html #search form div #q {
	padding: 3px 3px 0;
	width: 84px;
	height: 15px;
	}

#search form div #search-sub {
	position: absolute;
	top: 0;
	right: 0;
	width: 38px;
	height: 18px;
	border: none;
	background: none;
	font-size: 0;
	letter-spacing: -100px;
	cursor: pointer;
	}


/* 16. Company Navigation
---------------------------------------------*/
#com-nav {
	padding: 45px 0 12px;
	background: white url(/xtr/image/shenyun2009/com-nav_bg.png) no-repeat top left;
	text-align: center;
	cursor: default;
	}

#com-nav h4 {
	position: absolute;
	left: -500em;
	}

#com-nav ul li {
	display: inline;
	margin-left: 5px;
	padding-left: 11px;
	background: url(/xtr/image/shenyun2009/li_sep_bg.gif) no-repeat 0 -131px;
	}

#com-nav ul li:first-child {
	margin-left: 0;
	padding-left: 0;
	background: none;
	}

#com-nav ul li a {
	color: black;
	font-size: 0.75em;
	}


/* 17. Language
---------------------------------------------*/
#lang {
	position: absolute;
	top: -24px;
	right: 160px;
	}

#lang h4 {
	position: absolute;
	left: -500em;
	}

#lang ul li {
	float: left;
	margin-left: 7px;
	padding-left: 14px;
	background: url(/xtr/image/shenyun2009/li_sep_bg.gif) no-repeat 0 -69px;
	}

#lang ul li:first-child {
	background: none;
	font-family: Helvetica, Arial, sans-serif;
	}

#lang ul li a {
	position: relative;
	color: #393939;
	font-size: 0.8em;
	}

#lang ul li:first-child + li + li + li + li a {
	vertical-align: -1px;
	}


/* 18. hCard
---------------------------------------------*/
.vcard {
	display: inline;
	}

.vcard .com {
	position: absolute;
	left: -500em;
	}

.vcard .adr {
	display: inline;
	}

.vcard .adr .type {
	margin-right: -5px;
	}

.vcard .adr .country-name {
	position: absolute;
	left: -500em;
	}

.vcard .tel {
	position: absolute;
	left: -500em;
	}


/* 19. Site Info
---------------------------------------------*/
#siteinfo {
	padding-bottom: 33px;
	height: 1%;
	background: white;
	font-size: 0.75em;
	text-align: center;
	word-spacing: 3px;
	}

#siteinfo strong {
	font-weight: normal;
	}