@charset "utf-8";
body {
	background:url(../images/pagebgr.png) repeat-x #fff;
	text-align:center;
	font:100% Arial, Helvetica, sans-serif;
	color:#565656;
}
a:link, a:visited
{
    color:#009900;  
    text-decoration:none; 
}
a:hover
{
     text-decoration:underline;  
}
a:active
{
     color:#cc0000;  
}
.alignLeft {
	text-align:left;
}
.alignRight {
	text-align:right;
}
.alignCenter {
	text-align:center
}
.styleBold {
	font-weight:bold;
}
.upperCase {
	text-transform:uppercase;
}
.imgBorder {
	border:solid 1px #cecece;
}
.floatLeft {
	float:left
}
.floatRight {
	float:right
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* W E B    A L E R T
************************/
.alertContainer {
	margin:30px 0 300px 0;
	padding:20px 20px 20px 70px; 
	border:solid 3px #ccc;
	font-size:120%;		
	font-weight:bold;	
}
.alertContainer span.red {
	color:#c00;
}
.alertContainer span.gray {
	color:#666;
}
.info{
	background:#ffc url(../images/alert_info.png) no-repeat 20px 15px; 
}
.warning{
	background:#ffc url(../images/alert_warning.png) no-repeat 20px 15px; 
}
.confirm{
	background:#ffc url(../images/alert_confirm.png) no-repeat 20px 15px; 
}
/*************************/

#container { 
	width: 932px;
	margin: 0 auto; 
	text-align: left;
} 

/* H E A D E R
************************/
#header {
	width: 932px;
	margin: 0 auto; 	
	height:130px;
	background:url(../images/header_logo.png) no-repeat;
	margin-bottom:50px;
} 



/* H O M E P A GE
************************************/
#homeContainer {
	height:462px;
	border: 10px solid #fff;
	background:#36579a url(../images/home_maintex.jpg) no-repeat;
} 
#homeContainer #layerone {
	color:#fff;
	height:260px;
	padding-left:30px;
}
#homeContainer #layerone h1 {
	padding:40px 0 20px 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:110%;
}
#homeContainer #layerone #content {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:440px;
	font-size:90%;
	line-height:1.4em;
}
#homeContainer #content a:link, #homeContainer #content a:visited {
	color:#ccff66;
	font-style:italic;
	padding:0 3px;
}
#homeContainer #content a:hover {
	background-color:#000;
	text-decoration:none;
}
#homeContainer #layertwo h2 {
	color:#2e4a83;
	background:url(../images/home_btnbgr_prod.gif) no-repeat;
	height:45px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:45px;
	padding-left:35px;
}
/* PRODUCT GALLERY SETUP
************************/
div #productGalleryContainer { 
	margin: 20px 0 0 26px; 
	overflow: hidden; 
}
#productGalleryContainer ul#portfolio { 
	float: left; 
	list-style: none; 
}
#productGalleryContainer ul#portfolio li { 
	border: 5px solid #cacaca; 
	float: left; 
	margin: 0 20px 0 0; 
	width: 190px;
	text-align:left;
	height:110px;
}
#productGalleryContainer ul#portfolio li a:link, #productGalleryContainer ul#portfolio li a:visited{
	color:#666;
}
#productGalleryContainer ul#portfolio .imx1 {
	background:#fff url(../images/home_imx1.jpg) no-repeat;
}
#productGalleryContainer ul#portfolio .imx2 {
	background:#fff url(../images/home_imx2.jpg) no-repeat;
}
#productGalleryContainer ul#portfolio .imx3 {
	background:#fff url(../images/home_imx3.jpg) no-repeat;
}
#productGalleryContainer ul#portfolio .imx4 {
	background:#fff url(../images/home_imx4.jpg) no-repeat;
}
#productGalleryContainer ul#portfolio h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	font-size:100%;	
	padding-left:10px;
	width:50px;
	margin-top:5px;
}







/* S I D E B A R 
************************/
#sidebar {
	float: right; 
	width: 260px;
	font-family:Verdana, Geneva, sans-serif;
}
#sidebar .outerborder{
	background:#fff; 
	padding:1px;
}
#sidebar .innerborder{
	background:#bcbcbc; 
	padding:4px;
}
#sidebar .product-imx-bgr{
	background:#fff url(../images/bgrimx-sidepanel-product.jpg) no-repeat top;
}
#sidebar .product-pad{
	padding-top:170px;
}
#sidebar .contact{
	font-family:Arial, Helvetica, sans-serif;
	padding:20px 10px 10px 20px;
	padding-bottom:20px;
	font-size:70%;
	background:#fff url(../images/icon_sidebar_contact.png) no-repeat bottom right;
}
#sidebar h3{
	font-size:125%;
	color:#1b266a;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	border-bottom:solid 1px #ddd;
	padding-bottom:2px;
}
.sidebarbtn a, .sidebarbtn a:visited {
	font-size:90%;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/btn_off.gif);
	line-height:25px;
	color:#fff;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:115px;
	text-align:center;
	display:block;
}
.sidebarbtn a:hover {
	background:url(../images/btn_over.gif);
	color:#3e623c;
}
/* S I D E B A R    N A V
*****************************/
#menu2 {
	list-style:none;
	font-size:70%;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-bottom:20px;
	letter-spacing:0.05em;
}
#menu2 li a{
	display:block;
	text-decoration:none;
	padding:5px 20px;
	color:#555;
	border-bottom:solid 1px #fff;
	background:url(../images/sidebar_arr_off.gif) no-repeat 10px 10px;
}
#menu2 li a:hover{
	border-bottom:dashed 1px #bcbbba;
	background:#f3f3f3 url(../images/sidebar_arr_over.gif) no-repeat 10px 10px;
}




/* M A I N   C O N T E N T
************************************/
#mainContent { 
	margin: 0 282px 0 0;
	padding:0 40px;
	border: 10px solid #fff;
	background:#fff url(../images/bgrpagehdl.jpg) no-repeat top center;
} 
#mainContent h1 {
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:40px 0 50px 0;
	text-transform:uppercase;
	font-size:150%;
	letter-spacing:0.3em;
} 
#mainContent .subh1 {
	color:#666;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:30px 0 20px 0;
	text-transform:uppercase;
	font-size:150%;
	letter-spacing:0.2em;
	border-bottom:solid 1px #666;
	margin-bottom:30px;
	font-weight:bold;
} 
#mainContent .hilite {
	margin-right:20px;
	padding-left:160px;
	text-align:justify;
	font-size:75%;
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
	line-height:1.5em;
	min-height:150px;
} 
#mainContent .icon-about {
	background:url(../images/icon_clock.png) no-repeat;
} 
#mainContent .icon-qua {
	background:url(../images/icon_qua.png) no-repeat;
} 
#mainContent .icon-cust {
	background:url(../images/icon_cust.png) no-repeat;
} 
#mainContent .content {
	font-size:80%;
	font-family:Verdana, Geneva, sans-serif;
	line-height:1.5em;
} 
#mainContent .content ul {
	margin-left:40px;
} 
#mainContent .content p {
	margin:10px 0;
} 


/* GALLERY SETUP
************************/
div #galleryContainer {
	overflow: hidden; 
}
#galleryContainer ul#portfolio { 
	float: left; 
	list-style: none; 
}
#galleryContainer ul#portfolio li { 
	border: 1px solid #666; 
	float: left; 
	margin-right: 10px; 
	width: 262px;
	height:175px;
}
#galleryContainer ul#portfolio li img{ 
	border:solid 1px #ccff66;
}




/* C O N T A C T 
************************************/
#contContainer {
	background:url(../images/contact_bgrimx.jpg) no-repeat;
	height:330px;
}
#contContainer #contInfo {
	background:url(../images/contact_bgrinfo.png) no-repeat;
	width:252px;
	height:170px;
	font-size:75%;
}
.cont_addl {
	background:url(../images/contact_bgradd.gif) no-repeat top left;
	height:140px;
	width:290px;
}
.cont_addr {
	background:url(../images/contact_bgradd.gif) no-repeat top right;
	height:140px;
	width:260px;
}
.flag {
	padding:26px 0 0 20px;
	font-size:75%;
}
.flag_de {
	background:url(../images/contact_de.gif) no-repeat top left;
}
.flag_sg {
	background:url(../images/contact_sg.gif) no-repeat top left;
}
.flag_ml {
	background:url(../images/contact_ml.gif) no-repeat top left;
}
.flag_th {
	background:url(../images/contact_th.gif) no-repeat top left;
}




/* R E T U R N   T O P
************************************/
.totop {
	margin-top:50px;
	margin-left:480px;
	font-size:70%;
	font-family:sans-serif;
	background-image:url(../images/arr_totop.gif); 
	background-repeat:no-repeat; 
	background-position:left;
	padding-left:8px;
}
.totop a:hover{
	color:#666;
	text-decoration:underline;
}




/* F O O T E R
************************************/
#footerContainer {
	margin-top:30px;
	padding: 20px; 
	background:#ebebeb; 
} 
#footer {
	width: 932px;
	margin: 0 auto; 
	text-align: left;
	font:75% Tahoma, Geneva, sans-serif;
	color:#666;
}
#footer a:link, a:visited{
	color:#666;
}
#footer a:hover{
	color:#666;
}
#footer .dash {
	padding:0 6px;
}
#footer .focus {
	padding-top:7px;
	font-size:90%;
	color:#999;	
}
#footer .focus a:link, #footer .focus a:visited {
	color:#999;	
}



/* C A R E E R 
************************************/
.careerContainer {
	font-size:90%;
	color:#666;
	margin-bottom:40px;
} 
.careerContainer .jobName {
	font-weight:bold;
	border-bottom:dashed 1px #dfdfdf;
	margin-bottom:5px;
	padding-bottom:5px;
} 
.careerContainer .jobDept {
	color:#666;
} 
.careerContainer .jobDetail {
	margin:10px 0 0 0;
	padding:10px;
	border:1px solid #dfdfdf;
	background:#f7f7f7;
	border-bottom:none;
} 
.careerContainer .jobApply {
	text-align:right;
	padding:8px 47px 0 0;
	height:29px;
	background:#f7f7f7;
	background:url(../images/career_bgr_applybtn.gif) no-repeat top;
	font-size:80%;
} 
.careerContainer .jobExpires {
	font-size:80%;
	color:#999;
} 





/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
ul#menu {padding:0; list-style:none; text-align:center; margin:0 auto; font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; height:35px; width:1000px; position:absolute; left:165px; top:94px; text-transform:uppercase; font-weight:bold}
ul#menu ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px;}
ul#menu table {border-collapse:collapse; font-size:1em; float:left; margin:-1px;}

ul#menu ul li {float:left; margin:0; text-align:left;}
ul#menu ul li a {display:block; line-height:20px; margin:0; padding:0 10px; background:transparent; width:150px;}

ul#menu li {display:inline; margin:0 -2px; text-align:left;}
ul#menu li a {display:inline-block; height:30px; margin:5px 0 0 0;padding:0 20px 0 0; background:url(../images/button.gif) right top; line-height:30px; text-decoration:none; color:#fff;}
ul#menu li a.sub {background:url(../images/button-arrow.gif) right top;}

html>/**/body ul#menu li {display:inline-block; padding:0;}

* html ul#menu li a.sub {margin-right:3px;}
* html ul#menu li a {margin-bottom:-4px;}

ul#menu li a b {display:block; height:30px; float:left; padding:0 0 0 20px; background:url(../images/button.gif) left top; cursor:pointer;}

ul#menu li a:hover {position:relative; background-position:right bottom; color:#fff;}
ul#menu li a:hover b {background-position:left bottom;}

ul#menu li:hover {position:relative;}
ul#menu li:hover > a {background-position:right bottom; color:#333; line-height:30px;}
ul#menu li:hover > a b {background-position:left bottom;}

ul#menu :hover ul {left:1px; width:105px; top:34px;}
* html ul#menu :hover ul {top:30px;}

ul#menu :hover ul li .top{display:block; float:left; margin:0; border-top:2px solid #ccff66; border-right:1px solid #fff; border-left:1px solid #fff;}
ul#menu :hover ul li .mid{display:block; float:left; margin:0; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff;}
ul#menu :hover ul li .bot{display:block; float:left; margin:0; border:1px solid #fff;}

ul#menu :hover ul li a {display:block; float:left; margin:0; height:34px; line-height:34px; width:180px; background:#ddd; color:#444;}
ul#menu :hover ul li a.fly {background:#ddd url(../images/arrow.gif) no-repeat right center;}
ul#menu :hover ul li a:hover {background:#7a9400; color:#fff;}
ul#menu :hover ul li:hover > a {background:#7a9400; color:#fff;}

ul#menu :hover ul li a.fly:hover {background:#7a9400 url(../images/arrow-over.gif) no-repeat right center;}
ul#menu :hover ul li:hover > a.fly {background:#7a9400 url(../images/arrow-over.gif) no-repeat right center;}

ul#menu :hover ul ul {left:-9999px;}

ul#menu :hover ul :hover ul {left:105px; top:0; width:150px;}

ul#menu :hover ul :hover ul li {display:block; float:left; margin:0; border-bottom:1px solid #fff;}
ul#menu :hover ul :hover ul li a {display:block; float:left; margin:0; height:25px; line-height:25px; background:#bbb; color:#000;}
ul#menu :hover ul :hover ul li a:hover {color:#fff; background:#840;}