body{
	padding:0;
	margin:0;
	background-color:#000;
	height:auto;
}
	body.pop{
	padding:0;
	margin:0;
	background-color:#ffffff;
	height:auto;
}
body images{
	font: normal 10px Verdana;
	color:#CCC;
}


	#container{
	width:760px;
	margin-left:auto;
	margin-right:auto;
	}
	#header{
	width:760px;
	margin-left:auto;
	margin-right:auto;
	height:50px;
	}
	
	#containerpop2 {
	width:700px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}
	#headerpop2 {
	width:550px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}
	
	#containerpop{
	width:520px;
	margin-left:auto;
	margin-right:auto;
	}
	#headerpop{
	width:520px;
	margin-left:auto;
	margin-right:auto;
	height:50px;
	text-align:left;
	}
	
		#header #language{
		float:left;
		position:relative;
		width:515px;
		height:32px;
		padding-top:18px;
		}
			#header #language #lang_title{
			line-height:10px;
			float:left;
			position:relative;
			width:70px;
			height:14px;
			background:url(../pics/generic/view_language.gif) no-repeat;
			}
			#header #language #lang_th, #header #language #lang_th a:link, #header #language #lang_th a:visited{
			line-height:10px;
			float:left;
			position:relative;
			width:46px;
			height:14px;
			display:block;
			background:url(../pics/generic/viewthai.gif) no-repeat top ;
			text-decoration: none; 
			}
			
			#header #language #lang_th a:hover{
			display:block;
			background:url(../pics/generic/viewthai.gif) no-repeat bottom ;
			}
			#header #language #lang_sep{
			line-height:10px;
			float:left;
			position:relative;
			width:1px;
			height:14px;
			background-image:url(../pics/generic/viewsep.gif);
			background-repeat:no-repeat;
			}
			#header #language #lang_cn, #header #language #lang_cn a:link, #header #language #lang_cn a:visited{
			line-height:10px;
			float:left;
			position:relative;
			width:51px;
			height:14px;
			display:block;
			background:url(../pics/generic/viewcn.gif) no-repeat top ;
			text-decoration: none; 
			}
			#header #language #lang_cn a:hover{
			display:block;
			background:url(../pics/generic/viewcn.gif) no-repeat bottom ;
			}

		#header #mac_logo, #header #mac_logo a, #header #mac_logo a:link, #header #mac_logo a:visited, #header #mac_logo a:hover{
		float:left;
		position:relative;
		width:245px;
		height:50px;
		font: normal 10px Verdana;
		color: #CCCCCC;
		text-decoration:none
		}
		#img_banner{
		width:760px;
		height:170px;
		margin-left:auto;
		margin-right:auto;
		margin-top:3px;
		font: normal 10px Verdana;
		color:#CCC;
		}
	#content_holder{
		width:760px;
		height:auto;
		margin-left:auto;
		margin-right:auto;
	}
		#content_holder #left{
		position:relative;
		float:left;
		height:auto;
		width:515px;
		}
			#content_holder #left #section_title{
			position:relative;
			float:left;
			height:auto;
			width:515px;
			font: normal 10px Verdana;
			color: #CCCCCC;
			}
			#content_holder #left #section_content{
			clear:both;
			font: normal 13px Verdana;
			line-height:16px; 
			color:#FFF;
			position:relative;
			float:left;
			height:auto;
			width:510px;
			}
			
		#content_pop{
		width:520px;
		height:auto;
		padding:20px 0 0 0;
		margin-left:auto;
		margin-right:auto;
		font-family:Verdana;
		color:#FFFFFF;
		font-size:11px;
	}
			

#content_holder #left #section_content .underline-text{
text-decoration:underline;
font-weight:bold;

}
			#content_holder #left #section_content images{
			font: normal 10px Verdana;
			color:#CCC;
			}

			#content_holder #left #section_content a, #content_holder #left #section_content a:link,#content_holder  #content_holder #left #section_content a:active{
			/*color:#83B5DB;*/
			color:#7eafd4;
			}

			#content_holder #left #section_content a:visited{
			color:#7eafd4;
			}
			#content_holder #left #section_content a:hover{
			color:#91d2ff;
			}
				#content_holder #left #section_content .sectiontitle{
				font-size:15px;
				font-weight:bold;
				line-height:20px; 
				}
				#content_holder #left #section_content .sectionnormal{
				font-size:13px;
				font-weight:bold;
				line-height:20px; 
				}
				#content_holder #left #section_content .sectionsub{
				font-size:10px;
				line-height:14px; 
				}
				#content_holder #left  #section_content #flash_content{
				position:relative;
				float:left;
			}
			#content_holder #left #section_btn{
			width:515px;
			height:30px;
			position:relative;
			float:left;
			clear:both; 

			}
				#content_holder #left #section_btn images{
				font: normal 10px Verdana;
				color:#CCC;
				}
			
			#content_holder #left #section_btn a{
			text-decoration:none;
			border: none;
			}
		#content_holder #right{
		position:relative;
		float:left;
		height:auto;
		width:245px;
		}
			#content_holder #right a, #content_holder #right a:link,#content_holder #right a:active{
			/*color:#83B5DB;*/
			color:#7eafd4;
			text-decoration:none;
			}

			#content_holder #right a:visited{
			color:#7eafd4;
			}
			#content_holder #right a:hover{
			color:#91d2ff;
			}
			#content_holder #right #flash_news{
			position:relative;
			float:left;
			height:170px;
			width:245px;
			}
			#content_holder #right #popup_btns{
			text-align:center;
			position:relative;
			float:left;
			height:auto;
			width:245px;
			}
			#content_holder #right #teaser{
			text-align:left;
			font: normal 11px Verdana;
			color:#FFFFFF;
			margin:0 15px 0 20px;
			padding:0 0 12px 0;
			line-height:15px;
			width:200px;
			border-bottom:1px solid #999999;		
			}
			#content_holder #right #teaser a {color:#7eafd4;}
			#content_holder #right #teaser a:hover {color:#91d2ff;}
			/** trade **/
	#tradeshow_gal{
	clear:both;
	width:760px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	font: normal 13px Verdana;
	line-height:16px; 
	color:#FFF;
	}
	#tradeshow_gal a{
	/*color:#83B5DB;*/
	color:#7eafd4;
	}
	#tradeshow_gal a:visited{
	color:#888;
	}
	#tradeshow_gal a:hover{
	color:#91d2ff;
	}
	
	#footer{
		padding-top:15px;
		padding-bottom:15px;
		clear:both;
		width:760px;
		height:20px;
		margin-left:auto;
		margin-right:auto;
		font: normal bold 10px Verdana; 
		text-align:left;
		color:#666666;
	}
		#footer a{color:#666666;}
		#footer a:hover{color:#7eafd4;}
	
	#extendedframe{
		padding-top:15px;
		clear:both;
		width:760px;
		height:auto;
	}
/**get more with messaging**/	
.content_container {
	position: relative;
	padding: 0px 0px 8px 0px;
	width:240px;  border:1px solid white;
	}
.outline {
	padding: 10px 0px 15px 0px;
	
	}

div.outline{
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 18px;
}

.get_title {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #83B5DB;
}

.get_backtop {
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #83B5DB;
}

.get_content {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
}
.relative{
position:relative;
float:left;
}
.popup_content{
font: normal 12px Verdana;
	line-height:16px; 
	color:#FFF;
}
.popup_content_sub{
font-size:10px;
}
/**media**/
			#content_holder #left #section_content #media_viewartical{
			clear:both;
			height:35px;
			width:515px;
			}
			#content_holder #left #section_content #media_yearartical{
			clear:both;
			height:28px;
			width:515px;
			}
				#content_holder #left #section_content #media_yearartical .year, #content_holder #left #section_content #media_yearartical .year a, #content_holder #left #section_content #media_yearartical .year a:hover{
				float:left;
				position:relative;
				height:28px;
				width:54px;
				display:block;				
				text-decoration:none;
				}
				#content_holder #left #section_content #media_yearartical #year2009, #content_holder #left #section_content #media_yearartical #year2009 a{
				background: url(../pics/media/media2009.gif) top no-repeat;
				}
				#content_holder #left #section_content #media_yearartical #year2009 a:hover{
				background: url(../pics/media/media2009.gif) bottom no-repeat;
				}
				#content_holder #left #section_content #media_yearartical #year2008, #content_holder #left #section_content #media_yearartical #year2008 a{
				background: url(../pics/media/media2008.gif) top no-repeat;
				}
				#content_holder #left #section_content #media_yearartical #year2008 a:hover{
				background: url(../pics/media/media2008.gif) bottom no-repeat;
				}
				#content_holder #left #section_content #media_yearartical #year2007, #content_holder #left #section_content #media_yearartical #year2007 a{
				background:url(../pics/media/media2007.gif) top no-repeat;
				}			
				#content_holder #left #section_content #media_yearartical #year2007 a:hover{
				background:url(../pics/media/media2007.gif) bottom no-repeat;
				}
				
				#content_holder #left #section_content #media_yearartical #year2006, #content_holder #left #section_content #media_yearartical #year2006 a{
				background:url(../pics/media/media2006.gif) top no-repeat;
				}
				#content_holder #left #section_content #media_yearartical #year2006 a:hover{
				background:url(../pics/media/media2006.gif) bottom no-repeat;
				}
				#content_holder #left #section_content #media_yearartical #year2005, #content_holder #left #section_content #media_yearartical #year2005 a{
				background:url(../pics/media/media2005.gif) top no-repeat;
				}
				#content_holder #left #section_content #media_yearartical #year2005 a:hover{
				background:url(../pics/media/media2005.gif) bottom no-repeat;
				}
				#content_holder #left #section_content #media_yearartical #year2004, #content_holder #left #section_content #media_yearartical #year2004 a{
				background:url(../pics/media/media2004.gif) top no-repeat;
				}
				#content_holder #left #section_content #media_yearartical #year2004 a:hover{
				background:url(../pics/media/media2004.gif) bottom no-repeat;
				}
				#content_holder #left #section_content #media_yearartical #year2003, #content_holder #left #section_content #media_yearartical #year2003 a{
				background:url(../pics/media/media2003.gif) top no-repeat;
				}
				#content_holder #left #section_content #media_yearartical #year2003 a:hover{
				background:url(../pics/media/media2003.gif) bottom no-repeat;
				}
				
				
				#content_holder #left #section_content #media_yearartical .sep{
				float:left;
				height:28px;
				width:15px;
				display:block;
				background:url(../pics/media/media_sep.gif) top no-repeat;
				}
			#content_holder #left #section_content #media_intruction{
			clear:both;
			float:left;
			height:20px;
			width:515px;
			}
			#content_holder #left #section_content #media_content{
			clear:both;
			float:left;
			height:auto;
			width:515px;
			}
			#content_holder #left #section_content #media_nav{
			clear:both;
			float:left;
			height:20px;
			width:515px;
			}
			#content_holder #left #section_content  #media_nav #media_next{
			text-align:right;
			float:right;
			height:20px;
			width:250px;
			}
			#content_holder #left #section_content  #media_nav #media_pre{
			text-align:left;
			float:left;
			height:20px;
			width:260px;
			}


#sitemap {
width:760px;
vertical-align:top;
text-align:left;
font-family: Verdana;
text-decoration:none;
border-spacing:1px;
}
	#sitemap td {
	width:20%;
	vertical-align:top;
	padding:10px;
	}
		#sitemap td.dotted {
		border-right:1px dotted #292929;
		}
	#sitemap h1 {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	padding: 0 0 15px 0;
	margin:0;
	}
		#sitemap h1 a {
		color:#fff;
		text-decoration:none;
		}
		#sitemap h1 a:hover {
		color:#7eafd4;
		}
		#sitemap h1 span {
		color:#fff;
		font-size: 11px;
		font-style: normal;
		font-weight: normal;
		text-decoration:none;
		}
		#sitemap h1 span ul{
		margin:0;
		padding:0;
		}
		#sitemap h1 span ul li {
		margin:0;
		padding:0 0 0 10px;
		list-style:none;
		font-weight:normal;
		background-image:url(../pics/main/dash.gif);
		background-repeat:no-repeat;
		background-position:top left;
		}
	#sitemap h2 {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #91d2ff;
	padding: 0 0 14px 0;
	margin:0;
	}
		#sitemap h2 a {
		color:#7eafd4;
		text-decoration:none;
		}
		#sitemap h2 a:hover {
		color:#91d2ff;
		}
		#sitemap h2 span {
		color:#baae98;
		font-size: 10px;
		font-style: italic;
		font-weight: normal;
		text-decoration:none;
		}
		#sitemap h2 span ul{
		margin:0;
		padding:0;
		}
		#sitemap h2 span ul li {
		margin:0;
		padding:0 0 0 8px;
		list-style:none;
		font-weight:normal;
		background-image:url(../pics/main/dash.gif);
		background-repeat:no-repeat;
		background-position:top left;
		}
	#sitemap ul {
	margin:0;
	padding:0;
	}
		#sitemap ul li {
		margin:0;
		padding:3px 0 0 0;
		list-style:none;
		font-weight: normal;
		}
		#sitemap ul li a {
		color:#fff;
		text-decoration:none;
		font-weight: normal;
		}
		#sitemap ul li a:hover {
		color:#7eafd4;
		}
		#sitemap ul li span {
		color:#baae98;
		font-size: 10px;
		font-style: italic;
		font-weight: normal;
		text-decoration:none;
		}
	#sitemap .break {
	border-top:1px dotted #292929;
	padding:25px 0 0 0;
	margin:20px 0 0 0;
	}

#contactbox {
border:2px solid #848484;
width:192px;
height:50px;
padding:70px 28px 20px 20px;
margin:24px 0 0 0;
text-align:right;
font-family: Verdana;
}
	#contactbox h1 {
	font-size: 21px;
	font-style: normal;
	font-weight: normal;
	color: #848484;
	padding: 0 0 5px 0;
	margin:0;
	}
	#contactbox h2 {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	padding: 0 0 15px 0;
	margin:0;
	}
	#contactbox h2 a {
	color:#fff;
	}
	#contactbox h2 a:hover {
	color:red;
	}
#wp a{color:#ffffff; text-decoration:none;}
#wp a:hover{color:#91d2ff;}
#menu {display:block;}

.clearfloat { clear:both;height:0px;font-size: 1px;line-height: 0px;/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */}