body {
  margin:25px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10pt;
  color: #000;
  background: #000;
}

h1.judul {
	margin-left:35px;
}
p,img.text1 {
	margin-left:35px;
}

a:link {
	color:#000;
	text-decoration:none;
}

a:visited {
	color:#000;
	text-decoration:none;
}

a:hover {
	color:#FF0000;
}

a:active {
	color:#FF0000;
}

#container {
  position: relative;
  margin: 0 auto;
  width: 961px;
  min-height:611px;
 }
 
	#header {
	  position: relative;
	  width: 961px;
	  height:248px;
	  background: url("images/header.jpg") no-repeat;
	}
	
		#header span {
			display:none;
		}
		
		#logo2 {
		  position: absolute;
		  bottom:0px;
		  left:310px;
		  width: 339px;
		  height:103px;
		  background: url("images/logo2.png") no-repeat;
		  z-index:1;
		}
	
	#menuheader {
		position:absolute;
		top:7px;
		left:0px;
		width:961px;
		height:240px;
	}
	
		#lcd {
			position:absolute;
			top:0px;
			left:250px;
			width:84px;
			height:70px;
			display:block;
		}
			
			#lcd span {
				display:none;
			}
			
		#hdd {
			position:absolute;
			top:75px;
			left:235px;
			_top:8px;
			_left:233px;
			width:84px;
			height:70px;
			display:block;
		}
			
			#hdd span {
				display:none;
			}
			
		#adaptor {
			position:absolute;
			top:39px;
			_top:-103px;
			left:358px;
			width:84px;
			height:70px;
			display:block;
		}
			
			#adaptor span {
				display:none;
			}
			
		#keyboard {
			position:absolute;
			top:161px;
			_top:-50px;
			left:282px;
			width:84px;
			height:70px;
			display:block;
		}
			
			#keyboard span {
				display:none;
			}

		#inveter {
			position:absolute;
			top:8px;
			_top:-270px;
			left:660px;
			width:84px;
			height:70px;
			display:block;
		}
			
			#inveter span {
				display:none;
			}

		#engsel {
			position:absolute;
			top:82px;
			_top:-270px;
			left:650px;
			width:84px;
			height:70px;
			display:block;
		}
			
			#engsel span {
				display:none;
			}

		#cd {
			position:absolute;
			top:2px;
			_top:-420px;
			left:840px;
			width:84px;
			height:70px;
			display:block;
		}
			
			#cd span {
				display:none;
			}

		#baterai {
			position:absolute;
			top:100px;
			_top:-390px;
			left:800px;
			width:84px;
			height:70px;
			display:block;
		}
			
			#baterai span {
				display:none;
			}
			
	#maincontent {
		position: relative;	
		top:0px;
	    width: 961px;
		background: url("images/back-content.gif") repeat;
	    min-height:369px;
		_height:400px;
	}
	
		#menu {
			position:relative;
			top:0px;
			left:0px;
			width: 960px;
			height:31px;
			text-align:center;
			z-index:1;
			background: url("images/bg-menu.gif") repeat-x;
		}
		
		#bgmenu1 {
			position:absolute;
			left:0px;
			width: 215px;
			height:31px;
			background: url("images/bg-menu_05.gif") no-repeat;	
		}
			
		
		#menu span {
			display:none;
		}
		
			#menu1 {
				float:left;
				margin-top:2px;
				margin-left:298px;
				width:141px;
				height:28px;
				background: url(images/id/mn-home.gif) no-repeat;
			}
					
			#menu2 {
				float:left;
				margin-top:2px;
				width:76px;
				height:28px;
				background: url(images/id/mn-produk.gif) no-repeat;
			}
					
			#menu3 {
				float:left;
				margin-top:2px;
				width:71px;
				height:28px;
				background: url(images/id/mn-lokasi.gif) no-repeat;
			}
					
			#menu4 {
				float:left;	
				margin-top:2px;
				width:77px;
				height:28px;
				background: url(images/id/mn-kontak.gif) no-repeat;
			}
			
		#menu1:hover, #menu2:hover, #menu3:hover, #menu4:hover {
				background-position: 0px -28px;
		}
		
		#bgmenu2 {
			position:absolute;
			top:0px;
			right:-1px;
			width: 215px;
			height:31px;
			background: url("images/bg-menu_07.gif") no-repeat;	
		}
		
		#sidebarkiri {
			float:left;
			margin-top:0px;
			width: 200px;
		}

			#sidebarkiri a:link {
				color:#fff;
			}	

			#sidebarkiri a:visited {
				color:#fff;
			}

			#sidebarkiri a:hover {
				color:#ff0000;
			}	

			#sidebarkiri a:active {
				color:#ff0000;
			}	
			
			.menuspan {
				color:#fff;
			}
			
		#content {
			float:left;
			margin-left:15px;
			margin-top:0px;
			_margin-top:20px;
			width: 529px;
			_width: 525px;
			background: #FFF;
		}
		
			#bannerutama {
				text-align:center;
				margin-top:10px;
				margin-bottom:20px;
			}
		
		#sidebarkanan {
			float:right;
			margin-top:0px;
			text-align:center;
			width: 216px;
		}
		
			#bannerkiri1 {
				margin-top:10px;
				margin-left:0px;
				margin-bottom:20px;
			}

			#bannerkiri2 {
				margin-top:10px;
				margin-left:0px;
				margin-bottom:20px;
			}

			#bannerkiri3 {
				margin-top:10px;
				margin-left:0px;	
				margin-bottom:20px;
			}
		
		#spacer {
			clear: both;
			height:120px;
		}
		
	#footer {
		clear: both;
		position:relative;
		width:961px;
		height:21px;
		background: url("images/footer.gif") no-repeat;
	}
	
	#copyright {	
		position:relative;
		width: 960px;
		top	:-11px;
		_top	:-3px;
		text-align:center;
	}
	
	p.copyright {
		color:#FFF;
	}
	
	a:link.copyright {
		color:#FFF;
	}
	
	a:visited.copyright {
		color:#FFF;
	}

	a:hover.copyright {
		color:#FF0000;
	}
	
	a:active.copyright {
		color:#FF0000;
	}
	
	.titleofsubcatlist {
		padding-left:31px;
	}
	
	.subcatlist {
		padding-left:80px;
	}
	
	.catlist {
		padding-left:12px;
	}