* {
	margin:0;
	padding:0;
}
body {
	background: #1d2435;
	color: #fee5b7;
	font: 12px/1.5 Arial, Helvetica, sans-serif;
}
h1 { 
  font-size: 24px; 
  line-height: 36px;
  margin-bottom: 18px; 
}
h2 { 
  font-size: 18px; 
  line-height: 18px; 
  margin-bottom: 18px;
}
h3 { 
  font-size: 16px; 
  line-height: 18px; 
}
p, ul, ol, h1, h2, h3 {
	margin-bottom: 18px;
}
a, a:hover, a:visited {
	color: #fee5b7;
}
a:hover {
	color: #f04d35;
	text-decoration: underline;
}
a:focus, a:active {
	outline: 0;
	-moz-outline: none;
}
#wrapper { 
	background: transparent url(../images/bg_bird.gif) no-repeat;
	margin: 20px auto;
	width: 750px;
}
h1#logo {
	background: url(../images/header.gif) no-repeat;
	float: left;
	height: 67px;
	text-indent:-9000px;
	width: 200px;
}
h1#logo a {
	display: block;
}
body.en h1#logo{
	background-position: 0 0;
}
body.ch h1#logo {
	background-position: 0 -68px;
}
#language {
	list-style: none;
}
#player {
	float: right;
}
#header {
	height: 75px;
}
#container {
	height: auto;
}
.home, .about, .contact, .music, .where {
	padding-left: 200px;
}
body.ch .home {
	background: transparent url(../images/home_ch.gif) no-repeat top left;
	height: 418px;
}
body.en .home {
	background: transparent url(../images/home_en.gif) no-repeat 11px 29px;
	height: 450px;
}
.home {
	text-indent: -9000px;
}

/* Page Title image replacement */
#container h2 {
	background: url(../images/page_titles.gif) no-repeat top left;
	height: 52px;
	text-indent:-9000px;
	width: 394px;
}

body.en #container .about h2 { background-position: -9px -180px; }
body.en #container .music h2 { background-position: -9px -120px; }
body.en #container .contact h2 { background-position: -9px -60px; }
body.en #container .where h2 { background-position: -9px -240px; }

body.ch #container .about h2 { background-position: -9px -180px; }
body.ch #container .music h2 { background-position: -403px -116px; }
body.ch #container .contact h2 { background-position: -413px -60px; }
body.ch #container .where h2 { background-position: -9px -240px; }

body.ch #container p {
	font-size: 14px;
	line-height: 21px;
}

#container .home h2 {
	background: none;
}

address {
	font-style:normal;
	margin-bottom: 24px;
	padding-left: 18px;
}

#footer p {
	font-size: 90%;
	margin-bottom: 4px;
	text-align: center;
}
#footer p img {
	float: none;
	margin: 0 .5em;
	padding: 0;
	vertical-align: bottom;
}
#footer p a img {
	border: 0;
}

.inactive_page {
	display: none;
}
.active_page {
	display: block;
}

/* Navigation */
#nav {
	float: right;
	height: 35px;
	position: relative;
	right: 0;
	width: 390px;	
}
#nav li {
	float: left;
	list-style: none; 
	margin: 0; 
	padding: 0;
}
#nav li, #nav a {
	display: block; 
	width: 130px; 
}
#nav li span {
	position: absolute;
	left: -9635px;
}

#liMusic a, #liAbout a, #liContact a {
	background: transparent url(../images/nav_map.gif) no-repeat;
	display: block;
	height: 35px;
}

/* English Navigation */
body.en #liMusic a { background-position: 0 -175px; }
body.en #liAbout a { background-position: -131px -175px; }
body.en #liContact a { background-position: -261px -175px; }

body.en #liMusic a:hover { background-position: 0 -105px; }
body.en #liAbout a:hover { background-position: -131px -105px; }
body.en #liContact a:hover { background-position: -261px -105px; }

body.en #liMusic.current a { background-position: 0 -140px; }
body.en #liAbout.current a { background-position: -131px -140px; }
body.en #liContact.current a { background-position: -261px -140px; }

/* Chinese Navigation */
body.ch #liMusic a { background-position: 0 -70px; }
body.ch #liAbout a { background-position: -131px -70px; }
body.ch #liContact a { background-position: -261px -70px; }

body.ch #liMusic a:hover { background-position: 0 0; }
body.ch #liAbout a:hover { background-position: -131px 0; }
body.ch #liContact a:hover { background-position: -261px 0; }

body.ch #liMusic.current a { background-position: 0 -35px; }
body.ch #liAbout.current a { background-position: -131px -35px; }
body.ch #liContact.current a { background-position: -261px -35px; }

/*----- Contact Form Display Elements --------*/

#contactFormArea {
	height: 250px;
	padding:0px 5px 0px 20px;
	text-align: left;
}
form table, form {
	font-size:11px;
	padding:0;
	border-width:0;
}
form table td {
  width:100%;
  }
form table td, form table th {
  padding:3px 3px 3px 0px;
  font-weight:normal;
  }
form table td.label {
	width: 40px;
	}
form label {
  cursor:pointer;
  }
form input, form textarea, form select {
  margin:1px 0;
  font:110%;
  }
form input.text {
  background:#999;
  border:1px solid #ccc;
  border-color:#999 #ccc #ccc #999;
  color:#fee5b7;
  }
form textarea {
  background:#999;
  display:block;
  clear:left;
  width:90%;
  border:1px solid #ccc;
  border-color:#999 #ccc #ccc #999;
  color:#fee5b7;
  voice-family: "\"}\""; voice-family:inherit;
  width:95%;
  } html>body form textarea {width:95%;}
form input.text:focus, form textarea:focus {
  border-color:#666 #999 #999 #666;
  }
form input.button {
	padding:2px;
	border:1px solid #000;
	border-color:#999 #666 #666 #999;
	background:#999;
	color:#000;
	font:100% Verdana,Sans-serif;
}
form input.button:hover {
	background:#eee;
	cursor:pointer;
}
form input.button:active {
	background:#ccc;
	color:#000;
}

label { 
	display: block;
}
label span {
	display: block;
	float: left;
	font-weight: bold;
	padding: 6px;
	text-align: right;
	width: 90px;
}

/* Miscelaneous Positioning Classes */

img.right {
	float: right;
	margin-left: 18px;
}
img.left {
	float: left;
	margin-right: 18px;
}
p.left {
	text-align: left;
}
p.center {
	text-align: center;
}
p.right {
	text-align: right;
}
.clear {
	clear: both;
}