/*
Theme Name: WM4
Theme URI: http://www.WM.com.my
Description: The WM Group Skin
Version: 1.0
Author: Kian Ann
Author URI: http://www.kianann.com/
*/

/* CSS Document */
body{
margin:0;
padding:28px 0 0;
font:12px/19px Arial, Helvetica, sans-serif;
color:#5E5E5E;
background:url(images/bg.gif) 0 0 repeat-x #FCFCFC;
}
div, p, h1, h2, h3, select, text area, ul, form, input{
margin:0;
padding:0;
}
img{
margin:0;
padding:0;
border:none;
}
ul{
list-style-type:none;
}
a{
outline:none;
color:#464545;
background-color:inherit;
}
.nobg{
background:none !important;
}
.nomrg{
margin:0 !important;
}
.spacer{
font-size:0;
line-height:0;
clear:both;
}

/* Container Panel	*/
#container{
width:790px;
margin:0 auto;
overflow:hidden;
height:100%;
border-left:solid 1px #ACACAC;
border-right:solid 1px #ACACAC;
border-top:solid 1px #ACACAC;
color:inherit;
background-color:#fff;
}

/* Header */
#header{
width:788px;
margin:0 auto;
overflow:hidden;
height:100%;
border:solid 1px #fff;
}
#header div.head{
position:relative;
padding:0 0 0 14px;
overflow:hidden;
height:100%;
}
#header img.logo{
float:left;
margin:0 48px 0 0;
}
#header p.phone{
position:absolute;
top:27px;
right:15px;
padding:0 0 4px 29px;
font-size:18px;
line-height:26px;
background:url(images/icon1.gif) 0 0 no-repeat;
color:#7A7A7A;
background-color:inherit;
}
#header div.caption{
position:relative;
border:solid 1px #C6C4C4;
}
#header div.caption.home{ background:url(bigpic/wmgroup.jpg) 0 0 no-repeat; }
#header div.caption.wenco{ background:url(bigpic/wenco.jpg) 0 0 no-repeat; }
#header div.caption.wengmeng{ background:url(bigpic/wengmeng.jpg) 0 0 no-repeat; }
#header div.caption.jurusanwa{ background:url(bigpic/jurusanwa.jpg) 0 0 no-repeat; }
#header div.caption.contact{ background:url(bigpic/contact.jpg) 0 0 no-repeat; }

#header div.caption #sec-menu {
margin:240px 0 0;
font-size:11px;
line-height:44px;
font-weight:bold;
padding-left: 29px;
background:url(images/headerbg_2.gif) 0 0 repeat-x;
color:#000000;
background-color:inherit;
}
#header div.caption #sec-menu a:link { color: #000000; text-decoration: none; }
#header div.caption #sec-menu a:visited { color: #000000; text-decoration: none; }
#header div.caption #sec-menu a:hover { color: #000000; text-decoration: underline; }


/* Navigation Panel */
#header ul{
float:right;
width:auto;
margin:70px 0 2px;
font-weight:bold;
}
#header ul li{
float:left;
width:auto;
margin:0 0 0 3px;
}
#header ul li a{
float:left;
width:auto;
height:30px;
padding:3px 12px 0 12px;
text-decoration:none;
border:solid 1px #AAAAAA;
background:url(images/navbg.gif) 0 0 repeat-x;
color:#000;
background-color:inherit;
font: normal 20px Impact, Arial, Helvetica, sans-serif;
}
#header ul li a:hover, #header ul li a.active{
border:solid 1px #000;
background:url(images/navhover.gif) 0 0 repeat-x;
color:#fff;
background-color:inherit;
}

/* Body Panel */
#bodypan { width:778px; margin:0 auto; padding:2px 7px 20px 7px; }

/* Left Panel */
#leftpan{ width:722px; float:left; padding:22px 0 0 22px; }
#leftpan h2{ padding:0 0 13px; font-size:20px; line-height:22px; font-weight:normal; color:#7D7D7D; background-color:inherit; }
#leftpan h2 em{
font-style:normal;
font-weight:bold;
color:#E42A00;
background-color:inherit;
}
#leftpan h2 em strong{
color:#202020;
background-color:inherit;
}
#leftpan h2 span{
font-size:12px;
line-height:16px;
font-weight:bold;
color:#5B5B5B;
background-color:inherit;
}
#leftpan p{
padding:0 0 15px;
}
#leftpan p.divi{
float:right;
padding:0 0 19px;
width:387px;
}
#leftpan h4{
font:normal 16px Arial, Helvetica, sans-serif;
background-color:inherit;
color:#272727;
margin:20px 0 0;
}
#leftpan ul{
margin:0 0 15px 15px;
list-style: disc;
}
#leftpan ul li{
padding:0 0 0 11px;
}
#leftpan ul li a{
text-decoration:none;
padding:0 0 0 4px;
font:bold 12px/24px Arial, Helvetica, sans-serif;
color:#5e5e5e;
background-color:inherit;
}
#leftpan .project{
float:left;
width:570px;
margin:35px 0 0 0;
}
#leftpan .project img.position{
margin:0 26px 0 0;
float:left;
width:auto;
}
#leftpan .project h5{
font:normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
width:auto;
color:#3c392e;
background-color:inherit;
float:left;
margin:0 0 20px 0;
}
/* Footer */
#footer{
width:100%;
margin:0 auto;
background:url(images/footbg.gif) repeat-x;
font-size:12px;
}
#footer div.wrapper{
width:792px;
padding:0 0 28px;
margin:0 auto;

}
#footer h3{
padding:4px 0 10px;
font-size:16px;
line-height:20px;
font-weight:bold;
color:#AC0101;
background-color:inherit;
}
#footer div.bottompan{
padding:0 7px 6px;
border-left:solid 1px #ACACAC;
border-right:solid 1px #ACACAC;
border-bottom:solid 1px #ACACAC;
color:inherit;
background-color:#fff;
}
#footer div.link{
height:100%;
overflow:hidden;
padding:0 0 16px;
border:solid 1px #F4F0D2;
color:inherit;
background-color:#FFFBDC;
}
#footer div.link_inside{
height:100%;
overflow:hidden;
padding:0 0 16px;
}
#footer div.inside{
padding:8px 12px 8px 9px;
height:100%;
overflow:hidden;
color:inherit;
background-color:#fff;
border:solid 1px #D1D1D1;
}
#footer div.inside img{
float:left;
margin:0 13px 4px 0;
}
#footer div.inside strong{
font-size:11px;
line-height:14px;
}
#footer div.inside p.text{
padding:8px 0 14px;
}
#footer a.more{
float:right;
width:auto;
font-weight:bold;
text-decoration:none;
padding:0 0 0 13px;
background:url(images/bulet.gif) 0 5px no-repeat;
color:#A90000;
background-color:inherit;
}
#footer a.more:hover{
color:#000;
background-color:inherit;
}
#footer div.inside p.date{
padding:0 0 2px;
font-size:13px;
line-height:15px;
font-weight:bold;
color:#9F3831;
background-color:inherit;
}
#footer div.news{
float:left;
width:301px;
padding:0 5px 0 15px;
}
#footer div.news p{
padding:0 0 14px;
}
#footer div.projects{
float:left;
width:301px;
padding:0 5px 0 15px;
font-size:11px;
line-height:15px;
}
#footer div.projects p{
padding:0 0 4px;
}
#footer div.projects p.line{
margin:0 0 4px;
padding:11px 0 0;
font-size:0;
line-height:0;
background:url(images/line.gif) 0 4px repeat-x;
}
#footer div.services{
float:right;
width:216px;
}
#footer div.services ul{
margin:0 8px 0 0;
padding:7px 9px 12px 12px;
border:solid 1px #D1D1D1;
height:100%;
overflow:hidden;
color:#8D8D8D;
background-color:#fff;
}
#footer div.services ul li{
padding:0 0 0 11px;
font-weight:bold;
background:url(images/listbg_1.gif) 0 50% no-repeat;
}
#footer div.services ul li a{
display:block;
text-decoration:none;
padding:0 0 0 4px;
line-height:26px;
height:26px;
background:url(images/listbg_2.gif) 0 100% repeat-x;
}
#footer div.services ul li a:hover{
color:#A12626;
background-color:#FFF690;
}
#footer div.services ul li a.more_2{
color:#A12626;
background-color:#fff;
}
#footer div.services ul li a.more_2:hover{
color:#000;
background-color:#fff;
}
#footer ul.bottomnav{
padding:10px 0 4px;
}
#footer ul.bottomnav li{
display:inline;
margin:0 6px 0 0;
font-weight:bold;
color:#888;
background-color:inherit;
}
#footer ul.bottomnav li a{
margin:0 9px 0 0;
text-decoration:none;
color:#888;
background-color:inherit;
}
#footer ul.bottomnav li a:hover, #footer ul.bottomnav li a.active_2{
color:#040404;
background-color:inherit;
}
#footer p.copy{
font-size:11px;
line-height:15px;
color:#888;
background-color:inherit;
}
#footer img.logo{
	width:133px;
	height:35px;
	display:block;
	float:right;
	margin:50px 15px 0 0;
}


.alignright { float: right; }
.alignleft{ float: left; }
.clear { clear: both; }
.alignright { margin-left: 8px; }
.alignleft { margin-right: 8px; }
.aligncenter { text-align: center; }
.imgbdr { padding: 5px; background: #FFFFFF; border: 1px dotted #333333; }
.padleft { margin-left: 20px; }

				#leftpan .pagetitle { color: #666666; margin: 0 0 10px 0; font: normal 34px Impact, Arial, Helvetica, sans-serif; }
					#leftpan .pagetitle a:link { color: #333333; text-decoration: none; }
					#leftpan .pagetitle a:visited { color: #333333; text-decoration: none; }
					#leftpan .pagetitle a:hover { color: #333333; text-decoration: none; }

				#leftpan .storytitle { margin: 0 0 10px 0; font: normal 16px Impact, Arial, Helvetica, sans-serif; }
					#leftpan .storytitle a:link { color: #FFFFFF; text-decoration: none; }
					#leftpan .storytitle a:visited { color: #FFFFFF; text-decoration: none; }
					#leftpan .storytitle a:hover { color: #FFFFFF; text-decoration: none; }

				#leftpan h3 { font-size: 16px; font-weight: bold; padding: 10px 0 10px 0; }
				#leftpan .storycontent { line-height: 140%; }