body {
	background-image: url("../images/bubble-bkgd.jpg");
	background-attachment: fixed;
	background-position: top center;
	min-width: 1000px;
	min-height: 800px;
	font-size: 16px; 
	font-family: verdana;
}


/* general rules */
* {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 130%;
	margin-bottom: 2%;
	letter-spacing: 1px;
	font-weight: normal;
}

h2 {
	font-size: 110%;
	font-weight: normal;
	margin-bottom: 2%;
}

a, img {
	border-style: none;
}

a:hover {
	color: #f00;
}


/* layout rules */
.container {
	background-image: url("../images/outter-text-bkgd.jpg");
	width: 1006px;
	min-height: 900px;
	margin: 0 auto;
	padding: 0;
	background-attachment: fixed;
	background-position: top center;
}

/* right sidebar */

#sidebar-right {
	width: 60px;
	min-height: 900px;
	float: right;
}

#sidebar-right a {
	width: 55px;
}

	/* chinese links */
	
#home-chinese {
	height: 115px;
}

#who-chinese {
	height: 192px;
}

#what-chinese {
	height: 207px;
}

#portfolio-chinese {
	height: 173px;
}

#contact-chinese {
	height: 169px;
}

#chinese-home-button:hover {
	background-image: url("../images/black-smear1.png");
}

#chinese-who-button:hover {
	background-image: url("../images/black-smear2.png");
}

#chinese-what-button:hover {
	background-image: url("../images/black-smear3.png");
}

#chinese-portfolio-button:hover {
	background-image: url("../images/black-smear4.png");
}

#chinese-contact-button:hover {
	background-image: url("../images/black-smear5.png");
}

#chinese-home-active:hover {
	background-image: url("../images/red-smear1.png");
}

#chinese-who-active:hover {
	background-image: url("../images/red-smear2.png");
}

#chinese-what-active:hover {
	background-image: url("../images/red-smear3.png");
}

#chinese-portfolio-active:hover {
	background-image: url("../images/red-smear4.png");
}

#chinese-contact-active:hover {
	background-image: url("../images/red-smear5.png");
}

/* left sidebar */
	
#sidebar-left {
	width: 60px;
	min-height: 900px;
	float: left;
}

#sidebar-left a {
	width: 50px;
}

	/* english links */
	
#home-link {
	height: 104px;
}

#what-link {
	height: 199px;
}

#who-link {
	height: 201px;
}

#portfolio-link {
	height: 210px;
}

#contact-link {
	height: 168px;
}

#home-button:hover {
		background-image: url("../images/black-waveform1.png");
}

#who-button:hover {
		background-image: url("../images/black-waveform2.png");
}

#what-button:hover {
		background-image: url("../images/black-waveform3.png");
}

#portfolio-button:hover {
		background-image: url("../images/black-waveform4.png");
}

#contact-button:hover {
		background-image: url("../images/black-waveform5.png");
}

#home-active:hover {
		background-image: url("../images/red-waveform1.png");
}

#who-active:hover {
		background-image: url("../images/red-waveform2.png");
}

#what-active:hover {
		background-image: url("../images/red-waveform3.png");
}

#portfolio-active:hover {
		background-image: url("../images/red-waveform4.png");
}

#contact-active:hover {
		background-image: url("../images/red-waveform5.png");
}

/* main body */

#main-body {
	background-image: url("../images/main-body-bkgd.jpg");
	background-attachment: fixed;
	background-position: top center;
	width: 880px;
	padding-bottom: 100px;
	margin-left: 60px;
}

#logo-wrapper {
		padding-top: 100px;
		background-image: url("../images/logo-wrapper.png");
		background-attachment: fixed;
		background-position: top center;
		background-repeat: no-repeat;
		min-height: 900px;
		width: 880px;
		margin: 0;
}

.text-wrapper {
		background-image: url("../images/outter-text-bkgd.jpg");
		background-attachment: fixed;
		background-position: top center;
		width: 650px;
		padding: 15px;
		margin: 75px auto 0 auto;
		z-index: 10;
}

.text-box {
		background-image: url("../images/inner-text-bkgd.jpg");
		background-attachment: fixed;
		background-position: top center;
		margin: 10px;
		padding: 15px;
		color: #009;
}

.text-box p {
		margin: 5% 0 5% 0;
		line-height: 20px;
}


#footer {
		background-image: url("../images/outter-text-bkgd.jpg");
		background-attachment: fixed;
		background-position: top center;
		height: 24px;
		width: 480px;
		margin: -24px auto 0 auto;
		padding: 0;
		text-align: center;
}

#footer a {
		color: black;
		text-decoration: none;
}

#footer a:hover {
		color: black;
		text-decoration: underline;
}