@font-face {
	font-family: 'NettoOT-Light';
	src: url('font/NettoOT-Light.eot');
	src:  url('font/NettoOT-Light.woff') format('woff'), url('font/NettoOT-Light.ttf') format('truetype'), url('font/NettoOT-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'NettoOT-Bold';
	src: url('font/NettoOT-Bold.eot');
	src:  url('font/NettoOT-Bold.woff') format('woff'), url('font/NettoOT-Bold.ttf') format('truetype'), url('font/NettoOT-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body, p, div, textarea, input, li {
	font-family:'NettoOT-Light', Arial, Helvetica, sans-serif;
	color:#FFF;
}

body {
	padding:0;
	margin:0;

	background-color:#151a1e;
}

.view-map {
		position:relative;
	}
	.view-johor {
		position:absolute;
		left: 266px;
		top: 322px;
		background:none;
		color:#FFFFFF;
		float:left;
	}
	.view-kelantan {
		position:absolute;
		left: 159px;
		top: 39px;
		
	}
	.view-kl {
		position:absolute;
		left: 189px;
		top: 283px;
		display:block;
		z-index:3;
	}
	.view-melaka {
		position:absolute;
		left: 217px;
		top: 349px;
		
	}
	.view-n9 {
		position:absolute;
		left: 194px;
		top: 288px;
		
	}
	.view-pahang {
		position:absolute;
		left: 163px;
		top: 164px;
		
	}
	.view-penang {
		position:absolute;
		left: 49px;
		top: 98px;
		
	}
	.view-perak {
		position:absolute;
		left: 67px;
		top: 65px;
		
	}
	.view-selangor {
		position:absolute;
		left: 107px;
		top: 239px;
		
	}
	.view-terengganu {
		position:absolute;
		left: 258px;
		top: 74px;
		
	}
#johor-link{
	position:absolute;
	float:left;
	width:400px;
	left: 351px;
	top: 301px;
	display:none;
	z-index:500;
	height:200px;
}

#kelantan-link{
	position:absolute;
	float:left;
	width:400px;
	left: 180px;
	top: 100px;
	display:none;
	z-index:500;
	height:200px;
	
}

#kl-link{
	position:absolute;
	float:left;
	width:400px;
	left: 163px;
	top: 260px;
	display:none;
	z-index:500;

}
#melaka-link{
	position:absolute;
	float:left;
	width:400px;
	left: 230px;
	top: 220px;
	display:none;
	z-index:500;
	height:257px;
}

#n9-link{
	position:absolute;
	float:left;
	width:400px;
	left: 492px;
	top: 223px;
	display:none;
	z-index:500;
}
#penang-link{
	position:absolute;
	float:left;
	width:400px;
	left: 40px;
	top: 60px;
	display:none;
	z-index:500;
}
#perak-link{
	position:absolute;
	float:left;
	width:400px;
	left: 98px;
	top:86px;
	display:none;
	z-index:500;

}
#selangor-link{
	position:absolute;
	float:left;
	width:400px;
	left: 138px;
	top: 159px;
display:none;
z-index:500;
height:	232px;

}
#terengganu-link{
	position:absolute;
	float:left;
	width:400px;
	left: 318px;
	top: 70px;
	display:none;
	z-index:500;

}
#pahang-link{
	position:absolute;
	float:left;
	width:400px;
	left: 255px;
	top: 229px;
	display:none;
	z-index:500;

}
#sabah-link{
	position:absolute;
	float:left;
	width:400px;
	z-index:500;
	left: 317px;
	top: 282px;
	display:none;
}
#sarawak-link{
	position:absolute;
	float:left;
	width:400px;
	z-index:500;
	left: 72px;
	top: 435px;
	display:none;

}

#gallery {
width:1006px;
border:2px solid none;
padding:5px 0px;
}
#gallery img {
width:185px;
height:124px;
margin:10px 5px;
vertical-align:bottom;
border:2px solid none;; 

}
#bodyContent p{
color:#000000;
font-family: 'NettoOT-Bold', Arial, Helvetica, sans-serif;
font-size: 20px;
letter-spacing: 2px;
margin: 0;
padding: 0;

}
.sitemap  li a{
text-decoration:none;
color:#FFFFFF;

}
.hi a:hover{
text-decoration:underline;
color:#ED1C24;
}
.hi a{
text-decoration:none;
color:#FFFFFF;
}
.sitemap  li a:hover{
text-decoration:underline;
color:#ED1C24;

}
.sitemap  li{
font-size:15px;

 margin: 3px 0;

}
.sitemap ul li {
list-style:disc;
}



h1 {
	/* font-family:'NettoOT-Bold', Arial, Helvetica, sans-serif; */
	font-family:'Nunito', sans-serif;
	font-size:30px; letter-spacing:2px;
	margin:0 0px 8px 0; padding:0;
	font-weight:400;
}
h2 {
	font-size:22px;
	letter-spacing:1px;
	padding:0; margin:15px 5px 5px;
	
}
h4 {
	font-size:18px;
	color:#aaa;
	padding:0; margin:0;
}

img {border:0;}

.mr {
	margin-right:6px;
}
a.link {
	font-size:16px; color:#ed1c24;
	text-decoration:none;
	padding-left:30px;
	background-image: url(../images/img_arrow.png);
	background-repeat:no-repeat;
	letter-spacing:1px;
	height:16px;
	padding-bottom:2px;
}

#layout {
	width:1024px;
	margin:0 auto;
}
.wrapper {
	width:1006px;
	margin:0 auto;
	position:relative;
}


#header {
	height:120px;
	width:1006px;
	clear:both;
	position:relative;
	margin-bottom:20px;
	z-index:100;
}
#header #logo {
	position:absolute;
	right:0;
	bottom:0;
}

#header ul#navi {
	padding:0; margin:0;
	position:absolute;
	left:0;
	bottom:0;
}
ul#navi li {
	float:left;
	list-style:none;
	padding:0; margin:0;
	font-size:24px; letter-spacing:1px;
	font-weight:normal;
	position:relative;
}

ul#navi li a {
	display:block;
	color:#FFF; text-decoration:none;
	padding:5px 20px;
		letter-spacing:0px;
}

ul#navi li a.link {
	font-size:16px; color:#ed1c24;
	text-decoration:none;
	padding-left:30px;
	background-image: url(../images/img_arrow.png);
	background-repeat:no-repeat;
	letter-spacing:1px;
	height:16px;
}
ul#navi li:hover {
	background-color:#aa0108;
}

ul#navi li ul {
	position:absolute;
	left:0; top:34px;
	padding:0; margin:0;
	display:none;
}
ul#navi ul li {
	background-color:#0d1216;
	width:278px;
	float:none;
	font-family:Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}	
ul#navi ul li:hover {background-color:#1e2126;}
ul#navi ul li a {padding:12px 20px; color:#a6a7ab;font-family:'NettoOT-Bold', Arial, Helvetica, sans-serif;font-size:18px;letter-spacing:-1px;}
ul#navi li:hover ul, ul#navi li:hover .highlights{display: block;} 

.highlights {
	width:612px;
	position:absolute;
	top:33px;
	left:278px;
	display:none;
}
.highlights .hmiddle {
float:left;
	height:280px;
		width:612px;

	background-color:#0d1216;
}

.textcontent{
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
border:none;
color:#000000;
width:300px;
height:25px;
margin:5px 0;

}

.areacontent{
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
border:none;
color:#000000;
width:300px;
height:150px;
margin:5px 0;

}
/** Main Banner **/

.banner-logo{

margin:10px 0;
width:1006px;
position:relative;
clear:both;
float:left;
}

#main-banner {
	height:395px;
	border-top:1px solid #4f4f4f;
	border-bottom:1px solid #4f4f4f;
}

.main-location{
float:left;
margin-bottom: -110px;
}
.navi-contain{
margin:5px 0 10px 0;;

}
.location-plot{
border-top:1px solid #4f4f4f;
padding:20px 0;
position:relative;
float:left;
width:1007px;
height:auto;
}
.location-item  {
float:left;
width:180px;
color:#f51a22;
display:block;
margin-right:20px;


}

.location-list{
color:#f51a22;
text-decoration:none;
font-size:14px;
}
.location-list:hover{
color:#f51a22;
text-decoration:underline;

}
.location-item p{
color:#f51a22;
margin:10px 0px;
}
.location-item-title{
color:#FFFFFF;
font-weight:bold;
font-size:16px;
display:block;


}
#main-middle {
	width:1006px;
	position:relative;
	clear:both;
	margin:20px 0 30px;
	/*background-color:#151a1e; */
	float:left;
}
#main-middle .middle {
	width:480px;
	float:left;
	padding:0 10px 0 0;
	font-size:20px;
	line-height:25px;
	background-color:#000000;
}
#mmiddle mr{
	width:480px;
	float:left;
	padding:0 10px 0 0;
	font-size:20px;
	line-height:25px;

}
.mmiddle {
	width:490px;
	float:left;
	padding:0 10px 0 0;
	font-size:20px;
	line-height:25px;
}

#main-parts {
	margin-top:30px;
	float:left;
	width:1020px;
	position:relative;
	
}
#main-parts .item {
	width:250px;
	float:left;
}
 .infol {
	padding:10px 5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#aaa; font-size:11px;
	line-height:20px;
	
}
.item .info {
	padding:10px 5px;
	border-top:1px solid #4f4f4f;
	font-family:Arial, Helvetica, sans-serif;
	color:#aaa; font-size:11px;
	line-height:20px;
	
}
.info a.link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; 
	padding-bottom:6px;
}

#footer {
	height:134px;
	width:100%;
	background-color:#0d1216;
	clear:both;

	padding-top:20px;
	bottom:0;
	
	
}
.navigate a{
		font-family:Arial, Helvetica, sans-serif;
		color:#FF0000;
	font-size:11px;
	line-height:20px;
	text-decoration:none;
}
.navigate a:hover{
		font-family:Arial, Helvetica, sans-serif;
		color:#FF0000;
	font-size:11px;
	line-height:20px;
	text-decoration:underline;
}
.navigate {
		font-family:Arial, Helvetica, sans-serif;
		color:#FF0000;
	font-size:11px;
	line-height:20px;
	text-decoration:none;
}



.location-banner{
margin:10px 0;
width:auto;
float:left;
position:relative;
}
.blok{
display:block;

		font-family:Arial, Helvetica, sans-serif;
	color:#aaa; 
	font-size:11px;
	line-height:20px;

}
.blok img{
margin-left:30px;

}
.blok ul li {
margin-left:-20px;
font-family:Arial, Helvetica, sans-serif;
color:#aaa; 
font-size:11px;
	line-height:20px;

}

#footer .footer-email {
	width:317px; height:36px;
	padding:0 20px;
	background-image:url(../images/footer/input_email.png); background-repeat:no-repeat;
	border:0;
	background-color:#0d1216;
	color:#aaa;
	font-size:22px;
	line-height:22px;
}

#footer #copyright {
	position:absolute;
	right:0;
	text-align:right;
	bottom:-10px;
	
}
#copyright p, #copyright a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#aaa;
	letter-spacing:1px;
}