@charset "UTF-8";
/* Page Styles */

body,div,h1,h2,h3,h4,h5,h6,ul,img {
	margin:0px; padding:0px;
}

body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	text-align:justify;
}

.style1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	color:#003399;
	font-weight:100;
}

.style2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#003399;
	font-weight:100;
}

.style3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	color:#003399;
	font-weight:100;
}

.style4 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	text-decoration:none;
}

.style5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	color:#333333;
	font-weight:100;
}

#main {
	background-color:#FFFFFF;
}

.container {
	width:980px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

#header {
	height:110px;
	margin:0px;
	padding:0px;
}

#logo {
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	width:170px;
	height:110px;
	float:left;
	margin:10px 0px 0px 20px;
	padding-left:0px;
	text-indent:-9999px;
}

#title {
	background-image:url(../images/logo_title.png);
	background-repeat:no-repeat;
	width:327px;
	height:60px;
	float:left;
	margin-left:10px;
	margin-top:15px;
	text-indent:-9999px;
}

ul#menu {
	margin:0px; padding:0px;
	position:absolute;
	right:40px;
	margin-top:-10px;
	margin-left:30px;
}

ul#menu li {
	display:inline;
	margin-left:15px;
}

ul#menu li a {
	text-decoration:none;
	font-family:Calibri, "myriad Pro";
	color:#003399;
	font-size:15px;
}

ul#menu li a:hover {
	color:#333333;
}

#banner {
	width:980px;
	height:396px;
	margin-left:10px;
}

#titlecontent {
	margin:0px; padding:0px;
	width:310px;
	margin-left:40px;
	margin-top:10px;
	float:left;
}

#titlecontent a:link {
	color:#003399;
	text-decoration:none;
}

#titlecontent a:hover {
	color:#003399;
	text-decoration:underline;
}

#titlecontent a:visited {
	color:#003399;
	text-decoration:none;
}

#shoplogo {
	width:220px;
	margin:50px 0px 0px 0px;
}

#textcontent {
	margin:20px 0 0 0; padding:0px;
	width:572px;
	float:left;
}
#textcontent1 {
	margin:0px; padding:0px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:40px;
	padding-right:0px;
	width:900px;
	overflow:auto;
}

#textcontent a:link, #textcontent1 a:link {
	color:#003399;
	text-decoration:none;
}

#textcontent a:hover, #textcontent1 a:hover {
	color:#003399;
	text-decoration:underline;
}

#textcontent a:visited, #textcontent1 a:visited {
	color:#003399;
	text-decoration:none;
}

#logothumb {
	width:155px;
	float:left;
	margin-right:25px;
	text-align:center;
}

.thumbnails {
	width:150px;
	height:150px;
	margin-bottom:5px;
}

#chartwrapper {
	margin:0px; padding:0px;
	margin-top:10px;
	color:#FFFFFF;
	background-image:url(../images/company_structure.png);
	background-repeat:no-repeat;
	width:900px;
	height:732px;
	position:relative;
}

#chartwrapper a:link {
	font-size:18px;
	color:#FFFFFF;
	text-decoration:none;
}

#chartwrapper a:hover {
	font-size:18px;
	color:#00CCFF;
	text-decoration:underline;
}

#chartwrapper a:visited {
	font-size:18px;
	color:#FFFFFF;
	text-decoration:none;
}

#ghazi {
	width:280px;
	height:61px;
	top:48px;
	right:225px;
	text-align:center;
	position:absolute;
}

#ahmad {
	width:254px;
	height:61px;
	top:235px;
	left:240px;
	text-align:center;
	position:absolute;
}

#rosnie {
	width:254px;
	height:61px;
	top:235px;
	right:67px;
	text-align:center;
	position:absolute;
}

#asyraf {
	width:254px;
	height:61px;
	top:420px;
	left:65px;
	text-align:center;
	position:absolute;
}

#zharif {
	width:254px;
	height:61px;
	top:420px;
	right:240px;
	text-align:center;
	position:absolute;
}

#syaznie {
	width:254px;
	height:61px;
	top:618px;
	left:65px;
	text-align:center;
	position:absolute;
}

#ghazidetails,#ahmaddetails,#rosniedetails,#asyrafdetails,#zharifdetails,#syazniedetails {
	margin:0px; padding:0px;
	padding-top:10px;
}

#ghazidetailsimg,#ahmaddetailsimg,#rosniedetailsimg,#asyrafdetailsimg,#zharifdetailsimg,#syazniedetailsimg {
	margin:0px; padding:0px;
	padding-top:10px;
	width:200px;
	float:left;
}

#ghazidetailstext,#ahmaddetailstext,#rosniedetailstext,#asyrafdetailstext,#zharifdetailstext,#syazniedetailstext {
	margin:0px; padding:0px;
	width:680px;
	padding-left:20px;
	padding-top:10px;
	float:left;
}

ul#bulletpoints {
	margin-left:20px;
}

ul#bulletpoints li a, ul#bulletpoints li a:visited {
	color:#333333;
}

ul#bulletpoints li a:hover {
	color:#003399;
	text-decoration:underline;
}

ul#subbullets {
	margin-left:40px;
}

ul#history {
	margin-left:40px;
	text-align:left;
}

#footer {
	background-image:url(../images/footer.png);
	background-repeat:repeat-x;
}

#footercontent {
	font-size:10px;
	color:#999999;
	padding-top:5px;
	text-align:center;
}

#footercontent a:link {
	color:#999999;
	text-decoration:none;
}

#footercontent a:hover {
	color:#999999;
	text-decoration:underline;
}

#footercontent a:visited {
	color:#999999;
	text-decoration:none;
}