body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#maincontainer{
	width:1178px;
	padding:25px 18px 18px 18px;
}

/* SIDENAV ------------------------------------------------------------------------ */

#leftcontainer{
	float: left;
	width:214px;
	margin-left:0px;
	margin-top:0px;
	background-color: #F9F9F9;
	background-image: url(images/sn_logo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#menu {
	width:169px;
	margin-top: 150px;
	margin-left: 23px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#menu_section {
	font-size: 10px;
	font-weight: bold;
	border-bottom: dotted #CCC 1px;
	padding-bottom: 10px;
	letter-spacing: 1px;
}

#menu_section2 {
	font-size: 10px;
	font-weight: bold;
	border-top: dotted #CCC 1px;
	border-bottom: dotted #CCC 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 1px;
}

#menu_section a, #menu_section2 a {
	color: #999999;
	text-decoration: none;
	border-width: 0px;		
}

#menu_section a:hover, #menu_section2 a:hover{
	color: #83B119;
	text-decoration: none;
}

#workselect {
	color: #83B119;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 2px;
	letter-spacing: 1px;
}


#workselect2 {
	color: #99CC00;
	font-size: 10px;
	font-weight: bold;
	border-top: dotted #CCC 1px;
	padding-top: 10px;
	padding-bottom: 2px;
	letter-spacing: 1px;
}


#menu_work {
	font-size: 11px;
	line-height: 80%;
	padding-bottom: 0px;
	padding-left: 10px;
}


#menu_work a {
	display: block;
	color: #999999;
	text-decoration: none;
}

#menu_work a:hover{
	text-decoration: none;
	background-color: #CCED43;
}


#menu_work2 {
	font-size: 11px;
	line-height: 80%;
	border-top: dotted #CCC 1px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#menu_work2 a {
	display: block;
	color: #999999;
	text-decoration: none;
}

#menu_work2 a:hover{
	text-decoration: none;
	background-color: #A6F0FC;
}

#copyright_text {
	font-size: 10px;
	color: #999999;
	padding-top: 10px;
	padding-bottom: 5px;
}

.temp_unavailable{
	text-decoration: line-through;
	color: #CCCCCC;
}


/* CONTENT ------------------------------------------------------------------------ */

#contentcontainer {
	width: 910px;
	height: 685px;
	margin: 0px 18px 0px 232px;
	/*background-color: #D6EF3D;*/
	position: relative;
}

#headercontainer {
	width: 910px;
	height: 213px;
	position: relative;
}

#bottomcontainer {
	width: 910px;
	position: relative;
}

/* CONTENT: ABOUT ----------------------------------------------------------------- */
#aboutbg_container {
	width: 910px;
	height: 685px;
	background-image: url(images/about_bgimg.jpg);
	visibility: visible;
	position: absolute;	
}

#philbg_container {
	width: 910px;
	height: 685px;
	background-image: url(images/philo_bgimg.jpg);
	visibility: hidden;	
	position: absolute;
}

#founderbg_container {
	width: 910px;
	height: 685px;
	background-image: url(images/founder_img.jpg);
	visibility: hidden;	
	position: absolute;
}

#about_subnav {
	margin: 0 auto;
	position:absolute;
	left:30px;
	top:35px;
	width:370px;
	height:120px;
	z-index:20;
	background-color: #FFFFFF;
	visibility: visible;
	padding: 40px 11px 10px 12px;
}

#about_subnavbox {
	width: 100px;
	height: 55px;
	float: left;
	border-right: #CCCCCC dotted 1px;
	text-align: right;
	padding-right: 15px;
	padding-left: 2px;
	padding-top: 3px;
}

#about_rightcontainer {
	margin: 0 auto;
	position:absolute;
	left:485px;
	top:35px;
	width:396px;
	height: 622px;
	z-index:21;
	background-color: #FFFFFF;
	/*padding: 27px 20px 30px 25px;*/
}

#about_textcontainer_en {
	width:345px;
	position: absolute;
	visibility: visible;
	margin-left: 25px;
	/*margin-top: 27px;*/
}

#about_textcontainer_ch {
	width:345px;
	position: absolute;
	visibility: hidden;
	margin-left: 25px;
}

#phil_textcontainer_en {
	width:345px;
	position: absolute;
	visibility: hidden;
	margin-left: 25px;
}

#phil_textcontainer_ch1 {
	width:345px;
	position: absolute;
	visibility: hidden;
	margin-left: 25px;
}

#phil_textcontainer_ch2 {
	width:345px;
	position: absolute;
	visibility: hidden;
	margin-left: 25px;
}

#phil_textcontainer_ch3 {
	width:345px;
	position: absolute;
	visibility: hidden;
	margin-left: 25px;
}

#founder_container_en {
	width:396px;
	height: 622px;
	position: absolute;
	visibility: hidden;
	background-color: #FFFFFF;
}

#founder_container_ch {
	width:396px;
	height: 622px;
	position: absolute;
	visibility: hidden;
	background-color: #FFFFFF;
}


#about_text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #999;
	line-height: 175%;
}

#about_text .title {
	color: #99cc33;
}

#about_text a {
	color: #83B119;
	text-decoration: none;
}

#about_text a:hover {
	color: #FFFFFF;
	background-color: #83B119;
}

#about_textbottom_nav {
	position: absolute;
	width:345px;
	padding-top: 20px;
}

#philo_textch_pagenav {
	float:left;
}

#language_option {
	float:right;
}

#founder_subnav {
	margin: 0 auto;
	position:absolute;
	width:396px;
	height:85px;
	z-index:22;
	background-color: #FFFFFF;
}

#founder_subnavbox {
	width: 131px;
	float: left;
	text-align: center;
	margin-top: 40px;
	/*padding-right: 30px;
	padding-left: 30px;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing:1px;
	border-right: dotted #CCC 1px;
}

#founder_subnavbox_last {
	width: 132px;
	float: left;
	text-align: center;
	margin-top: 40px;
	/*padding-right: 30px;
	padding-left: 30px;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing:1px;
}

#founder_billy_en {
	position:absolute;
	width: 396px;
	margin-top:85px;
	float: left;
	visibility: hidden;
}

#founder_billy_ch {
	position:absolute;
	width: 396px;
	margin-top:85px;
	float: left;
	visibility: hidden;
}

#founder_linyew_en {
	position:absolute;
	width: 396px;
	margin-top:85px;
	float: left;
	visibility: hidden;
}

#founder_linyew_ch {
	position:absolute;
	width: 396px;
	margin-top:85px;
	float: left;
	visibility: hidden;
}

#founder_yeoh_en {
	position:absolute;
	width: 396px;
	margin-top:85px;
	float: left;
	visibility: hidden;
}

#founder_yeoh_ch {
	position:absolute;
	width: 396px;
	margin-top:85px;
	float: left;
	visibility: hidden;
}

#founder_img_container{
	width: 345px;
	float: left;
}

#founder_text_container{
	width: 345px;
	float: left;
	margin-top:20px;
	margin-left: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #999;
	line-height: 175%;
}

#founder_text_container a {
	color: #83B119;
	text-decoration: none;
}

#founder_text_container a:hover {
	color: #FFFFFF;
	background-color: #83B119;
}

#founder_language_option{
	float:right;
	text-align:right;
	width: 345px;
	margin-top:10px;
	margin-right: 25px;
}

/*.description {
	padding: 10px 30px 10px 30px;
}*/

#founder_subnavbox a, #founder_subnavbox_last a {
	display:block;
	color: #999999;
	text-decoration: none;
}

#founder_subnavbox a:hover, #founder_subnavbox_last a:hover {
	background-color: #CCED43;
}


/* CONTENT: RANDOM ---------------------------------------------------------------- */

#random_header{
	width: 910px;
	height: 45px;
	/*background-color: #CCFF00; */
}

#random_content {
	width: 910px;
	height: 650px;
}

#random_list {
	float: left;
	width: 180px;
	background-color: #F2ECC5;
	/*border: solid #A1A278 1px;*/
	margin-left: 0px;
	margin-top: 0px;
	padding: 5px 5px 5px 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	letter-spacing: 1px;
}

#random_list a {
	display:block;
	color:#777858;
	text-decoration: none;
}

#news_list {
	float: left;
	width: 240px;
	background-color: #F2ECC5;
	/*border: solid #A1A278 1px;*/
	margin-left: 15px;
	margin-top: 0px;
	padding: 5px 5px 5px 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	letter-spacing: 1px;
}

#news_list a {
	display:block;
	color:#777858;
	text-decoration: none;
}

#dropmenudiv {
	position:absolute;
	/*border:solid #A1A278 1px;*/
	/*border-bottom-width: 0; */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:25px;
	z-index:100;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	background-color: #F8F6E6;
	text-indent: 5px;
	border-bottom: 1px dotted #B7B988;
	padding: 1px 0;
	text-decoration: none;
	color: #828461;
}

#dropmenudiv a .list_title {
	color: #8DB129;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #D8C58C;
	color: #FEFEF3;
}

#dropmenudiv a:hover .list_title {
	color: #FDF4E0;
}

/* CONTENT: NATURALLY BLOG -------------------------------------------------------- */

/* CONTENT: WRITE ----------------------------------------------------------------- */

#write_left_container {
	float: left;
	width: 490px;
	height: 472px;
	background-color: #FAF2CA;
	position: relative;
}

#write_right_container {
	float: left;
	width: 420px;
	height: 472px;
	/*background-color: #777777;*/
	position: relative;
}

/* form ----------------------------------------------------- */
#stamp {
	width: 90px;
	float: left;
	margin-top: 50px;
	margin-left: 35px;
	position: relative;
}

#submitform {
	width: 300px;
	float: left;
	margin-top: 45px;
	margin-left: 30px;
	position: relative;
}

#formtext {
	/*padding-bottom: 2px;*/
}

.submitform_text {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#777777;
	font-size:11px;
	font-style: italic;
	line-height: 140%;
}

.inputbox {
	border: 1px solid #E7DD61;
	background-color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 280px;
	font-style: normal;
}

.sendbox {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-size:9px;
	border: 1px solid #E7DD61;
	background-color: #A7C74A;
	font-style: normal;
	letter-spacing: 1px;
	width: 60px;
	height: 15px;
}

#requiredfield {
	color:#FF8B8B;
}

#requiredfield_note {
	font-size:10px;
}

/* address -------------------------------------------------- */
#address {
	width: 300px;
	float: left;
	margin-top: 45px;
	margin-left: 40px;
	position: relative;
	color:#777777;
	line-height: 110%;
}

#address_title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	border-bottom: dotted #CCC 1px;
	padding-bottom: 10px;
}

.company_name {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
}

.contact_text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}

.contact_text_ch {
	font-family: Hei;
	font-size: 12px;	
}

#collaborate {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	border-top: dotted #CCC 1px;
	margin-top: 30px;
	padding-top: 10px;
	font-style: italic;
}

/* CONTENT: WORK ------------------------------------------------------------------ */
