body    {
	margin: 0px;
	padding: 0px;
	/* background: repeat-x url("img/background.jpg"); */
	background-color: #FFFFFF;
	}


/* lembar pengetesan */

#inti  { width: 1000px; height: auto;
        /*  border: 1px solid #024B97; */
        background-color: #F0F0F1;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        }

#inti0 { width: 1000px; height: auto;
        /*  border: 1px solid #024B97; */
        background-color: #F0F0F1;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: left;
        }

#inti1 { width: 776px; height: auto;
        /*  border: 1px solid #024B97; */
        background-color: #F0F0F1;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: left;
        }

#inti2 { width: 224px; height: auto;
        /*  border: 1px solid #024B97; */
        min-height: 1360px;
        background-color: #CECECE;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: left;
        }
        
#inti3 { width: 1000px; height: 80px;
        /*  border: 1px solid #024B97; */
        /* background-color: #FF6600; */
        background-image: url("../img/footer.png");
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: left;
        }


/*  Banner  */
#banh { width: 1000px; height: 138px;
        background-image: url("../img/logo.jpg");
        text-align: center;
        float: left;
        }
        
.cari { margin-top: 115px;
        margin-left: 320px;
        }
/*  End Banner  */


/*  Menu Atas  */
#menh { width: 1000px; height: 61px;
        background-image: url("../img/bar.png");
        text-align: center;
        float: left;
        }
        
.menuatas {
          text-align: left;
          font: 12px arial; font-weight: bold; color: #4C4D4E;
          margin-top: 24px;
          margin-left: 30px;
          text-decoration: none;
           }

.menuatas a {
          text-align: left;
          font: 12px arial; font-weight: bold; color: #4C4D4E;
          margin-top: 24px;
          margin-left: 30px;
          text-decoration: none;
           }
           
.menuatas a:hover {
          text-align: left;
          font: 12px arial; font-weight: bold; color: #FFFFFF;
          margin-top: 24px;
          margin-left: 30px;
          text-decoration: none;
           }
/*  End Menu Atas  */


/*  Menu Kiri  */
#sash { width: 252px; height: auto;
        text-align: center;
        float: left;
        }

.menu { width: 252px; height: auto;
        text-align: center;
        float: left;
        }

.menutext { width: 220px; height: auto;
        font: 12px arial; font-weight: bold; color: #4C4D4E;
        text-align: left;
        margin-top: 5px;
        float: right;
        text-decoration: none;
        }

.menutext a { width: 220px; height: auto;
        font: 12px arial; font-weight: bold; color: #4C4D4E;
        text-align: left;
        margin-top: 5px;
        float: right;
        text-decoration: none;
        }
        
.menutext a:hover { width: 220px; height: auto;
        font: 12px arial; font-weight: bold; color: #FF6600;
        text-align: left;
        margin-top: 5px;
        float: right;
        text-decoration: none;
        }

.menuhr {
         float: left;
         }
         
.menuimg {
         margin-top: 20px;
         float: left;
         }
/*  End Menu Kiri  */


/*  Menu Tengah  */
#dash { width: 524px; height: 674px;
        /* border: 1px solid #ff6600; */
        background-color: #EAEAEA;
        margin-left: auto;
        margin-right: auto;
        float: left;
        }

.kataatas {
          width: 524px; height: 103px;
           }

.child		{ width: 160px; height: 180px;
                  background-color: #FFFFFF;
                 /* border: 1px solid #ff6600; */
                  margin-left: 10px;
                  margin-top: 0px;
                  margin-bottom: 10px;
                  float: left;
                  }
                  
.catas		{ width: 150px; height: auto;
                 /* border: 1px solid #ff6600; */
                  margin-left: 10px;
                  margin-right: auto;
                  font: 12px arial; color: #4C4D4E; font-weight: bold; text-align: left;
                  margin-top: 2px;
                  }
.cbawah		{ width: 150px; height: auto;
                 /* border: 1px solid #ff6600; */
                  margin-left: 10px;
                  margin-right: auto;
                  font: 9px arial; color: #4C4D4E; text-align: left;
                  margin-top: 2px;
                  text-decoration: none;
                  }
.cbawah	a	{ width: 150px; height: auto;
                 /* border: 1px solid #ff6600; */
                  margin-left: auto;
                  margin-right: auto;
                  font: 9px arial; color: #4C4D4E;
                  margin-top: 2px;
                  text-decoration: none;
                  }
.cbawah	a:hover	{ width: 150px; height: auto;
                 /* border: 1px solid #ff6600; */
                  margin-left: auto;
                  margin-right: auto;
                  font: 9px arial; color: #FF6600;
                  margin-top: 2px;
                  text-decoration: none;
                  }
.cgambar	{ width: 150px; height: auto;
                 /* border: 1px solid #ff6600; */
                  margin-left: auto;
                  margin-right: auto;
                  margin-top: 2px;
                  }

/*  End Menu Tengah  */


/*  Animasi kanan  */
#flsh { width: 224px; height: auto;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: left;
        }

.iklan { width: 222px; height: auto;
         font: 16px arial; font-weight: bold; color: #4C4D4E;
         text-align: left;
         margin-bottom: 10px;
         margin-left: auto;
         margin-right: auto;
        }
/*  End Animasi Kanan  */

/* Paging */

.paging         {
                 width: 700px;
                 font: 12px arial; color: #4C4D4E;
                 text-align: right;
                 text-decoration: none;
                 margin-left: auto;
                 margin-right: auto;
                 }
.paging a       {
                 width: 700px;
                 font: 12px arial; color: #4C4D4E;
                 text-align: right;
                 text-decoration: none;
                 margin-left: auto;
                 margin-right: auto;
                 }
.paging a:hover {
                 width: 700px;
                 font: 12px arial; color: #FF6600;
                 text-align: right;
                 text-decoration: none;
                 margin-left: auto;
                 margin-right: auto;
                 }
                 
/* end paging */

/* video */
#flbh { width: 749px; height: 330px;
        background-image: url("../img/video.png");
        /* border: 1px solid #024B97; */
        text-align: center;
        margin-top: 10px;
        margin-left: 15px;
        margin-right: auto;
        float: left;
        }
        
.vid { width: 360px; height: auto;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: left;
        }
.vidreal { width: 320px; height: 240px;
        text-align: center;
        margin-top: 66px;
        margin-left: 24px;
        margin-right: 10px;
        float: left;
        }

.vidreal2 { width: 500px; height: 320px;
        background-image: url("../img/videobar.png");
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: left;
        }

.vidreal3 { width: 500px; height: auto;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 55px;
        float: left;
        }
        
.menuvid {
         width: 389px; height: 310px;
         text-align: left;
         margin-left: auto;
         margin-right: auto;
         float: left;
         }
         
.menuvidbox {
         width: 500px; height: auto;
         margin-left: auto;
         margin-right: auto;
         }

.menuvidhed {
         width: 360px; height: auto;
         font: 16px arial; font-weight: bold; color: #CCCCCC;
         text-align: left;
         margin-top: 10px;
         margin-left: 20px;
         margin-right: auto;
         float: left;
         }
         
.menuvidhed2 {
         width: 500px; height: auto;
         font: 16px arial; font-weight: bold; color: #CCCCCC;
         text-align: left;
         margin-top: 10px;
         margin-bottom: 10px;
         margin-left: auto;
         margin-right: auto;
         float: left;
         }

.menuviddet2 {
         width: 128px; height: 110px;
         margin-left: 32px;
         margin-right: auto;
         margin-bottom: 10px;
         float: left;
         }

.menuviddet {
         width: 160px; height: 140px;
         margin-left: 32px;
         margin-right: auto;
         float: left;
         }

.menujudul {
         width: 160px; height: auto;
         text-align: left;
         margin-left: auto;
         margin-right: auto;
         float: left;
         font: 8px arial; font-weight: bold; color: #4C4D4E;
         }
         
.menujudul2 {
         width: 340px; min-height: 110px;
         text-align: left;
         margin-left: auto;
         margin-right: auto;
         margin-bottom: 10px;
         float: left;
         font: 12px arial; font-weight: bold; color: #4C4D4E;
         }
         
.menudesvid {
         width: 340px; height: auto;
         text-align: left;
         margin-left: auto;
         margin-right: auto;
         float: left;
         font: 12px arial; color: #4C4D4E;
         }
/* end video */


/* infosoftware */
#infos { width: 369px; height: 309px;
        /* border: 1px solid #024B97; */
        background-image: url("../img/comesoon.png");
        margin-left: 10px;
        margin-right: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: left;
        float: left;
        }
        
.detailinfos { width: 320px; height: 300px;
        /* border: 1px solid #024B97; */
        font: 12px arial; color: #4C4D4E;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 40px;
        margin-bottom: 5px;
        text-align: left;
        text-decoration: none;
        }
.detailinfos a { width: 320px; height: 300px;
        /* border: 1px solid #024B97; */
        font: 12px arial; color: #4C4D4E;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 40px;
        margin-bottom: 5px;
        text-align: left;
        text-decoration: none;
        }
.detailinfos a:hover { width: 320px; height: 300px;
        /* border: 1px solid #024B97; */
        font: 12px arial; color: #FF6600;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 40px;
        margin-bottom: 5px;
        text-align: left;
        text-decoration: none;
        }
/* end infosoftware */


/* infohardware */
#infoh { width: 369px; height: 309px;
        /* border: 1px solid #024B97; */
        background-image: url("../img/comesoonhard.png");
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: left;
        float: left;
        }
        
.detailinfoh { width: 320px; height: 300px;
        /* border: 1px solid #024B97; */
        font: 12px arial; color: #4C4D4E;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 40px;
        margin-bottom: 5px;
        text-align: left;
        text-decoration: none;
        }
.detailinfoh a { width: 320px; height: 300px;
        /* border: 1px solid #024B97; */
        font: 12px arial; color: #4C4D4E;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 40px;
        margin-bottom: 5px;
        text-align: left;
        text-decoration: none;
        }
.detailinfoh a:hover { width: 320px; height: 300px;
        /* border: 1px solid #024B97; */
        font: 12px arial; color: #FF6600;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 40px;
        margin-bottom: 5px;
        text-align: left;
        text-decoration: none;
        }
/* end infohardware */

        
#foth { width: 998px; height: 80px;
        /* border: 1px solid #024B97; */
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: left;
        }
        
.foottext { width: 998px; height: 80px;
        /* border: 1px solid #024B97; */
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        font: 12px arial; color: #4C4D4E;
        text-decoration: none;
        }
.foottext a { width: 998px; height: 80px;
        /* border: 1px solid #024B97; */
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        font: 12px arial; color: #4C4D4E;
        text-decoration: none;
        }
.foottext a:hover { width: 998px; height: 80px;
        /* border: 1px solid #024B97; */
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        font: 12px arial; color: #FF6600;
        text-decoration: none;
        }



/* end */