@charset "UTF-8";
/* Bold Indonesia */

body { 
	background-color:#000000;
/* 	font-family:"Century Gothic", Arial, Helvetica, sans-serif; */
 	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	}

/* link */
a img {border:none; }

a { text-decoration:none;}

.menu a { color:#000000; }
.menu a:hover { color:#959595; }
.current { color:#959595; }

.rightmenu a { color:#000000; }
.rightmenu a:hover { color:#959595; }

a { color:#000000; }
a:hover { color:#959595; }


/* font */

.red { color:#c72127; }

.font18 { font-size:18px;}
.font12 {font-size:12px; }

#maincontent-placement p { padding:5px 0px 0px 0px; }
#maincontent-placement2 li { list-style:disc; padding:0px 0px 0px 0px; margin:auto;  margin-left:-20px;}
#maincontent-placement li { list-style:disc; padding:0px 0px 0px 0px; margin:auto;  margin-left:-20px;}

.footer {
	color:#FFFFFF;
}

.menu { 
	font-size:17px;
}

li { 
	padding:0px 0px 0px 0px;
	margin: 24px 0px 0px 0px;
	list-style:none;
}

#rightmenu-placement li {  padding:0px 0px 0px 0px; margin:0px 54px 0px 0px; list-style:none; display:inline; }
.rightmenu {  font-size:12px; }

#subrightmenu-placement li { padding:0px 0px 0px 0px; margin:0px 54px 0px 0px; list-style:none; display:inline; }


/* placement */

#container {
	width:1004px;
	height:615px;
	margin:auto;
	background:url(images/main-template.gif) no-repeat;
	}

#logo-placement {
	width:176px;
	height:61px;
	margin:auto;
	padding-top:275px;
	}
	
#topside {width:1004px; height:582px; clear:both;}
#bottomside {width:1004px; height:34px; clear:both;}
#leftside { width:250px; float:left ;}
#rightside { width:754px; float:right;}
#rightside-top {width:754px; float:right;}
#rightside-bottom { width:754px; float:right;}
#rightside-bottom-left {width:610px; float:left; overflow:hidden; }
#rightside-bottom-right { width:144px; float:right; overflow:hidden }


#logo-placement02 {
	width:108px;
	height:38px;
	padding:54px 0px 0px 70px;
}

#mainmenu-placement {
	width:125px;
	height:135px;
	padding:29px 0px 0px 125px;
}

#homeimage-placement {
	width:487px;
	height:490px;
	float:right;
	padding-right:49px;
	padding-left:218px;
	padding-top:92px;
}

#footer-placement {
	width:240px;
	height:20px;
	float:right;
	padding-right:49px;
	padding-top:3px;
}

#rightmenu-placement {
	width:643px;
	padding-left:62px;
	padding-top:116px;
}

#subrightmenu-placement {
	width:643px;
	padding-left:62px;
	padding-top:14px;
	}


#maincontent-placement {
	width:413px;
	padding-left:62px;
	padding-top:46px;
}

#maincontent-placement2 {
	width:413px;
	padding-left:62px;
	padding-top:11px;
}

#maincontent-placement3 {
	width:413px;
	padding-left:62px;
	padding-top:169px;
}

#mainimage-placement {
	width:95px;
	height:250px;
	padding-right:49px;
	padding-top:185px;
}	

#mainimage-placement2 {
	width:95px;
	height:250px;
	padding-right:49px;
	padding-top:308px;
}	

#contact-split { width:413px; overflow:hidden; }
#contact-split-left { width: 200px; float:left; }
#contact-split-right { width:200px; float:left; }

.menu ul, .rightmenu ul {
	padding: 0px;
	margin: 0px;
}

#maincontent-placement2 ul {
	margin:1em 0px;
	padding: 0 0 0 40px;
}
#maincontent-placement2 ul ul {
	margin:0px;
	padding: 0 0 0 40px;
}
#rightside-bottom p {
	margin:1em 0px;
}

#list-works ul {
	float:left;
	margin:0px;
	padding:0px;
	width:330px;
}
#list-works ul li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0pt 15px 15px 0pt;
	width:150px;
}
.attNo, .attNoCurrent {
	background-color:#ddd;
	padding:3px 6px;
	margin-right:5px;
}
.attNoCurrent {
	font-weight: bold;
	font-size: 1.2em;
}
.attDisplay {
	padding: 1em 0px;
}
.hidden {
display:none;
}