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

body { margin:0; font-family:Arial, Helvetica, sans-serif; }

/* share buttons
----------------------------------------------------------------------------------------------------*/
#follow_us {
	width:33px;
	height:50px;
	padding-top:119px;
	right:0;
	position:fixed;
	top:25%;
	background:url(../images/follow_us_bg.png) no-repeat transparent;
	text-align:center;
	z-index:100;
	}

/* -------------------------------------------------------------------------------------------------*/

@font-face {
	font-family:"CuprumFFU";
	src:url('http://mentari.my/fonts/CuprumFFU.eot');
	src:local('CuprumFFU'), url('http://mentari.my/fonts/CuprumFFU.ttf') format('truetype');
	}
	
a:link , a:visited {
	text-decoration:none;
	color:#999999;
	}

a.white:link , a.white:visited {
	text-decoration:none;
	color:#fff;
	}

a.white:active, a.white:hover{
	text-decoration:none;
	color:#DAD7B4;
	}

#container_header {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	}
	
	#header {
		width:1000px;
		height:70px;
		margin:0 auto;
		padding:33px 18px 0 0;
		background:url(../images/header_bg.png) no-repeat;
		}
		
		#nav {
			width:960px;
			margin:auto;
			}
			
			#nav ul {
				list-style:none;
				padding:0;
				margin:0;
				}

				#nav li{
					float:right;
					color:#999999;
					font-size:17px;
					font-weight:normal;
					padding:0px 0px 0px 40px;
					font-family:Arial, Helvetica, sans-serif;
					}
				
				#currentpage_top a{
					color:#9A6733;
					}

#container_content {
	width:100%;
	margin:0 auto;
	padding:0;
	}

	#page1 {
		width:100%;
		min-height:1000px;
		margin:0 auto;
		padding:0;
		background:#F8F7F1;
		left:0;
		}

		#h_welcome {
			width:960px;
			padding:79px 0 0 0;
			z-index:3;
			position:relative;
			margin:0 0 0 -480px;
			top:0;
			left:50%;
			}

		#pg1_text_contents {
			width:960px;
			padding:0 0 50px 0;
			z-index:4;
			position:relative;
			margin:475px 0 0 -480px;
			top:0;
			left:50%;
			}

	#page2 {
		width:100%;
		min-height:1000px;
		margin:0 auto;
		background:#EDECD8 url(../images/about_bg.jpg) top center no-repeat;
		}
		
		#pg2_text_contents {
			width:960px;
			margin:0 auto;
			padding:79px 0 50px 0;
			}
			
	
	#page3 {
		width:100%;
		min-height:1000px;
		margin:0 auto;
		background:#DBD7B5 url(../images/current_bg.jpg) top center no-repeat;
		}
		
		#pg3_text_contents {
			width:960px;
			margin:0 auto;
			padding:79px 0 50px 0;
			}
	
	#page4 {
		width:100%;
		min-height:1000px;
		margin:0 auto;
		background:#C2BA96 url(../images/portfolio_bg.gif) top center no-repeat;
		}
		
		#pg4_text_contents {
			width:960px;
			margin:0 auto;
			padding:79px 0 50px 0;
			}
		
		#box {
			width:300px;
			height:480px;
			padding:7px;
			float:left;
			background:url(../images/projects_box_bg.png) no-repeat;
			}
			
			#box_title {
				height:71px;
				padding:22px 20px 0;
				}
			
			#box_img {
				height:166px;
				margin:0 1px;
				background:#CCC;
				}
			
			#box_text {
				height:135px;
				padding:18px;
				}
			
			#box_nav {
				height:36px;
				padding:13px 20px 0 0;
				margin:0 1px 1px 1px;
				background:#BBB8B1;
				}
	
	#page5 {
		width:100%;
		min-height:1000px;
		margin:0 auto;
		background:#777264;
		}
		
		#pg5_text_contents {
			width:960px;
			margin:0 auto;
			padding:79px 0 50px 0;
			}
		
		#pg5_map {
			width:100%;
			height:600px;
			margin:0 auto;
			padding:0;
			}


/* Fonts */

.space {
	font-size:1px;
	}

.verdana12 {
	font-family:Arial, Helvetica, sans-serif;
	color:#777264;
	font-size:12px;
	}

.verdana12_white {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	}

.verdana13 {
	font-family:Arial, Helvetica, sans-serif;
	color:#777264;
	font-size:13px;
	}

.verdana13_white {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:13px;
	}

.verdana14 {
	font-family:Arial, Helvetica, sans-serif;
	color:#777264;
	font-size:14px;
	}

.verdana15_white {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:15px;
	}

.verdana15 {
	font-family:Arial, Helvetica, sans-serif;
	color:#777264;
	font-size:15px;
	}
	
.verdana16 {
	font-family:Arial, Helvetica, sans-serif;
	color:#777264;
	font-size:16px;
	}


.verdana16_white {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:16px;
	}

.verdana17_white {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:17px;
	}

.verdana18 {
	font-family:Arial, Helvetica, sans-serif;
	color:#777264;
	font-size:18px;
	}

.verdana18_white {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:18px;
	}

.verdana18_black {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:18px;
	}

.verdana19_white {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:19px;
	}

.verdana19 {
	font-family:Arial, Helvetica, sans-serif;
	color:#777264;
	font-size:19px;
	}

.verdana20_black {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:20px;
	}

.verdana20 {
	font-family:Arial, Helvetica, sans-serif;
	color:#777264;
	font-size:20px;
	}

.verdana23_black {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:23px;
	}

.verdana25_black {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:25px;
	}
	
.verdana26 {
	font-family:Arial, Helvetica, sans-serif;
	color:#777264;
	font-size:26px;
	}

.verdana26_white {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:26px;
	}

.verdana30_black {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:30px;
	}