/* CSS Document */

#container { /* width: 512px height:768px margin: 0 auto; */}

#logo { margin: 0 0 0 -750px;}
#logo2 { margin: 0 0 0 0;}

img { border: none; }

#menu { margin: 20px 0 20px 250px; font-size:14; text-decoration:none;}
#menu a:hover {margin: 20px 0 20px 30px; font: Arial; color: red; text-decoration:none;}
#menu a:link {margin: 20px 0 20px 30px; font: Arial; color: red; text-decoration:none;}

#line1 { margin: 5px 0 0 265px;  -moz-box-shadow: 20px 20px 5px #888888; /* Old Firefox */}
#line2-1 { margin: 5px 0 0 500px}
#line2-2 { margin: 5px 0 0 490px}
#line3 { margin: -15px 0 0 670px}
#line4 { margin: 45px 0 0 825px}

#main-wrap { width: 1024px; /*height: 1400px;*/ margin: 0 auto; background-color:white; index-z:0;}
body {background-color:silver;} 

#ibotton{ background-image: url('images/iproyek1.jpg'); background-repeat:no-repeat; 
		  background-size: 130px 200px; margin: 0 0 0 330px;}
#ibotton:hover { background-image: url('images/iproyek2.jpg'); background-repeat:no-repeat;
		  background-size: 130px 200px; margin: 0 0 0 330px;}

#sidenav { z-index: 0; margin: 20px 0 0 -700px;}
#sidenav2 { z-index:0; margin: 5px 0 0 -650px;}
#sidenavtext { z-index:-1; margin: -200px 0 0 70px; font: Arial; color: black; text-decoration:none;}
#sidenavtext a:hover{ z-index:-1;  margin: -200px 0 0 30px; font: Arial; color: blue; text-decoration:none;}
#sidenavtext a:link { z-index:-1;  margin: -200px 0 0 30px; font: Arial; color: black; text-decoration:none;}

#sidenavtext2 { z-index:-1; margin: -470px 0 0 80px; font: Arial; font-size: 13px; color: black; text-decoration:none;}
#sidenavtext2 a:hover { z-index:-1; font: Arial; font-size: 13px; color:black; text-decoration:none;}
#sidenavtext2 a:link { z-index:-1; font: Arial; font-size: 13px;  color:black; text-decoration:none;}

#pic { position: absolute; margin: -350px 0 0 380px;}

#contentmainpage { margin: -150px 0 100px 350px; font-size: 14px; width: 650px; }
#contentproyek {margin: 150px 0 100px 100px; width: 800px;}

#content { margin: -150px 0 100px 420px; font-size: 14px; }
#content2 { width: 425px; margin: -400px 0 100px 580px; font: Arial; font-size: 14px;}
#content2 #title { width: 500px; margin: 0 0 0 -200px; font: Arial; font-size: 14px; font-weight: bold; text-transform: uppercase;}
#content2-1 { width: 290px; margin: -50px 0 100px 380px; font: Arial; font-size: 14px;}
#content2-2 { width: 280px; margin: -480px 0 100px 730px; font: Arial; font-size: 14px;}

#footer {height: 120px; background-color:white;}
#footernav {margin: -30px 0 0 250px; font:Arial; }
#footernav a:link {font:Arial; color:black; text-decoration:none;}
#footernav a:hover {font:Arial; color: red; text-decoration:none;}

#address {margin: -40px 0 0 800px; padding: 20px; position: absolute; align: left; font:Arial; font-size: 11px; color:black; }
#netlink a{margin: -20px 0 0 100px; position: absolute; font: Arial; color: black; text-decoration:none; }

#form {margin: -40px 0 0 350px; font-size: 14px; font-weight: normal;}