@charset "utf-8";
/* CSS Document */

body		{
				background-color:#333333;
				margin-left: 0px;
				margin-top: 0px;
				margin-bottom: 0px;
			
			}
			
html, body, div, p {
						font-family		: Arial, sans-serif; 
						color			: #555555;
						font-size		: 12px;
					}


#outerContainer		{
						position: relative;
						width: 780px;
						left:50%;
						margin-left:-379px;
						background: url(images/bg.gif) top left repeat-y;  
						background-color: #9a9999;
						
			}
			
#innerContainer		{
						width: 764px;
						margin-left: 8px;
						margin-right: 8px;
						background-color: #FFFFFF;
						font: Arial, Helvetica, sans-serif;
						color: #555555;
					}

/*  -------------------  Start of Header 	-------------------- */			
					
#headRow1			{
						width: 100%;
						height: 55px;
					}


									
#headRow2Menu		{
						width: 100%;
						height: 30px;
						background-color: #ffffff;
						margin-top: 0px;
						margin-bottom: 0px;
						padding: 0px;
					}
					
#headRow3LogoBanner		{
							width: 100%;
							height: 150px;
							border-bottom: 1px solid #BBBBBB;
							border-top: 1px solid #bbbbbb;
							margin-top: 0px;
						}
						
#logoContainer			{
							float: left;
							width: 68px;
							height: 150px;
							margin-left: 0px;
							margin-top: 0px;
							background-color: #ffffff;
							
						}
						
#logoContainer img#logo	{
							margin-left: 3px;
							margin-top: 0px;
							margin-bottom: 0px;
							
						}
#bannerCup		{ 
							float: right;
							width: 694px;
							height: 150px;
							margin-left: 0px;
							margin-top: 0px;
							background-color:#000000;
							border-left: 1px solid #bbb;
						}
						
#bannerCup img.banner	{
									display: block;
									padding-top: 0px;
									margin-top: 0px;
									margin-bottom: 0px;
								}
						
.clear					{
							clear:both;
						}
						
				
#headRow4CloseCurve		{
							width: 200px;
							height: 43px;
							margin-top: 0px;
							margin-left: 70px;
						}
						
/*  -------------------   End of Header 	-------------------- */	

/*  -------------------   Start of Common	-------------------- */	
				
#bodyContent			{
							width: 100%;
							background-color:#FFFFFF;
							font: Arial, Helvetica, sans-serif;
							font-size: 12px;
							color: #555555;
						}
						
						
#indexContent {
						width:94%;
						padding-top: 0px;
						padding-bottom: 20px;
						margin-left: 3%;
						margin-right: 2%;
						font: Arial, Helvetica, sans-serif;
						font-size: 12px;
						color: #555555;
					}
					
#bodyContent p		{
						font: Arial, Helvetica, sans-serif;
						font-size: 12px;
						color: #555555;
					}
					
.indexTitle			{
						font:Arial, Helvetica, sans-serif;
						color:#79ac00;
						letter-spacing:1px;
						font-size: 14px;
						font-weight: bold;
					}
					
.careersTitle	{
					font: Arial, Helvetica, sans-serif;
					font-size: 13px;
					font-weight: bold;
					color:#79ac00;
				}
p.chemText		{
								text-align:justify;
								line-height: 18px;
								font: Arial, Helvetica, sans-serif;
				}
				
				
a.webaddress:link		{
						font: Arial, Helvetica, sans-serif;
						font-size: 11px;
						color: #666666;
						text-decoration:none;
						font-weight: bold;
					}
					
a.webaddress:hover		{
						font: Arial, Helvetica, sans-serif;
						font-size: 11px;
						color: #333333;
						text-decoration: underline;
						background: #e1e1e1;
						font-weight: bold;
					}
					
a.webaddress:visited	{
						font: Arial, Helvetica, sans-serif;
						font-size: 11px;
						color: #999999;
						text-decoration:none;
						font-weight: bold;
					}
					
a.webaddress:active		{
						font: Arial, Helvetica, sans-serif;
						font-size: 11px;
						color: #999999;
						text-decoration:none;
						font-weight: bold;
					}
					
					
img.webpage	{
				float: left;
				/*width: 150px;
				height: 170px; */
			}
/*  -------------------   End of Common	-------------------- */	

/*  -------------------  Start Of footer 	-------------------- */	

#footer					{
							width: 100%;
							height: 65px;
							background:url(images/footer_bg.gif) repeat-x top left;
							/*background-color: #474748;*/
						}
						
#footer span			{
							display: block;
							padding-top: 10px;
							font: Arial, Helvetica, sans-serif;
							font-size: 11px;
							color: #cccccc;
							text-align: center;
						}
						

a.footer:link		{
						font: Arial, Helvetica, sans-serif;
						font-size: 11px;
						color: #CCCCCC;
						text-decoration:none;
					}
					
a.footer:hover		{
						font: Arial, Helvetica, sans-serif;
						font-size: 11px;
						color: #ffffff;
						text-decoration: underline;
					}
					
a.footer:visited	{
						font: Arial, Helvetica, sans-serif;
						font-size: 11px;
						color: #aaaaaa;
						text-decoration:none;
					}
					
a.footer:active		{
						font: Arial, Helvetica, sans-serif;
						font-size: 11px;
						color: #999999;
						text-decoration:none;
					}
					

							
/*  -------------------   End of footer	-------------------- */	


					

	


/*  -------------------   Start of Index page 	-------------------- */	

				
#coporateInfo		{
						width:	80%;
						margin-left: 0px;
						font: Arial, Helvetica, sans-serif;
						font-size: 12px; 
					}
					
					
#memberAddress		{
						width: 100%;
						margin-left: 0px;
						}

					
					
#memberof			{
						float: left;
						width: 445px;
						
						
					}
					
#memberof img.logo	{
						float:left;
						/*border:1px solid #cccccc;
						max-width: 120px;
						max-height: 70px; */

					}
					
#introCorContainer {
					 width: 100%
					 
					}
#leftText		{
					float: left;
					width: 490px;
				}
				
#rightAds		{
					float: left;
					width: 	170px;
					margin-left: 30px;
				}
				
#rightAds2		{
					float: left;
					width: 	220px;
					margin-left: 20px;
					border:1px solid #cccccc;
					background-color:#eaeaea;
				}

img.frame {
	background: #fff;
   border: 1px solid #E5E5E5;
	padding: 5px;
}				
					
#leftTextHome		{
					float: left;
					width: 453px;
				}
				
#rightAdsHome		{
					float: left;
					width: 	230px;
					margin-left: 30px;
				}

#homeText	{ float :left;
				width: 100%;
			}
			
#smeLogo	{ 	float : left;
				width: 90px;
				text-align: right;
				/*border: 1px solid #cccccc;*/
			}
					
#smeLogo img.smelogoimage		{
									margin-left: 20px;
									
								/*	border: 1px solid #cccccc;	*/
					
								}
				
				
clearRight	{
				clear:right;
			}
					
#address1			{
						float : right;
						width: 205px;
						padding-left: 30px;
						border-left: 1px dotted #bbbbbb;
					}
					
					
#sg		{
						float: left;
						padding-left: 50px;
						border-left: 1px dotted #bbb;
					}
					
#my		{
						float: left;
						padding-right: 70px;
					}
				
.left		{
				clear:left;
			}
					
#boxesContainer		{
						width: 100%;
						height: 265px;
						font: Arial, Helvetica, sans-serif;
						font-size: 12px; 
					}
					
#box1				{
						float:left;
						width: 233px;
						height: 265px;
						margin-left: 8px;
					}
					
#box1 img			{
						display:block;
						margin-top: 0px;
						margin-right: 0px;
						overflow:visible;
					}
					
#box1 #data			{
						display:block;
						width: 201px;
						height: 200px;
						margin-right:0px;
						margin-top: 0px;
						border-left: 1px solid #cccccc;
						border-right: 1px solid #cccccc;
						border-bottom: 1px solid #cccccc;
						padding-left: 30px;
						padding-top: 20px;
						padding-right:0px;
						line-height: 20px;
						font: Arial, Helvetica, sans-serif;
						font-size: 12px; 
					}
					

					
#box2				{
						float:left;
						width: 233px;
						height: 265px;
						
					}
					
#box2 img			{
						display:block;
						margin-top: 0px;
						margin-right: 0px;
						overflow:visible;
					}
					
#box2 #data				{
						display:block;
						width: 201px;
						height: 200px;
						margin-right:0px;
						margin-top: 0px;
						border-left: 1px solid #cccccc;
						border-right: 1px solid #cccccc;
						border-bottom: 1px solid #cccccc;
						padding-left: 30px;
						padding-top: 20px;
						padding-right:0px;
						line-height: 20px;
						font: Arial, Helvetica, sans-serif;
						font-size: 12px;
					}
					
#box3				{
						float:left;
						width: 233px;
						height: 265px;
						margin-left: 8px;
					}
					
#box3 img			{
						display:block;
						margin-top: 0px;
						margin-right: 0px;
						overflow:visible;
					}
					
#box3 #data				{
						display:block;
						width: 201px;
						height: 200px;
						margin-right:0px;
						margin-top: 0px;
						border-left: 1px solid #cccccc;
						border-right: 1px solid #cccccc;
						border-bottom: 1px solid #cccccc;
						padding-left: 30px;
						padding-top: 20px;
						padding-right:0px;
						line-height: 20px;
						font: Arial, Helvetica, sans-serif;
						font-size: 12px;
					}
					

					

					

/*  -------------------  End of Index page	-------------------- */	


/* -------------------- Start of Mission page ------------------ */

#mission			{
						width: 100%;
					}
					
#mission b u		{
						font: Arial;
						font-size: 12px;
						color:#79ac00;
						
					}
					
#misssion p			{
						font: Arial, Helvetica, sans-serif;
						font-size: 12px;
						
					}
					
#mission span.valueTitle	{
								font: Arial, Helvetica, sans-serif;
								font-size: 11px;
								font-weight: 600;
								font-style: italic;
								letter-spacing:1px;
								color: #666666;
							}
					

/* ------------------- End Of Mission page  --------------------*/
				
/* ------------------- Start Of careers page  --------------------*/

.careersTitle	{
					font: font: Arial, Helvetica, sans-serif;
					font-size: 13px;
					font-weight: bold;
					color:#79ac00;
				}


#career		{
				width: 95%;
				padding-left: 20px;
			}

/* ------------------- End Of careers page  --------------------*/


/* ------------------- Start Of Contact Us page  --------------------*/

#singaporeContainer		{
							width:100%;
							padding-bottom: 30px;
							/*border-top:1px solid #79ac00;*/
							font: Arial, Helvetica, sans-serif;
							font-size: 12px;
						}

#contact	{
				float: left;
				width: 300px;
				font: Arial, Helvetica, sans-serif;
				font-size: 12px;
			}
			
.contactTitle	{
					font: Arial, Helvetica, sans-serif;
					font-size: 13px;
					font-weight: bold;
					color:#79ac00;
				}
.contactemail	{
					line-height: 20px;
					border-bottom:1px solid #79ac00;
				}

		
#imageLocation	{
					float:left;
					width: 250px;
				}
				
#myContainer	{
					width:100%;
				}
				
#myContact		{
					float: left;
					width: 300px;
					font: Arial, Helvetica, sans-serif;
					font-size: 12px;
				}
				
#myImage		{
					float:left;
					width: 350px;
				}

/* ------------------- End Of Contact Us page  --------------------*/


/* -------------------- Start of Subscription --------------------*/

td {
		height: 30px;
		vertical-align: middle;
		font: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
	}
	
.subscribePub	{
					background-color:#CCCCCC;
					border:1px dotted #666666;
					
				}




/*-------------------- End of Subscription ---------------------- */


/*---------------------- Start of Chemical ---------------------*/

#chemicalContainer		{
							width: 100%;
							font: Arial, Helvetica, sans-serif;
							font-size: 12px;
						}
#cheLeftContainer		{
							float: left;
							width: 70%;
							font: Arial, Helvetica, sans-serif;
							font-size: 12px;
						}
						
#innerLeft img.chemical		{
								float:left;
								/*max-width: 210px;
								height: 280px */
							}
							
#cheRightContainer		{
							float: right;
							width: 27%;
							border:1px solid #cccccc;
							background-color:#eaeaea;
							height: 700px;
						}
						
						
/*------------------------ Start Site Map -----------------*/

.sitemap	{	
				line-height: 26px;
				font-size: 12px;
				font:Arial, Helvetica, sans-serif;
				color: #79ac00;
				list-style:url(images/bullet_plus.gif);
			}
				
				
#serviceDescription	{
						width: 100%;
					}
					
					
#lifestyle	{
				width:100%;
			}
			
#lifestyle_right	{
						width:45%;
						float:right;
						padding-left: 20px;
						border-left: 1px dotted #79ac00;
				}
				
#lifestyle_left	{
						width:45%;
						float:left;
				}
			
img.photo {
						float:left;
						padding: 5px;
						border:1px solid #cccccc;
						
					}
					
					
.vcard		{

					padding: 5px;
					border:1px solid #cccccc;
				}
			
#logo_left {
				width:45%;
				float:left;
				padding-left: 20px;

			}
			
#logo_right {
				width:45%;
				float:right;
				padding-left: 0px;
			}
			
			
			
					
#headRow1 img#homeSitemapDomain		{
										
										float: left;
										margin-left: 70px;
										padding-top: 12px;
									}
									
#headRow1 span#text_headrow1		{
									
									float:left;
									margin-left: 350px;
									height:25px;
									margin-top: 25px;
									font-family:Arial, Helvetica, sans-serif;
									font-size: 11px;
									color:#999999;
								}
								
								
a.nation:link {
					font-family:Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #999999;
					text-decoration:none;
				}
				
a.nation:hover {
					font-family:Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #000000;
					text-decoration:none;
				}
				
a.nation:visited {
					font-family:Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #cccccc;
					text-decoration:none;
				}
				
a.nation:active {
					font-family:Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #333333;
					text-decoration:none;
				}