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

*	{
	margin:0;
	padding:0;	
}

body	{
	background-color:#333;		
}

#wrapper	{
	width:900px;
	margin-left:auto;
	margin-right:auto;	
	background-color:#FFF;
	/*border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;*/
	position:relative;
}

#wrapper #aluminiumproud img	{
	width:896px;
	margin-left:2px;
	margin-top:1px;
	padding-top:-2px;
	margin-bottom:-3px;
	margin-right:-2px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;	
}

#wrapper #menu	{
	position:relative;
	clear:both;
	width:894px;
	height:20px;
	background-color:#333;
	color:#FFF;	
	margin-bottom:1px;
	margin-top:-2px;
	margin-left:auto;
	margin-right:auto;
}

#menu ul	{
	list-style-type:none;	
}

#menu ul li	{
	  width:149px;
	  float:left;
	  font-size:14px; 
	  text-align:center;
	  line-height:20px;
	  position:relative;
}

/*.aluminiummenu	{
	width:148px;	
}*/

#menu ul li a	{
	  text-decoration:none;
	  color:#FFF;
	  font-weight:bold; 
	  height:20px; 
	  display:block;
	  white-space:nowrap;
	  border-right:2px solid #FFF;
	  /*border-left:1px solid #FFF;
	  float:left;*/
}

#menu ul li a:hover {
	text-decoration: none;
	color: #333;
	font-weight:bold;
	/*font-weight: bold;*/
	background-color:#AAB3AB;
	height: 20px;
	display: block;
}

.aluminiumlain	{
	margin-right:-3px;	
}

#menu ul li ul	{
	display:none;	
}

#menu ul li:hover ul	{
	display:block;
	position:absolute;
	top:20px;
	left:0px;	
}

.aluminiumimg 	{
	float:left;
	margin-right:5px;
	width:25px;
	height:25px;
	margin-left:10px;
	margin-top:5px;	
}

#menu ul li:hover ul li {
	text-align:left;
	height:32px;
	padding:0px;
}

#menu ul li:hover ul li a	{
    margin: 0px;
	display:block;
	height:30px;
	background:#ccc;
	color:#333;
	width:260px;
	/*border-left:1px solid #000;*/
	margin-bottom:5px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	border-right:0px solid #DADFF2;
}

#menu ul li:hover ul li a:hover	{
	background-color:#F90;
	color:#FFF;
	text-decoration:blink;
	font-size:16px;
	font-weight:bold;	
}

#wrapper #content	{
	width:900px;
	padding:47px;
	/*overflow:hidden;
	text-align:justify;*/	
}

#wrapper #content img	{
	margin-left:auto;
	margin-right:auto;
	
}

#footer	{
	height:25px;
	background-color:#333;
	margin-top:2px;
	/*border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;*/
}

#footer #copyright	{
	width:248px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:5px;
	color:#FFF;
	text-align:center;
	line-height:25px;
	float:left;	
}

#footer #info	{
	width:900px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:5px;
	color:#FFF;
	text-align:center;
	line-height:25px;	
}

#footer #info ul	{
	list-style-type:none;	
}

#footer #info ul li	{
	float:left;	
	width:100px;
	list-style-type:circle;
}

#footer #info ul li a	{
	color:#FFF;	
	text-decoration:none;
}

#footer #info ul li a:hover	{
	color:#FF0;
	font-weight:bold;
	font-size:14px;	
	text-decoration:none;
}

/* Tabel Data Katalog */
div#gambar_profile {
    margin-bottom: -5px;
    padding-left: 2px;
}

div#gambar_profile img {
    width :796px;
}

#tabel_profile {
	width: 800px;
	text-align:center;
        
}

#tabel_profile thead tr th{
	background-color: #666;
        color: #FFF;
        font-size: small;
        padding: 3px;
}

#tabel_profile td{
	text-align:center;
}

#tabel_profile tbody tr:hover, #tabel_profile tbody tr:nth-of-type(even):hover {
  background-color:#666;
  color: #FFF;;
}

#tabel_profile tbody tr:nth-of-type(even) {
  background-color:#ccc;
}

/* mengatur ukuran header sesuai jumlah kolom tabel */
.tabel_6_kolom th.no {
    width: 10%;
}

.tabel_6_kolom th.die_no {
    width: 15%;
}

.tabel_6_kolom th.dimension {
    width: 50%;
}

.tabel_6_kolom th.length {
    width: 20%;
}

.tabel_6_kolom th.x {
    width: 10%;
}

.tabel_6_kolom th.diameter {
    width: 20%;
}

/* mengatur ukuran header sesuai jumlah kolom tabel */
.tabel_8_kolom th.no {
    width: 10%;
}

.tabel_8_kolom th.die_no {
    width: 15%;
}

.tabel_8_kolom th.dimension {
    width: 60%;
}

/* mengatur ukuran header sesuai jumlah kolom tabel */
.tabel_4_kolom th.no {
    width: 10%;
}

.tabel_4_kolom th.die_no {
    width: 30%;
}

.tabel_4_kolom th.dimension {
    width: 30%;
}

/*
th.x {
    width: 5%;
}
th.weight {
    width: 15%;
}
*/

.halaman
 {
 	width : 800px;
	text-align:center;
	padding-top: 10px;
 }

.halaman a
 {
	padding:3px;
	 background:#666;
 	-moz-border-radius:5px;
 	-webkit-border-radius:5px;
 	border:1px solid #ccc;
 	font-size:10px;
 	font-weight:bold;
 	color:#FFF;
 	text-decoration:none;

}

#content #deskripsi {
    width: 800px;
}

#content #deskripsi h1 {
    text-align: center;
    margin-bottom: 20px;
}

#content #deskripsi p {
    text-align: justify;
    margin-bottom: 20px;
}
