*html
	{
	margin: 0px;
	border: 0;
	}
	
body
	{
	margin: 0px;
	background-color: black;
	font-family: verdana;
	}
	
#wrapper 
	{ 
	position: relative;
	width: 1024px; 
	height: 600px;
	margin: 0 auto;
	}

div.header, div.konten, div.footer
	{
	background-color: black;
	width: 1024px;
	}

/*hdr */
#logo_lmd
	{
	position: absolute;
	top: 45px;
	left: 30px;
	z-index: 2;
	}
	
div.header
	{
	height: 125px;
	z-index: -1;
	}
	
.hdr_l, .hdr_m, .hdr_r
	{
	height: 125px;
	float: left;
	}

div.hdr_l
	{
	width: 112px;
	background-image: url(../images/img_hdrKiri.jpg);
	}
	
div.hdr_m
	{
	width: 800px;
	background-image: url(../images/img_hdrMid.jpg);
	}

div.hdr_r
	{
	width: 112px;
	background-image: url(../images/img_hdrKanan.jpg);
	}
	

	
/* konten */
div.konten
	{
	height: auto;
	background: url(../images/img_ctnBG_tile.jpg) repeat-y ;
	}
	
.ktn_isi_lyt
	{
	width: 800px;
	min-height: 320px;
	color: #ffffff;
	text-align: justify;
	font-size: .75em;
	padding: 20px 10px 20px;
	margin: 0 auto;
	}

/* footer */
div.footer
	{
	clear: both;
	height: 129px;
	margin: 0 auto;
	}
	
.ftr_l, .ftr_m, .ftr_r
	{
	height: 129px;
	float: left;
	}
	
.ftr_m
	{
	width: 800px;
	background: url(../images/img_footerMid.jpg) no-repeat;
	text-align: center;
	line-height: 1em;
	padding: 35px 0 0;
	}
	
.ftr_cpyrite_txt
	{
	font-size: 0.75em;
	}

/* buttons */
.btn_about, .btn_news, .btn_serv, .btn_contact
	{
	margin-top: 70px;	
	height: 25px;
	background-repeat: no-repeat;	
	background-position: top;
	display: block;
	float: left;
	}

.btn_about { margin-left: 320px; width: 90px; background-image: url(../images/btn_about.png); }
.btn_news { margin-left: 30px; width: 70px; background-image: url(../images/btn_news.png); }
.btn_serv { margin-left: 40px; width: 100px; background-image: url(../images/btn_services.png); }
.btn_contact { margin-left: 30px; width: 100px; background-image: url(../images/btn_contact.png); }

.btn_about:hover, .btn_news:hover, .btn_serv:hover, .btn_contact:hover
	{
	background-position: bottom;
	}