/* CSS Document */
body {
background-image:url(ololo/Water-Drops-Image.jpg);
}
			  
/* 2. HEADER-----------------------------------------*/
#header { 
            Width: 1000px;
            height: 263px;
            margin-right: auto;
            margin-left: auto;
            background-color: #9900ff;
}
/* 3. MENU -----------------------------------------*/
#menu { 
            Width: 1000px;
            height: 40px;
            margin-right: auto;
            margin-left: auto;
            background-color:#00FF55;
			
}
 #menu ul{
     list-style-type:none;/*membuang bullet/numbering*/
     margin: 0;
     padding: 0;
     overflow: hidden;/*mengawal kandungan samada hiddern, scroll*/
     background-color:#ccc;/*warna<ul>*/
     font-family:Arial, Helvetica, sans-serif;/*menetapkan jenis tulisan*/
     font-size:14px;/*menetapkan saiz tulisan*/
    }
	 #menu li{
	   float:left;/*Kedudukan List team*/
	   
	 }
	  
     #menu li a {
       display:inline-block;/*membentuk blok*/
       color:white;/*warna tulisan*/
       text-align: center;/*jajaran tulisan*/
       padding:14px 16px;
       text-decoration: none;/*membuang underline pada pautan*/
    }
     #menu li a:hover {
         background-color:#222;/*warna bg bila dituding/hover*/
    }
    /*----------------------------SUB MENU-----------------------------*/
   #menu li ul {
        position:absolute;/*kedudukan paparan submenu absolute-akan keluar dari posisi asal
    */
       display:none;/*None-submenu tidak dipaparkan jika tidak dituding*/
       width: inherit;
   } 
   #menu li:hover ul {
         display: block;/* bentuk paparan submenu */ }

/* 4. CONTENT -----------------------------------------*/
#content {
	Width: 1000px;
	height: 700px;
	margin-right:auto;
	margin-left: auto;
	background-image:url(ololo/buble.jpeg);
	background-repeat: no-repeat;			
            
}
  #imagepik{
              height:350px;
			  width:500px;
			  float:right;
	
			  
		}
	#imagepikdesc{
	height:330px;
	width:400px;
	float:left;

	padding-left:50px;
	padding-right:50px;
	padding-top:20px;
	text-align: justify;			  
		}
    
	 #imagezant{
              height:400px;
			  width:500px;
			  float:left;
			  
		}
		 #imagezantdesc{
              height:330px;
			  width:400px;
			  float:right;
			  
			  padding-left:50px;
	          padding-right:50px;
	          padding-top:20px;
			  text-align: justify; 
			  
		}

		
			 
		 
/* 5. FOOTER -----------------------------------------*/
#footer {
	Width: 1000px;
	height: 110px;
	margin-right:auto;
	margin-left: auto;
	background-image: url(ololo/footer.jpg);
           
             
}

#soul{
    width:1000px;
	height:233px;
	
}
#soul1{
    width:1000px;
	height:233px;
	
}#soul2{
    width:269px;
	height:306px;
	
}
 # anigif{
          width:1000;
		  height:300;
		  }
#pic
  { width:1000;
    height:300;
	background-color: #2A1F55;
	}       
#wal{
     width:500;
	 height:400;
	 background-color:#FF3FAA;
	 float:left;
	 }
#ord{
     width:500;
	 height:400;
	 background-color:#FFDFFF;
	 float:right;
	 }