li{margin-left:16px;}
h1{color:#0061CA;text-align:center;padding-bottom:10px;}
h2{font-size:16px;font-weight:bold; padding:0; margin-bottom:10px;}
pre{background:#666; color:#fff; padding:10px; margin:10px; height:auto; overflow:auto; font:12px Verdana,Courier,sans-serif}
* html pre {width:100%}

.description{padding:16px;margin:10px 0;background:#eee}
h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:20px}

.buttons{padding:5px;}
.buttons span{color:#f59133;padding:0 5px;cursor:pointer;font-size:11px; border:1px solid #f59133; font-weight:bold;}
.buttons span.active, .buttons span:hover{background:#f59133;color:#fff; font-weight:bold;}

#boxdesain {display:block;width: 220px; height:50px;background:url(../images/mn_desain.jpg) 0 0 no-repeat;}
#boxdesain:active,#boxdesain:hover { background-position: 0 -50px;}
#boxbengkel {display:block;width: 220px; height:50px;background:url(../images/mn_bengkel.jpg) 0 0 no-repeat;}
#boxbengkel:active,#boxbengkel:hover { background-position: 0 -50px;}
#boxmodif {display:block;width: 220px; height:50px;background:url(../images/mn_modif.jpg) 0 0 no-repeat;}
#boxmodif:active,#boxmodif:hover { background-position: 0 -50px;}
#memberdaftar a{color:#FF9900;text-decoration:none}
#memberdaftar a:hover{text-decoration:none; color:#666666;}
input.txt,select.txt,textarea.txt {border: 1px solid #666666;}
input.btn {border: 1px solid #CCCCCC; background-color:#FF6600; color:#000000;font:bold 10px verdana;}

#box8{
	position:absolute;
}
#box8 div{
	width:733px;
	float:left;
	color:#FFFFFF;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.hotnews .buttons{
	text-align:center;
	clear:both;
}
.hotnews .mask1{}

#box4{
	position:absolute;
}
#box4 div{
	width:733px;
	height:234px;
	float:left;
}

.mask1{
	position:absolute;
	width:733px;
	height:226px;
	overflow:hidden;
	left:0px;
	top:0px;
}

.mask3{
	position:relative;
	width:733px;
	height:234px;
	overflow:hidden;
}

#box5{
	position:absolute;
}
#box5 div{
	width:185px;
	height:100px;
	float:left;
	background:#eee;
	padding:0 5px;
}
.mask2{
	position:relative;
	width:195px;
	height:100px;
	overflow:hidden;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
body {font-family: verdana, sans-serif; font-size:11px; background-color:#000; margin:0; padding:0; background:url(../images/bg_kombi.jpg);}
#bodydiv {width:980px; margin:0 auto; background-color:#000000;}
#header {width:980px; height:104px; position:relative; float:left; background:url(../images/bg_top.jpg);}
#leftctn {width:733px; float:left; position:relative;}
#rightctn {width:247px; float:left; position:relative;}
#menutop {position:absolute; left:200px; top:79px; width:400px; height:22px;}
#line2 {width:980px; height:226px; position:relative; float:left;}
#news {width:733px; height:226px; float:left; background-image:url(../images/bg_newshome.jpg);}
#member {width:247px; position:relative; height:226px; float:left; background:url(../images/bg_member.jpg);}
#chatbox {width:247px; position:relative; height:226px; float:left; background:url(../images/bg_chatbox.jpg);}
#line3 {width:980px; height:234px; position:relative; float:left;}
#nominasi {width:733px; height:234px; float:left;}
#nominasimenu {width:247px; height:234px; float:left; position:relative; background:url(../images/bg_mnkom.jpg);}
#line4 {width:980px; height:223px; position:relative; float:left;}
#newbtm {width:733px; height:223px; float:left; background-color:#ffa800; position:relative;}
#fotohome {width:247px; height:223px; float:left; background:url(../images/bg_fotogal.jpg); position:relative;}
#footer {width:980px; height:60px; margin-top:10px; position:relative; float:left; background:url(../images/bg_btm.jpg); }
#mnberanda a {display:block;width: 99px; height:22px;background:url(../images/mnberanda.jpg) 0 0 no-repeat;}
#mnberanda a:hover { background-position: 0 -22px;}
#mnkompetisi a {display:block;width: 101px; height:22px;background:url(../images/mnkompetisi.jpg) 0 0 no-repeat;}
#mnkompetisi a:hover { background-position: 0 -22px;}
#mnberita a {display:block;width: 100px; height:22px;background:url(../images/mnberita.jpg) 0 0 no-repeat;}
#mnberita a:hover { background-position: 0 -22px;}
#mngaleri a {display:block;width: 100px; height:22px;background:url(../images/mngaleri.jpg) 0 0 no-repeat;}
#mngaleri a:hover { background-position: 0 -22px;}
#galdesain a {display:block;width: 79px; height:36px;background:url(../images/ico_desain.jpg) 0 0 no-repeat;}
#galdesain a:hover { background-position: 0 -36px;}
#galfoto a {display:block;width: 86px; height:36px;background:url(../images/ico_camera.jpg) 0 0 no-repeat;}
#galfoto a:hover { background-position: 0 -36px;}
#galvideo a {display:block;width: 82px; height:36px;background:url(../images/ico_video.jpg) 0 0 no-repeat;}
#galvideo a:hover { background-position: 0 -36px;}
a.hothome {color:#FFFFFF; text-decoration:none;}
a.hothome:hover {color:#ffa800; text-decoration:none;}
a.orange {color:#ffa800; text-decoration:none; font-weight:bold;}
a.orange:hover {color:#FFFFFF; text-decoration:none; font-weight:bold;}
a.bgorange {color:#FFFFFF; text-decoration:none; font-weight:bold;}
a.bgorange:hover {color:#000000; text-decoration:none; font-weight:bold;}
#menubox {position:absolute; top:39px; left:16px;}
#handles8 {position:absolute; top:90px; left:220px; z-index:100;}
#memberttl a {display:block;width: 247px; height:32px;background:url(../images/tentang_bkkm.jpg) 0 0 no-repeat;}
#memberttl a:hover { background-position: 0 -32px;}
#memberdaftar {font-family:Arial; font-weight:bold; font-size:12px; margin-left:30px; margin-top:170px; color:#ffa800; }
#memberbtn {position:absolute; left:25px; top:150px;}
#memberform {position:absolute;width:225px; left:25px; top:50px; font-size:12px; font-weight:bold; font-family:Arial; color:#FFFFFF;}
.ttlhot{font-size:16px;font-weight:bold; padding:0; margin-bottom:10px;}
#banbtm {position:absolute; left:30px; top:28px; width:234px; height:160px;}
#tipsbtm {position:absolute; left:285px; top:28px; width:161px; height:160px;}
#newsbtm {position:absolute; left:460px; top:28px; width:240px; height:160px;}
#ntlist  a {color:#00e4ff; text-decoration:none; font-weight:bold;}
#ntlist  a:hover {color:#ffca00; text-decoration:none; font-weight:bold;}
#tipsbtm  a {color:#FFFFFF; text-decoration:none; font-weight:bold;}
#tipsbtm  a:hover {color:#ffca00; text-decoration:none; font-weight:bold;}
#newsbtm  a {color:#FFFFFF; text-decoration:none; font-weight:bold;}
#newsbtm  a:hover {color:#ffca00; text-decoration:none; font-weight:bold;}
a{outline:none}