*{margin: 0; padding: 0;}
body {
	width: 910px;
	margin:auto;
	background: rgba(0,0,0,0.35);
	z-index: 1;
}


header img {
	width: 910px;
	height: 150px;
}

.leher {
	width: 100%;
	height: 100px;
	background: darkred;
}
.leher .kanan {
	width: 700px;
	height: 100%;
	float: left;
}
.leher .kanan img {
	width: 150px;
	height: 90px;
}

.leher .kiri p {
	color: white;
	font-size: 17.5px;
	margin-top: 0px 0px 0px 125px;
}

menu {
	background-color:blue; 
	height:50px; 
	line-height:50px; 
	position:relative;
	width:910px;
	margin: 0px;
	padding: 0px;
}

menu ul {
	list-style:none;
}
menu ul li a {
	float:left;   
	width:130px; 
	display:block; 
	text-align:center; 
	color:#fff; 
	text-decoration:none; 
	text-transform:uppercase;
}

menu ul li a:hover {
	background-color:#666; 
	display:block;
}

menu ul li:hover ul {
	display:block;
}
menu ul ul {
	display:none; 
	list-style:none; 
	position:absolute; 
	background-color:#900;
	left:390px; 
	top:50px;   
	width:250px;
	z-index: 9999;
}

menu ul ul li a {
	float:none; 
	display:block; 
	padding-left:30px; 
	text-align:left; 
	width:220px;
	z-index: 9999;
}

menu ul ul li a:hover {
	color:#990;
}

.recomended {
	width: 100%;
	height: 50px;
	background: black;
	position: relative;
}

.recomended h1 {
	text-align: center;
	color: white;
	margin-top: 5px;
}

.perut {
	width: 100%;
	overflow: hidden; 
}
.perut .kanan {
	width: 250px;
	float: left;
	background: darkred;
}
.perut .kanan h1 {
	color: white;
	margin: 10px 5px 5px 10px;
}

.perut .kanan p {
	color: white;
	margin: 15px 10px 15px 10px;
	text-align: justify;
}
.perut .kanan p p {
	color: blue;
	margin: 15px 10px 15px 10px;
	text-align: justify;
}
.perut .kiri {
	width: 660px;
	float: left;
	background: black;
}
.perut .kiri h2 {
	color: white;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.gambar img {
	width: 100%;
	height: 175;
}

.hystory {
	background: black;
	width: 910px;
	height: 60px;
	position: relative;
}

.hystory h1 {
	color: white;
	position: absolute;
	bottom: 25px;
	left: 790px;
}

.isi {
	width: 100%;
	overflow: hidden; 
}

.isi .kanan {
	width: 575px;
	float: left;
	background: darkred;
}

.isi .kanan img {
	width: 285px;
	height: 183px;
	margin: 15px 10px 15px 10px;
	float: left;
}

.isi .kanan p {
	color: white;
	margin: 15px 10px 25px 10px;
	text-align: justify;
}

.isi .kiri {
	width: 335px;
	float: left;
	background: rgba(0,0,0,0.45);
}

.isi .kiri img {
	width: 285px;
	height: 183px;
	margin: 15px 10px 6px 25px;
	float: left;
}
.isi .kiri h4 {
	color: darkred;
	margin: 15px 10px 15px 10px;
	text-align: justify;
}

.isi .kiri p {
	color: black;
	margin: 15px 10px 15px 10px;
	text-align: justify;
	font-style: italic;
}

.services {
	background: black;
	width: 910px;
	height: 60px;
	position: relative;
}
.services h1 {
	color: white;
	position: absolute;
	bottom: 25px;
	left: 790px;
}
.isi-services {
	width: 100%;
	overflow: hidden;
}
.isi-services .kanan {
	width: 500px;
	float: left;
	background: rgba(0,0,0,0.45);
}
.isi-services  h3{
	color: darkred;
	margin: 23px 150px;
}
.isi-services .kiri {
	width: 410px;
	float: left;
	background: darkred;
}
.isi-services .kiri img{
	width: 150px;
	height: 100px;
	margin: 10px 5px 10px 5px;
	float: left;
}
.isi-services .kiri p{
	color: white;
	margin: 10px 5px 10px 5px;
}

.isi-services .kiri a {
	text-decoration: none;
}

.isi-services .kiri a:hover {
	color: orange;
}

.services-bawah {
	width: 100%;
	overflow: hidden;
}

.services-bawah a {
	text-decoration: none;
}

.services-bawah a:hover {
	color: orange;
}

.services-bawah .kanan {
	width: 50%;
	float: left;
	background: darkred;
}

.services-bawah .kanan img{
	width: 150px;
	height: 100px;
	margin: 10px 5px 10px 5px;
	float: left;
}

.services-bawah .kanan p{
	color: white;
	margin: 10px 5px 10px 5px;
}

.services-bawah .kiri {
	width: 50%;
	float: left;
	background: rgba(0,0,0,0.45);
}

.services-bawah .kiri img{
	width: 150px;
	height: 100px;
	margin: 10px 5px 10px 5px;
	float: left;

}

.services-bawah .kiri p{
	color: darkred;
	margin: 10px 5px 10px 5px;
}

.engineering {
	width: 910px;
	height: 55px;
	background: black;
}

.engineering h2 {
	color: white;
	margin: 20px 0 0 25px;
	position: absolute;
}

.isi-engineering {
	width: 100%;
	overflow: hidden;
	background: rgba(0,0,0,0.2);
	
}
.isi-engineering .kanan {
	width: 50%;
	float: left;
}
.isi-engineering .kanan img {
	width: 425px;
	height: 195px;
	margin: 15px 15px 10px 15px;
	float: left;
}

.isi-engineering .kanan h3 {
	margin: 15px 10px;
	color: darkred;
	text-align: justify;
}

.isi-engineering .kanan p {
	margin: 15px 10px;
	color: black;
	text-align: justify;
}

.isi-engineering .kiri {
	width: 50%;
	float: left;
	background: darkred;
}

.isi-engineering .kiri img {
	width: 425px;
	height: 195px;
	margin: 15px 15px 15px 15px;
	float: left;
}

.isi-engineering .kiri p {
	color: white;
	margin: 15px 10px;
	text-align: justify;
}

.procurement {
	width: 910px;
	height: 55px;
	background: black;
}

.procurement h2 {
	color: white;
	margin: 20px 0 0 25px;
	position: absolute;
}

.isi-procurement {
	width: 100%;
	overflow: hidden;
	background: darkred;
}

.isi-procurement .kanan {
	width: 355px;
	float: left;
}

.isi-procurement .kanan img {
	width: 325px;
	height: 475px;
	margin: 15px 15px;
	float: left;
}

.isi-procurement .kiri {
	width: 555px;
	float: left;
	background: rgba(0,0,0,0.4);
}

.isi-procurement .kiri p {
	color: white;
	margin: 15px 45px 15px 25px;
	text-align: justify;
}

.isi-procurement .kiri img {
	width: 225px;
	height: 155px;
	float: left;
	margin: 15px 15px;
}

.construction {
	width: 910px;
	height: 55px;
	background: black;
}

.construction h2 {
	color: white;
	margin: 20px 0 0 25px;
	position: absolute;
}

.isi-construction {
	width: 100%;
	overflow: hidden;
	background: darkred;
}

.isi-construction .kanan {
	width: 555px;
	float: left;
}

.isi-construction .kanan img  {
	width: 235px;
	height: 125px;
	margin: 15px 15px ;
	float: left;
}
.isi-construction .kanan p {
	color: white;
	margin: 15px 25px 15px 15px;
	text-align: justify;
}

.isi-construction .kiri {
	width: 355px;
	float: left;
	background: rgba(0,0,0,0.4);
}

.isi-construction .kiri img  {
	width: 325px;
	height: 175px;
	margin: 15px 15px ;
	float: left;
}

.commissioning {
	width: 910px;
	height: 55px;
	background: black;
}

.commissioning h2 {
	color: white;
	margin: 20px 0 0 25px;
	position: absolute;
}

.isi-commissioning {
	width: 100%;
	overflow: hidden;
	background: darkred;
}

.isi-commissioning .kanan {
	width: 355px;
	float: left;
}

.isi-commissioning .kanan img  {
	width: 325px;
	height: 175px;
	margin: 15px 15px ;
	float: left;
}

.isi-commissioning .kiri {
	width: 555px;
	float: left;
}

.isi-commissioning .kiri img  {
	width: 235px;
	height: 125px;
	margin: 15px 15px ;
	float: left;
}
.isi-commissioning .kiri p {
	color: white;
	margin: 15px 25px 15px 15px;
	text-align: justify;
}

.fabrication {
	width: 910px;
	height: 55px;
	background: black;
}

.fabrication h2 {
	color: white;
	margin: 20px 0 0 25px;
	position: absolute;
}

.isi-fabrication {
	width: 100%;
	overflow: hidden;
	background: darkred;
}

.isi-fabrication .kanan {
	width: 355px;
	float: left;
}

.isi-fabrication .kanan img  {
	width: 325px;
	height: 175px;
	margin: 15px 15px ;
	float: left;
}

.isi-fabrication .kiri {
	width: 555px;
	float: left;
}

.isi-fabrication .kiri img  {
	width: 235px;
	height: 125px;
	margin: 15px 15px ;
	float: left;
}
.isi-fabrication .kiri p {
	color: white;
	margin: 15px 25px 15px 15px;
	text-align: justify;
}

.project {
	width: 910px;
	height: 55px;
	background: black;
}

.project h2 {
	color: white;
	margin: 20px 0 0 25px;
	position: absolute;
}

.isi-project {
	width: 100%;
	overflow: hidden;
	background: darkred;
}

.isi-project .kanan {
	width: 455px;
	float: left;
}

.isi-project .kanan p {
	color: white;
	margin: 15px 25px 15px 15px;
	text-align: left;
	text-align: justify;
}

.isi-project .kanan img  {
	width: 325px;
	height: 175px;
	margin: 15px 15px ;
	float: left;
}

.isi-project .kiri {
	width: 455px;
	float: left;
	background: rgba(0,0,0,0.2);
}

.isi-project .kiri p {
	color: white;
	margin: 15px 25px 15px 15px;
	text-align: left;
	text-align: justify;
}


.isi-mutu {
	width: 100%;
	overflow: hidden;
	background: darkred;
}
.isi-mutu img {
	width: 750px;
	height: 1100px;
	margin: 80px 0px 10px 80px;
}
.isi-migas {
	width: 100%;
	overflow: hidden;
	background: darkred;
}
.isi-migas img {
	width: 416px;
	height: 566px;
	margin: 20px 0px 0px 20px;
}



footer {
	width: 910px;
	height: 55px;
	background: blue;
	position: absolute;
}
footer p {
	color: white;
	position: absolute;
	bottom: 10px;
	left: 330px;
}