@charset "utf-8";
/* CSS Document */
<!--
*{
	/* Universal CSS reset */
	margin:0;
	padding:0;
}
body {
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-color:#1c0000;
	margin: 0px;
}
.shadowSTRONG {
	font-size:14px;
	color : #FFF;
	text-shadow: 1px 2px 1px #5D0B0B;
}
.shadow {
	font-size:10.5px;
	color : #c00000;
	text-shadow: 2px 2px 2px #000;
}
.small {
	font-size: 11px;
	text-shadow: 1px 1px 1px #000;
}
.big {
	font-size: 18px;
	font-family:"Times New Roman", Times, serif;
	text-shadow: 1px 1px 1px #000;
}
h1.insetType {
  font-family: Rockwell, Georgia, "Times New Roman", Times, serif;
  padding-right:5px;
  font-size: 34px;
  margin:10px 0 12px 0;
  color: #fff;
  text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
}
.bg-main { background:url(../images/bg-main.gif) no-repeat; }
.bg-main3 { background:url(../images/bg-main3.gif) no-repeat; }
.bg-products { background:url(../images/products.png) center top no-repeat; }
.bg-location { background:url(../images/slideout/malaysia-map.png) center top no-repeat; }
.banner1 { background:url(../images/banner/1.jpg) no-repeat; }


*{outline: none;}
img {border: 0;}
.container {
	width: 758px;
	padding: 0;
	margin: 0 auto;
}
.folio_block {
	position: absolute;
}


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;margin-top:-14px;
}
/*--Window/Masking Styles--*/
.window {
	height:396px;	width: 758px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 10px; right: -7px;
	width: 178px; height:47px;	
	background: url(../images/paging_bg2.png) no-repeat;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold; 
	background: #920000; 
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}

/* SLIDER profil */


/* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */
		
		.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
		.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
		.easy-accordion dt,.easy-accordion dd{position:absolute}
		.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;}
		.easy-accordion dd{z-index:1;opacity:0;overflow:hidden}
		.easy-accordion dd.active{opacity:1;}
		.easy-accordion dd.no-more-active{z-index:2;opacity:1}
		.easy-accordion dd.active{z-index:3}
		.easy-accordion dd.plus{z-index:4}
		.easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
		 
		 
		/* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
		
		dd p{line-height:120%; font-size:14px;}
		
		#accordion-3{width:750px;height:302px;padding:0px;}
		#accordion-3 h2{font-size:1.5em;margin-top:5px;text-shadow: 1px 2px 1px #5D0B0B;}
		#accordion-3 dl{width:750px;height:302px}	
		#accordion-3 dt{ 
		height:48px;line-height:44px;
		text-align:right;
		padding:2px 20px 2px 2px;
		font-size:1.1em;font-weight:bold;
		font-family: Arial;
		text-transform:uppercase;
		letter-spacing:1px;
		background:url(../images/slide-title-inactive-2.gif) no-repeat;
		color:#fff;
		text-shadow: 1px 2px 1px #000;
		}
		#accordion-3 dt.active{
		cursor:pointer;color:#fff;
		background: url(../images/slide-title-active-2.gif) 0 0 no-repeat; margin:0px;
		}
		#accordion-3 dt.hover{color:#fff;}
		#accordion-3 dt.active.hover{color:#fff}
		#accordion-3 dd{ 
		padding:10px;background:url(../images/slide.gif) bottom left repeat-x; border:1px solid #5f0000;
		margin-right:5px; margin-left:0; color:#fff;}
		#accordion-3 .slide-number{color:#68889b;left:13px;font-weight:bold}
		#accordion-3 .active .slide-number{color:#fff}
		#accordion-3 a{color:#fff;}
		#accordion-3 dd img{margin:-11px 0 0 0px; padding-left:10px;padding-right:10px;}
-->


/* */
.slideOutTip{
	/* The main wrapping div of the slideout tips */
	position:absolute;
	padding:3px;
	top:0;
	left:0;	
	background:url(../images/slideout/bg.png) repeat;
	font-size:13px;
	color:white;
	overflow:hidden;
	height:22px;
}

.slideOutTip:hover{
	/* Applying a CSS3 outer glow on hover */
	-moz-box-shadow:0 0 1px #999;
	-webkit-box-shadow:0 0 1px #999;
	box-shadow:0 0 1px #999;
}

/* The holder for the title and the icon: */
.tipVisible{ cursor:pointer; height:22px; }

.tipTitle{
	float:left;
	font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	white-space:nowrap;
	line-height:22px;
	padding-right:5px;
}

.tipIcon{
	width:20px;
	height:20px;
	float:left;
	background-color:#61b035;
	border:1px solid #70c244;
	margin-right:8px;
	
	/* CSS3 Rounded corners */
	
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
}

/* Three color themes */
.green .tipIcon{ background-color:#61b035; border:1px solid #70c244; }
.blue .tipIcon{ background-color:#1078C7; border:1px solid #1e82cd; }
.red .tipIcon{ background-color:#CD3A12; border:1px solid #da421a; }
.yello .tipIcon{ background-color:#beb11f; border:1px solid #7c730c; }
.cyan .tipIcon{ background-color:#54c3c7; border:1px solid #267679; }


.plusIcon{
	/* The plus icon */
	width:13px;
	height:13px;
	background:url('../images/slideout/plus.gif') no-repeat center center;
	margin:4px;
	
	/* Defining a CSS3 animation. Currently only works in Chrome and Safari */
	-webkit-transition: -webkit-transform 0.2s linear;
	-moz-transition: -moz-transform 0.2s linear;
	transition: transform 0.2s linear;
}

.slideOutTip.isOpened{ z-index:10000; }

.slideOutTip.isOpened .plusIcon{
	/* Applying a CSS3 rotation  to the opened slideouts*/
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

/* Special rules for the left and top - opening versions */

.openLeft .tipIcon{
	/* Floating the title and the icon to the right */
	margin:0 0 0 8px;
	float:right;
}
.openLeft .tipTitle{ float:right; padding:0 0 0 5px; }
.openLeft .slideOutContent{ margin-top:22px; }
.openLeft.openTop .slideOutContent{	margin-top:0; }


.slideOutContent{
	/* Hiding the div with the slide out content: */
	display:none;
	padding:10px;
	font-size:11px;
}

/* Hiding the original paragraphs if they have not been replaced (JS disabled): */

.main > p{ display:none; }



/* The styles below are only necessary for the styling of the demo page: */

.main{
	height:400px;
	margin:0px auto;
	position:relative;
	width:750px;
}

.spaceBottom{
	margin:0 65px 10px; border: dotted 1px #FFFFFF; padding:10px;
}

.spaceTop{
	margin:10px 0 0;
}
.clear{
	clear:both;
}

p.tutInfo{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}

/* */

/***************************************************
			CONTACT
***************************************************/
form,label{
	padding-left:3px;
	margin:0px;
	border:0;
	font-weight:inherit;
	font-family:Arial, Helvetica, sans-serif;

	font-size: 12px;
	line-height: 17px;
	font-variant: inherit;
	outline: 0; 
}
#contact_form {
	width: 420px;
	margin: 0px;
	float: left;
	padding: 7px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 7px;
	background-color: #191919;
}
.success { 
	padding: 20px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	background-color: #191919; 
}
.error {
	color: #fff;
	font-size: 11px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#contact_form  li {
	float: left;
	margin-bottom:10px;
	position: relative;
	height:45px;
	list-style-type: none;
}
#contact_form  li.textarea {
	height:100px;
}
#contact_form  li.button {
	float: left;
	margin-bottom:10px;
	position: relative;
	height: 25px;
	list-style-type: none;
}
#contact_form input, textarea {
	width: 397px;
	margin-bottom: 10px;
	background-color: #202020;
	color: #666666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0F0F0F;
	border-right-color: #292929;
	border-bottom-color: #292929;
	border-left-color: #0F0F0F;
	padding: 8px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;	
}
#contact_form textarea {
	height: 72px;
	width: 407px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
	margin-bottom: 5px;
}
#contact_form input:focus, textarea:focus {
	color:#CCCCCC;
	background-color: #363636;
	border-right-color: #464646;
	border-bottom-color: #464646;
}
#contact_form input.submit {
	color: #FFFFFF; text-shadow:0 -1px 1px rgba(0,0,0,0.5);  
	background-image:url(../images/bg-submit-btn.gif); background-repeat:repeat-x;
	border:dashed 1px #650e0d;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 418px;
	margin: 0px;
	padding: 0px;
	height: 35px;
}
#contact_form .required {
	font-size: 11px;
	color: #ff9900;
}