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

* { margin:0; padding:0; }
body{ font-family:'DIN-Regular'; margin:0; padding:0; letter-spacing:0em; background:#FFF;}
img { border:none; margin:0; padding:0; }	
a{ border:none; text-decoration:none; }
ul, li{ list-style:none; }
h1, h2, h3, h4, h5{ font-weight:normal; }

#wrapper{ width:1000px; height:100%; margin:0 auto; background:#FFF; }
.left{ float:left; }
.right{ float:right; }
.marginRight{ margin-right:15px; }
.borderbtm{ border-bottom:1px solid #CCC; }
.bordertop{ border-top:1px solid #CCC; }
.marginPadding{ margin-top:20px; padding:20px 0;}
.noborder{ border:none !important; }
.nomargin{ margin:0 !important; }
.fullwidth{ width:100% !important; }

/*===============
|	HEADER		|
===============*/

.header{ width:1000px; height:130px; margin:0 auto; padding:0; background:#FFF; }
.headerDiv{ background:#FFF url(../images/header_div.png) bottom no-repeat; }
#logo{ float:left; width:150px; height:105px; margin:25px 0 0 60px; }

/*---------------
|	Navigation	|
----------------*/

.navTop{ float:right; width:50%; margin:25px 50px 0 0; }
.navTop ul { float:right; margin:0; padding:3px 10px; font-size:12px; }
.navTop ul li{ display:inline-block; margin:0 5px; }
.navTop ul li a{ color:#333; }
.navTopDivider{ color:#666; font-size:10px; }

.group:after{ visibility: hidden; display: block; content: ""; clear: both; height: 0; }
*:first-child+html .group { zoom:1; } /* IE7 */

#navTitle{ margin:0; position:relative;}
#navTitle li{ margin:0; display:inline-block; }
#navTitle li ul{ visibility:hidden; position:absolute; z-index: 2; }
#navTitle li a { display:block; float:left; padding-top:3px; margin:0; color:#333; font-size:12px; }

#magic-line { position:absolute; top:0; left:0; width:100px; height:3px; background-color:#F00; }
.current_page_item{ color:#333 !important; }
.group  li img{ vertical-align:auto; margin-right:5px; }
.nav{ float:right; margin:15px 50px 0 0; padding:0 15px; position:relative; }
.navSpace{ float:left; width:20px; height:1px; }
#navSub{ width:150px; position:relative; margin:18px 0 0; padding:0; }
#navSub li{ display:block; z-index:1; }
#navSub li a{ text-align:left; color:#fff; width:90px; font-size:10px; font-weight:normal; background-color:#333; display:block; margin:0; padding:6px 10px; border-top:1px #444 solid; border-left:3px #333 solid; }
#navSub a:hover{ border-left:3px #F00 solid; }

/*---------------
|	Slider		|
----------------*/
#sliderWrapper{ width:1000px; height:auto; margin:0 auto; }

/*===============
|	CONTENT		|
===============*/
.contentWrapper{ float:left; width:1000px; height:auto; margin:0 auto; padding:20px 0 0; background:#FFF; display:block; }
.ctnt_journey{ background:url(../images/ctnt_journey.jpg) bottom center no-repeat #FFF; }
.ctnt_business{ background:url(../images/bg_gradient.jpg) bottom repeat-x #FFF; }
.ctnt_people{ background:url(../images/ctnt_people.jpg) bottom center no-repeat #FFF; }
.ctnt_growth{ background:url(../images/ctnt_growth.jpg) bottom center no-repeat #FFF; }

/*---------------
|	Sidebar		|
----------------*/
.sidebar{ float:left; width:210px; min-height:280px; margin-left:60px;}
.sidebar h4{ font-family:'DIN-Medium'; font-size:17px; }
.sidebar ul li.selected{ background:url(../images/side_nav2.png) no-repeat; }
.sidebar ul li.selected a{ color:#FFF; }
.sidebar ul li{ width:154px; height:20px; margin:5px 0 0; padding-top:2px ; background:url(../images/side_nav1.png) no-repeat; display:block; font-size:12px; }
.sidebar ul li a{ color:#666; }
.sidebar ul li img{ margin:0 10px; }
.sidebar ul li.double{ height:35px; background:url(../images/side_navb1.png) no-repeat; line-height:14px; }
.sidebar ul li.doubleSelected { height:35px; background:url(../images/side_navb2.png) no-repeat; }
.sidebar ul li.doubleSelected a{ color:#FFF; }
.sideNavSpacing{ margin-left:25px; }
.sidebar ul li.sideSub{ width:115px; height:18px; margin:0 0 0 25px; border-bottom:1px solid #EEE; background:none; font-size:11px; color:#555; }
.sidebar ul li.subSelected{ font-family:'DIN-Medium'; }
.sidebar ul li.noborder{ border:none; }
.sidebar ul li.sidebarFont{ font-size:11px; }

.sideLink{ float:left; width:160px; height:170px; padding:10px 0; display:block; margin:30px 0; border-top:1px solid #BCBCBC; }
.sideLink p{ color:#333; font-size:10px; }
.sideWrap{ width:100%; margin:10px 0; }
.sideView{ margin-left:20px; background:url(../images/side_view.png) no-repeat; }
.sideView a{ padding-left:5px; color:#FFF; font-size:8px; }
.sideImg{ position:absolute; margin:50px 0 0 55px; }

.sideLink_contact{ width:150px; height:150px; background:url(../images/side_box1.png) no-repeat bottom;}
.sideLink_contact h4{ margin:30px 0 5px 20px; font-family:'DIN-Regular'; }
.sideLink_contact p{ width:70px; margin:0 0 10px 20px; }

/*---------------
|	Contents	|
----------------*/
.ctntHeader{ float:left; width:710px; height:250px; }
.ctntHeader h1{ position:relative; margin:140px 0 0 66px; font-family:'DIN-Regular', sans-serif; font-size:28px; color:#FFF; line-height:1.1em; }
.ctntHighlight{ color:#D9272E; }
.ctntImg{ position:absolute; margin:115px 0 0 40px; }
.ctnt_career{ background:url(../images/ctnt_career.jpg) no-repeat; }
.ctnt_contact{ background:url(../images/ctnt_contact.jpg) no-repeat; }
.ctnt_about{ background:url(../images/ctnt_about.jpg) no-repeat; }
.ctnt_vision{ background:url(../images/ctnt_vision.jpg) no-repeat; height:170px; }
.ctnt_corporate{ background:url(../images/ctnt_corporate.jpg) no-repeat; height:170px; }
.ctnt_milestone{ background:url(../images/ctnt_milestone.jpg) no-repeat; }
.ctnt_csr{ background:url(../images/ctnt_csr.jpg) no-repeat; }
.ctnt_trading{ background:url(../images/ctnt_trading.jpg) no-repeat; }
.ctnt_manufacturing{ background:url(../images/ctnt_manufacturing.jpg) no-repeat; }
.ctnt_property{ background:url(../images/ctnt_property.jpg) no-repeat; }
.ctnt_hospitality{ background:url(../images/ctnt_hospitality.jpg) no-repeat; }
.ctnt_transportation{ background:url(../images/ctnt_transportation.jpg) no-repeat; }
.ctnt_financial{ background:url(../images/ctnt_financial.jpg) no-repeat; }
.ctnt_future{ background:url(../images/ctnt_future.jpg) no-repeat; }
.ctnt_news{ background:url(../images/ctnt_news.jpg) no-repeat; }
.ctnt_leader{ background:url(../images/ctnt_leader.jpg) no-repeat; }
.ctnt_readyMixed{ background:url(../images/ctnt_ready_mixed_concrete.jpg) no-repeat; }
.ctnt_lightweight{ background:url(../images/ctnt_lightweight_aac.jpg) no-repeat; }
.ctnt_precast{ background:url(../images/ctnt_precast_concrete.jpg) no-repeat; }
.ctnt_mesh{ background:url(../images/ctnt_mesh_steel_bar.jpg) no-repeat; }
.ctnt_roofing{ background:url(../images/ctnt_roofing.jpg) no-repeat; }

.ctnt_vision h1{ margin-top:123px; line-height:1em; }
.content.clm2 p{ width:220px; }
.corporateValues{ margin-left:20px; }

.content{ float:left; width:470px; margin:10px 0 50px 65px; color:#666; }
.contentWide{ width:480px; margin:10px 0 50px 25px; }
.content h3{ margin-bottom:5px; font-size:15px; font-family:'DIN-Medium'; color:#444; }
.content h1{ margin-bottom:30px; padding-bottom:30px; border-bottom:2px solid #CCC; color:#28176B; font-size:35px; font-family:'DIN-Bold'; line-height:1em; }
.content h4{ font-family:'DIN-Medium'; margin-bottom:10px; color:#333; }
.content h5{ margin:-5px 0 10px; font-family:'DIN-Medium'; font-size:12px; font-style:oblique; color:#28176B; }
.content .red{ font-size:14px; font-family:'DIN-Regular'; color:#D9272E; }
.content p{ font-size:12px; line-height:20px; }
.content div.address{ float:left; width:480px; margin-bottom:20px; }
.content p.company{ color:#28176B; font-family:'DIN-Bold'; }
.content p.company img{ margin-right:15px; }
.content p.address{ float:left; width:275px; padding-left:20px; border-right:1px solid #CCC; }
.content p.contact{ float:left; width:165px; padding-left:15px; }
.content .contactSectors{ float:left; width:177px; height:15px; margin:20px 0 8px; padding:5px 10px; font-size:13px; color:#FFF; background:url(../images/bar_leader.jpg) right no-repeat; }
p.addressPlants{ float:left; width:300px; padding-left:20px; border:none; }

.aboutnumber li, .aboutlist li{ width:100%; font-size:12px; }
.aboutnumber li{ margin:3px 0 15px 18px !important; list-style-type:decimal; }
.aboutlist{ margin-top:-15px; }
.aboutlist li{ margin:5px 0 0 35px !important; list-style:disc; }
.temp_addUpdate{ position:absolute; margin:35px 0 0 35px; }

.image{ float:left; width:217px; }
.leader{ float:left; width:230px; margin:30px 0 10px 20px; }
.leader h1{ width:100px; margin:0 0 10px; padding:0; font-family:'DIN-Bold'; font-size:26px; color:#B4B4B4; border:none; }
ul li div.leader h4, .sectorsWrapper h4{ margin:10px 0; color:#28176B; }

div.sectorsGrouping{ float:left; display:block; }
div.sectorsWrapper{ float:left; width:235px; margin:30px 0 0; }
.sectorsWrapper h1{ margin:15px 0; padding:0; font-family:'DIN-Medium'; font-size:26px; color:#B4B4B4; border:none; }
.sectorsWrapper p{ width:200px; }
div.sectors{ float:left; width:177px; height:19px; padding:3px 10px; color:#FFF; background:url(../images/bar_leader.jpg) right no-repeat; }
div.sectorsLong{ width:200px; height:16px; margin:10px 0 5px; padding:4px 20px;font-size:13px; }

.content ul li div.clm2p{ float:left; width:280px; margin:0 0 20px 25px; }
.content ul li div.clm2p h3{ margin-bottom:1px; }
.content ul li div.clm2p img{ margin-bottom:6px; }

#milestone p{ margin-bottom:25px; }
.milestone h3{ float:left; margin:0; padding:0; color:#28176B; font-family:'DIN-Medium'; font-size:16px; }
.mileHL{ padding:15px; color:#FFF; background:#D31C24; }
img.mileDiv{ position:absolute; margin:20px 0 0 -319px; }
img.mileDiv2{ position:absolute; margin:20px 0 0 -161px; }
div.coda-nav ul li{ margin:5px 0 0; } 
.coda-slider h1, .coda-slider h3{ text-align:center; border:none; }
.coda-slider h1{ margin:0 0 20px; padding:0; }
.coda-slider h3{ margin:20px 0 -3px; } 
.coda-slider .year{ font-family:'DIN-Medium'; font-size:18px; }
.coda-slider p{ margin:0; }
.coda-slider div.left{ float:left; width:205px; padding:0 20px 0; }
.coda-slider div.right{ float:left; width:205px; padding:35px 0 0 20px; border-left:1px solid #CCC; }

.trading_img{ margin:10px 0 0 90px; position:absolute; }
div.trading_location{ width:480px; height:300px; margin-bottom:30px; position:relative; border-bottom:1px solid #CCC; font-size:12px; }
div.trading_location a{ color:#333; }
div.trading_location p{  }
.kedah{ margin:62px 0 0 48px; }
.penang{ margin:10px 0 0 42px; }
.perak{ margin:31px 0 0 73px; }
.kl{ margin:55px 0 0 56px; }
.melaka{ margin:8px 0 0 123px; }
.muar{ margin:-2px 0 0 160px; }
.kelantan{ margin:-202px 0 0 303px; }
.terengganu{ margin:28px 0 0 337px; }
.kuantan{ margin:50px 0 0 360px; }
.mentakab{ margin:-3px 0 0 326px; }
.jb{ margin:58px 0 0 390px; }

div.plantsAddress{ float:left; width:420px; margin:20px 0; padding:20px; background:#DADADA; }
div.plantsAddress h4{ width:150px; font-family:'DIN-Regular'; font-size:13px; }
div.plantsAddress h4 img{ margin-right:8px;}
div.plantsAddress select{ width:185px; border:1px solid #CCC; background:#FFF; }
div.plantsDownload{ float:left; width:180px; margin:-20px 0 0 30px; padding-left:20px; border-left:1px solid #CCC; }
div.plantsDownload img, div.plantsDownload p{ float:left; }
div.plantsDownload p{ width:120px; margin-left:10px; line-height:1.3em; color:#333; font-size:11px; }

h3.plantsTitle{ margin:-20px 0 13px !important; padding:50px 20px 5px; border-bottom:2px solid #CCC; color:#28176B; }

p.hotelTitle{ margin-top:20px; padding:20px 0 5px; font-family:'DIN-Medium'; font-size:13px; border-top:2px solid #CCC; }
	
.products{ float:left; width:225px; margin-bottom:25px; border:1px solid #CDCDCD; }
.products p{ line-height:1.3em; } 
.productName{ float:left; width:205px; padding:5px 10px; background:#F0F0F0; font-family:'DIN-Medium'; font-size:12px; }
.productInfo{ float:left; height:200px; padding:10px; border-top:1px solid #CDCDCD; }
.productInfo img{ margin-bottom:12px; }
.productInfoBrief{ float:left; height:auto; padding:10px; border-top:1px solid #CDCDCD; }

.manuBox{ float:left; width:160px;}
.manuBoxS{ width:140px; }
ul.manulist{ float:left; width:210px; margin:0 0 20px 18px; font-size:13px; }
ul.manulist li{ margin:5px 0!important; padding:0; list-style-type:disc; }
li.manuWrapper{ float:left; width:142px; height:auto; margin-bottom:20px; border:1px solid #CDCDCD; }
li.manuWrapper img{ padding:9px; }
.manuName{ width:133px; padding:5px 0px 5px 9px; font-size:12px; font-family:'DIN-Medium'; background:#F0F0F0; border-bottom:1px solid #CDCDCD; }

.content3clm{ margin:20px 0; }
.content3clm ul{ width:147px; display:inline-block; font-family:'DIN-Medium'; font-size:12px; color:#D9272E; vertical-align:text-top; }
div.content3clm ul li{ margin:5px 0 5px 13px; font-family:'DIN-Regular'; color:#666; vertical-align:text-top; list-style-image:url(../images/nav1.png); }
.content3clm_mrpx{ margin-right:10px; } 

.financialStat{ float:left; margin:30px 0; }
.financialStat .financialGroup{ position:absolute; }
.financialStat .title{ top:2px; left:10px; position:relative; color:#FFF; font-size:13px; }
.financialStat h1{ margin:-30px 0; font-family:'DIN-Bold'; font-size:140px; letter-spacing:-14px; }
.financialStat ul li{ float:left; width:155px; }
.financialStat ul li h2{ margin:-20px 0 -15px; font-family:'DIN-Bold'; font-size:70px; } 
.financialGraph{ float:left; margin:10px 0; padding:50px 0 0; border-top:1px solid #666; }

div.newsWrapper ul li{ margin:0 0 25px; }
.date{ float:left; width:45px; padding:7px 0 3px; background:#666; color:#FFF; font-size:17px; line-height:1em; text-align:center; }
.news{ float:left; width:470px; }

.content ul li{ float:left; margin:30px 0 0; }
.content ul li h4{ margin:2px 0 -4px 0; font-family:'DIN-Medium'; color:#28176B; }
.content ul li h5{ margin:5px 0 3px; font-family:'DIN-Medium'; color:#D9272E; font-size:12px; }
.content ul li img.image { float:left; width:auto; }
.content ul li div.title { float:left; width:215px; }
.content ul li div.text { float:left; width:241px; margin-left:15px; }

.rows, .row1, .row2, .row3{ float:left; }
.rows{ margin:20px 0 10px; }
.row1{ width:140px; }
.row2{ width:175px; }
.row3{ width:155px; } 
.rows p.marTop{ margin-top:80px; } 
.rows p a{ padding:3px 30px 2px 8px; color:#FFF; font-size:12px; background:url(../images/sitemap.jpg) no-repeat right; }
.rows li{ margin-left:8px; list-style-image:url(../images/arrow_grey.png); }
.rows li a{ color:#333; font-size:12px; }
.rows li.subNav{ width:100px; margin-left:20px; list-style-image:none; font-family:'DIN-Medium'; border-bottom:1px solid #CCC; }
.rows li.subNavBtm{ margin-bottom:6px; border:none; }

img.metexStarken{ margin-left:-7px; }

.map_hq{ float:right; width:150px; margin:-180px 0 0 0; }
form{ float:left; }
form .desc{ font-family:"DIN-Medium"}
.location{ float:left; margin:20px 0 0 30px; }
.location h5{ font-family:'DIN-Medium'; }
.location img{ margin: 3px 0; }
.location p{ margin:0 0 15px; }

.font9px{ font-size:9px; }
p.font9px{ font-size:9px; }
.font10px{ font-size:10px; }
p.font10px{ font-size:10px; }
.font12px{ font-size:12px; }
p.font12px{ font-size:12px; }

h3.font20px{ font-size:20px; }

/*===============
|	INDEX		|
===============*/
#indexFooterWrapper{ width:1000px; margin:545px auto 0; position:absolute; }
.indexFooter{ float:left; width:1000px; height:140px; margin:0 auto; padding:0; display:block; background:#FFF; }
ul.navFooter{ margin:0 0 20px 60px; padding-top:15px;}
ul.navFooter li{ width:157px; height:29px; margin-right:24px; display:inline-block; background:url(../images/footer_nav.png) no-repeat; }
ul.navFooter li a{ margin-top:7px; padding-left:10px; color:#666; font-size:12px; display:block; }

.subFooter{ height:80px; }
.footer{ float:left; width:1000px; margin:0; border-top:3px solid #989898; }
.footer p{ float:left; width:200px; margin:10px 0 0 60px; font-size:10px; color:#666; letter-spacing:0em;}
.footer p a{ color:#666; }
.footer ul { float:right; margin:15px 60px 0 0; font-size:10px; color:#666;}
.footer ul li{ display:inline; margin:0 10px; }
.footer ul li a{ color:#666;}

/*===============
|	FONTS		|
===============*/
.dinBold{ font-family:'DIN-Bold'; }
.dinMedium{ font-family:'DIN-Medium'; }

@font-face {
    font-family: 'DIN-Regular';
    src: url('../font/din-regular/din-regular.eot');
    src: url('../font/din-regular/din-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/din-regular/din-regular.woff') format('woff'),
         url('../font/din-regular/din-regular.ttf') format('truetype'),
         url('../font/din-regular/din-regular.svg#din-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN-Medium';
    src: url('../font/din-medium/din-medium.eot');
    src: url('../font/din-medium/din-medium.eot?#iefix') format('embedded-opentype'),
         url('../font/din-medium/din-medium.woff') format('woff'),
         url('../font/din-medium/din-medium.ttf') format('truetype'),
         url('../font/din-medium/din-medium.svg#din-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN-Bold';
    src: url('../font/din-bold/din-bold.eot');
    src: url('../font/din-bold/din-bold.eot?#iefix') format('embedded-opentype'),
         url('../font/din-bold/din-bold.woff') format('woff'),
         url('../font/din-bold/din-bold.ttf') format('truetype'),
         url('../font/din-bold/din-bold.svg#din-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}