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

	@font-face 								{ font-family:calibri; src: url('../font/calibri.ttf'); }		
	
	html, body 								{ height:100%; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
	
	img										{ border:0 !important; }
	a										{ text-decoration:none; }
	
	input, textarea, select,
	h1, h2, h3, h4, h5, h6,
	a, p, b, ul, li, ol,
	img, div, span, label					{ outline:none !important; } 
	
	.button									{ cursor:pointer !important; }		
	.noBoarderRight							{ border-right:0 !important; }
	.noBackground							{ background:none !important; }
	
	
	/* TEMPLATE DESIGN */	
	#template								{ margin:0 auto -32px; width:960px; min-height:100%; height:auto !important; height:100%;  }
	#template .footerPush					{ height:32px; }

	#header									{ clear:both; float:left; width:960px; }
	#header .logo							{ display:block; float:left; margin:46px 0 0 33px; }
	
	#header	ul								{ display:block; float:left; width:960px; height:30px; text-align:center; list-style:none; margin:20px 0 0 0; padding:0; background:url(../image/menu-bg.png) no-repeat; }
	#header li								{ display:block; float:left; border-right:#dadada solid 1px; }
		
	#header li.menuHome						{ width:160px; background:url(../image/menu-home-gray-bg.png) no-repeat; }
	#header li.menuHome:hover				{ width:160px; background:url(../image/menu-home-red-bg.png) no-repeat; }
	#header li.menuHome a.active			{ width:160px; background:url(../image/menu-home-red-bg.png) no-repeat; }
		
	#header li.menuAboutUs					{ width:159px; background:url(../image/menu-inner-gray-bg.png) no-repeat; }
	#header li.menuAboutUs:hover			{ width:159px; background:url(../image/menu-inner-red-bg.png) no-repeat; }	
	#header li.menuAboutUs a.active			{ width:159px; background:url(../image/menu-inner-red-bg.png) no-repeat; }	
	
	#header li.menuProducts					{ width:159px; background:url(../image/menu-inner-gray-bg.png) no-repeat; }
	#header li.menuProducts:hover			{ width:159px; background:url(../image/menu-inner-red-bg.png) no-repeat;  }
	#header li.menuProducts a.active		{ width:159px; background:url(../image/menu-inner-red-bg.png) no-repeat; }			
		
	#header li.menuServices					{ width:159px; background:url(../image/menu-inner-gray-bg.png) no-repeat; }
	#header li.menuServices:hover			{ width:159px; background:url(../image/menu-inner-red-bg.png) no-repeat; }
	#header li.menuServices a.active		{ width:159px; background:url(../image/menu-inner-red-bg.png) no-repeat; }			
		
	#header li.menuManufacturing			{ width:159px; background:url(../image/menu-inner-gray-bg.png) no-repeat; }
	#header li.menuManufacturing:hover		{ width:159px; background:url(../image/menu-inner-red-bg.png) no-repeat; }	
	#header li.menuManufacturing a.active	{ width:159px; background:url(../image/menu-inner-red-bg.png) no-repeat; }		
		
	#header li.menuContactUs				{ width:159px; background:url(../image/menu-contact-gray-bg.png) no-repeat; }	
	#header li.menuContactUs:hover			{ width:159px; background:url(../image/menu-contact-red-bg.png) no-repeat; }
	#header li.menuContactUs a.active		{ width:159px; background:url(../image/menu-contact-red-bg.png) no-repeat; }								

	#header li:hover a						{ color:#FFFFFF; }	
	#header li a							{ display:block; float:left; width:100%; height:100%; line-height:30px; color:#565656; text-decoration:none; font-size:14px; }		
	#header li a.active						{ color:#FFFFFF; }

	#footer									{ margin:0 auto; width:960px; }			
	#footer	span							{ display:block; float:left; width:894px; border-top:#e3e3e3 solid 1px; padding:10px 33px; font-size:11px; }				
	#footer	ul								{ list-style:none; margin:0; padding:0;  }
	#footer li								{ display:block; float:left; margin-right:17px; }
	#footer p								{ float:right; margin:0; padding:0; }
	#footer a								{ color:#434343; text-decoration:none; }
	#footer a:hover							{ color:#be1e1e; }		
	#footer a.active						{ color:#be1e1e; }	
	
	#body									{ clear:both; float:left; width:960px; margin:10px 0 50px 0; }	
	#banner									{ float:left; width:960px; margin:0 0 30px 0; }
	#content								{ float:left; width:960px; }	
	
			
	/* INDIVIDUAL PAGE DESIGN */
	
	/*home*/
	.home									{}
	.home span								{ display:block; float:left; width:260px; min-height:311px; padding:0 30px 0 30px; background:url(../image/home-thumbnail-bg.png) no-repeat right top; }	
	.home h1								{ color:#062741; padding:0; margin:0; font-size:18px; }	
	.home img								{ display:block; float:left; margin:7px 0; }	
	.home p									{ padding:0; margin:0; color:#575757; line-height:18px; }	
	.home a 								{ color:#234766; }
	
	/*about-us*/
	.aboutus								{}
	.aboutus h2								{ color:#062741; padding:0; margin:0 30px 10px 30px; font-size:18px; }	
	.aboutus p								{ padding:0; margin:0 30px; color:#575757; line-height:18px; }	
	.aboutus span							{ display:block; float:left; width:260px; padding:30px 30px 0 30px; min-height:250px; background:url(../image/home-thumbnail-bg.png) no-repeat right top; }	
	.aboutus span h1						{ color:#062741; padding:0; margin:0 0 5px 0; font-size:18px; }	
	.aboutus span img						{ display:block; float:left; margin:3px 0; width:260px; }	
	.aboutus span p							{ padding:0; margin:0; color:#575757; line-height:18px; }	
	.aboutus span a 						{ color:#234766; }
			
	/*contact-us*/	
	.contact-us								{ float:left; width:960px; margin:0 0 48px 0; }
	.contact-us h1							{ color:#062741; padding:0; margin:0 0 20px 0; font-size:18px; }		
	.contact-us strong						{ color:#a12200; padding:0; margin:0; font-size:18px; }				
	.contact-us .left						{ display:block; float:left; width:320px; min-height:280px; margin:0 0 0 30px; background:url(../image/contact-us-gradient-bg.png) no-repeat right top;  }	
	.contact-us .left p						{ padding:0; margin:0; color:#575757; line-height:18px; }	
	.contact-us .left a						{ color:#575757; }
	.contact-us .right						{ display:block; float:left; width:590px; padding:0 0 0 20px; }		
	.contact-us .right h1					{ margin-bottom:10px; }
	.contact-us .right input				{ margin:0 0 5px 0; padding:4px; border:0; background:url(../image/contact-us-textfield-bg.png) no-repeat; width:445px; height:18px; color:#575757; font-size:11px; }	
	.contact-us .right textarea				{ margin:0 0 7px 0; padding:4px; border:0; background:url(../image/contact-us-textarea-bg.png) no-repeat; width:445px; height:108px; color:#575757; font-size:11px; font-family:calibri; }		
	.contact-us .right .button				{ float:right; background:#193953; border:#27455e solid 1px; width:125px; height:20px; padding:0; margin:0 137px 0 0; text-align:center; color:#fafafa; font-size:11px; }	
	.contact-us .right i					{ color:#FF0000; font-style:normal; }	
	/*services*/
	.services								{ float:left; width:960px; margin:0 0 30px 0; }
	.services h1							{ color:#062741; padding:0; margin:0 30px 20px 30px; font-size:18px; }		
	.services ul							{ list-style:none; padding:0; margin:0 30px;}
	.services li							{ display:block; float:left; width:900px; margin:0 0 20px 0; padding:0 0 18px 0; background:url(../image/services-gradient-bg.png) no-repeat bottom;  }
	.services b								{ display:block; float:left; width:900px; color:#ca0009; margin:0 0 5px 0; }
	.services p								{ display:block; float:left; width:900px; padding:0; margin:0; color:#575757; line-height:18px; text-align:justify; }	
	
	/*gas-phase*/	
	.gasphase								{ float:left; width:900px; margin:0 30px 50px 30px; }
	.gasphase h1							{ color:#062741; padding:0; margin:0 0 20px 0; font-size:18px; }			
	.gasphase p								{ padding:0; margin:0 0 20px 0; color:#575757; line-height:18px; }	
	.gasphase table							{ margin:0 0 0 -2px; }
	.gasphase table td.left					{ background:#1d3d56; color:#fafafa; width:312px; }	
	.gasphase table td.right				{ background:#1d3d56; color:#fafafa; width:588px; }		
	.gasphase table tr.odd					{ background:#efefef; }	
	.gasphase table tr.even					{ background:#f8f8f8; }	
	.gasphase table td						{ line-height:18px; }			
	
	/*liquid-phase*/	
	.liquidphase							{ float:left; width:900px; margin:0 30px 50px 30px; }
	.liquidphase h1							{ color:#062741; padding:0; margin:0 0 20px 0;  font-size:18px; }			
	.liquidphase p							{ padding:0; margin:0 0 20px 0; color:#575757; line-height:18px; }	
	.liquidphase table						{ margin:0 0 0 -2px; }
	.liquidphase table td.left				{ background:#1d3d56; color:#fafafa; width:312px; }	
	.liquidphase table td.right				{ background:#1d3d56; color:#fafafa; width:588px; }		
	.liquidphase table tr.odd				{ background:#efefef; }	
	.liquidphase table tr.even				{ background:#f8f8f8; }	
	.liquidphase table td					{ line-height:18px; }	
	
	/*manufacturing*/
	.manufacturing							{ float:left; width:900px; margin:0 30px 30px 30px; }
	.manufacturing .left					{ display:block; float:left; width:300px; }
	.manufacturing .left h1					{ color:#062741; padding:0; margin:0 0 20px 0; font-size:18px; }		
	.manufacturing .left ul					{ list-style:none; padding:0; margin:0;}
	.manufacturing .left li					{ display:block; float:left; width:300px; margin:0 0 20px 0; padding:0 0 18px 0; background:url(../image/manufacturing-gradient-bg.png) no-repeat bottom;  }
	.manufacturing .left b					{ display:block; float:left; width:300px; color:#ca0009; margin:0 0 5px 0; }
	.manufacturing .left p					{ display:block; float:left; width:300px; padding:0; margin:0; color:#575757; line-height:18px; text-align:justify; }		
	.manufacturing .right					{ display:block; float:left; width:530px; margin:0 0 0 70px; }	
	
	/*products*/	
	.products								{ float:left; width:900px; margin:0 30px 30px 30px; }
	.products h1							{ color:#062741; padding:0; margin:0 0 20px 0; font-size:18px; }		
	.products p								{ padding:0; margin:0 0 20px 0; color:#575757; line-height:18px; }	
	.products span							{ display:block; float:left; width:180px; margin:0; }
	.products span img						{ display:block; float:left; }	
	.products span b						{ display:block; float:left; width:180px; text-align:center; font-weight:normal; color:#434343; }	


	.products table							{ margin:0 0 0 -2px; }

	.products table .title					{ color:#fafafa; }	
	.products table .title .iodine			{ background:#1d3d56; width:200px; text-align:center; padding:8px 0; }	
	.products table .title .ctc				{ background:#1d3d56; width:110px; text-align:center; padding:8px 0; }		
	.products table .title .bulk			{ background:#1d3d56; width:140px; text-align:center; padding:8px 0; }	
	.products table .title .ash				{ background:#1d3d56; width:110px; text-align:center; padding:8px 0; }	
	.products table .title .hardness		{ background:#1d3d56; width:110px; text-align:center; padding:8px 0; }	
	.products table .title .moisture		{ background:#1d3d56; width:120px; text-align:center; padding:8px 0; }	
	.products table .title .ph				{ background:#1d3d56; width:110px; text-align:center; padding:8px 0; }	
	
	.products table .title .item			{ background:#1d3d56; width:300px; text-align:center; padding:8px 0; }
	.products table .title .mesh			{ background:#1d3d56; width:600px; text-align:center; padding:8px 0; }								

	.products table .content				{ color:#141414; }
	.products table .content .iodine		{ background:#f0f0f0 url(../image/products-gradient-bg.png) repeat-x top !important; padding:5px; }	
	.products table .content .ctc			{ background:#ffffff url(../image/products-gradient-bg.png) repeat-x top !important; padding:5px; text-align:center; }		
	.products table .content .bulk			{ background:#f0f0f0 url(../image/products-gradient-bg.png) repeat-x top !important; padding:5px; }	
	.products table .content .ash			{ background:#ffffff url(../image/products-gradient-bg.png) repeat-x top !important; text-align:center; }	
	.products table .content .hardness		{ background:#f0f0f0 url(../image/products-gradient-bg.png) repeat-x top !important; text-align:center; }	
	.products table .content .moisture		{ background:#ffffff url(../image/products-gradient-bg.png) repeat-x top !important; text-align:center; }	
	.products table .content .ph			{ background:#f0f0f0 url(../image/products-gradient-bg.png) repeat-x top !important; text-align:center; }
		
	.products table .content .item			{ background:#f0f0f0 url(../image/products-gradient-bg.png) repeat-x top !important; padding:5px; }	
	.products table .content .mesh			{ background:#ffffff url(../image/products-gradient-bg.png) repeat-x top !important; padding:5px; }		

	.products table td						{ line-height:18px; }