/* CSS by  www.sabahwebdesigner.com */
}

html, body {
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
  padding:0px;
  margin:0px;
}

body {
	background:#42474b url('../images/bg.jpg') repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#371B08;
		margin:0 auto;
}

#page {
	width:950px;
	background:#ffffff;
	margin:0 auto;

}
#header{
  width:950px;
  height:284px;
  background: url('../images/header.jpg') no-repeat;
  margin-top:-10px;
  _margin-top:0px;
}
#nav{
  width:950px;
  height:75px;

  
}
#menu {
list-style: none;
padding: 0;
margin: 0;
width: 950px;
height: 75px;
background: url('../images/navbg.jpg') no-repeat;
position: relative;
}
#menu span {
display: none;
position: absolute;
}
#menu a {
display: block;
text-indent: -900%;
position: absolute;
outline: none;
}
#menu a:hover {
background-position: left bottom;
}
#menu a:hover span{
display: block;
}
#menu .utama {
width: 235px;
height: 74px;
background:url('../images/mainpage.gif') no-repeat;
left: 0px;
top: 0px;
}
#menu .video {
width: 150px;
height: 74px;
background: url('../images/video.gif') no-repeat;
left: 235px;
top: 1px;
}
#menu .download {
width: 215px;
height: 74px;
background: url('../images/download.gif') no-repeat;
left: 384px;
top: 1px;
}
#menu .banner {
width: 183px;
height: 74px;
background: url('../images/banner.gif') no-repeat;
left: 599px;
top: 1px;
}
#menu .blog {
width: 168px;
height: 74px;
background: url('../images/blog.gif') no-repeat;
left: 718px;
_left:748px;
top: -70px;
_top:-69px;
}
#isikandungan{
  width:950px;
  height:950px;
  background: url('../images/isibg.jpg') no-repeat;
  padding:25px;
  

  
}
#isibg{
  width:950px;
  height:160px;
  background: url('../images/isibg.jpg') no-repeat;
  
}
#isibeli{
  width:895px;
  height:450px;


  padding-top:10px;
  margin-left:25px;
 


}
#isibeli ul{
  list-style-type:none;
}
#isibeli h1{
   font-size:25px;
}
.dlm{
  width:500px;
  height:400px;
  float:left;
}
#btn{
  margin-left:236px;
  margin-top:15px;
}
.pembeliluar{
  color:#971c47;
}
#download1{
  width:870px;
  height:260px;
  border:1px solid;
  border-color:#cecfd0;

  margin-left:25px;
  padding:12px;
}
#screensaver{
  width:285px;
  height:258px;
  border:1px solid;
  background: url('../images/screensaver.jpg') no-repeat;
  border-color:#cecfd0;
  
}
#screensavertxt{
  width:570px;
  height:258px;
  border:1px solid;
  margin-left:300px;
  margin-top:-260px;
  background-color:#f0f0f0;
  border-color:#cecfd0;
}
#download2{
  width:870px;
  height:260px;
  border:1px solid;
  border-color:#cecfd0;

  margin-left:25px;
  margin-top:10px;
    padding:12px;
}
#mp3skin{
  width:285px;
  height:258px;
  border:1px solid;
  background: url('../images/mp3skin.jpg') no-repeat;
  border-color:#cecfd0;
  
}
#mp3skintxt{
  width:570px;
  height:258px;
  border:1px solid;
  margin-left:300px;
  margin-top:-260px;
  background-color:#f0f0f0;
  border-color:#cecfd0;
}

#download3{
  width:870px;
  height:260px;
  border:1px solid;
  border-color:#cecfd0;

  margin-left:25px;
  margin-top:10px;
   padding:12px;
}
#tiada{
  width:285px;
  height:258px;
  border:1px solid;
  background: url('../images/mp3.jpg') no-repeat;
  border-color:#cecfd0;
  
}
#tiadatxt{
  width:570px;
  height:258px;
  border:1px solid;
  margin-left:300px;
  margin-top:-260px;
  background-color:#f0f0f0;
  border-color:#cecfd0;
}
.downloadbtn{
  margin-left:150px;
  margin-top:200px;

}
#video1{
  width:900px;
  height:280px;


  margin-left:25px;
}
#video2{
  width:900px;
  height:280px;

  margin-top:30px;

  margin-left:25px;
}
#video3{
  width:900px;
  height:280px;

  margin-top:10px;

  margin-left:25px;
}
#youtube1 {
  width:350px;
  height:280px;
  border:1px solid;
  background-color:#f0f0f0;
  padding:5px;
  border-color:#cecfd0;
}
#youtube2 {
  width:350px;
  height:280px;
  border:1px solid;
  background-color:#f0f0f0;
  padding:5px;
  border-color:#cecfd0;
  margin-left:530px;
  margin-top:-290px;
}
#youtube3{
  width:350px;
  height:280px;
  border:1px solid;
  background-color:#f0f0f0;
  padding:5px;
  border-color:#cecfd0;
}
#youtube4 {
  width:350px;
  height:280px;
  border:1px solid;
  background-color:#f0f0f0;
  padding:5px;
  border-color:#cecfd0;
  margin-left:530px;
  margin-top:-290px;
}
#buycd{
  width:950px;
  height:336px;
  background: url('../images/buy.jpg') no-repeat;
  margin-top:0px;
  
  

}
.btn{
  width:71px;
  height:41px;
 
  float:left;
  margin-left:293px;
  _margin-left:147px;
  margin-top:162px;

}
.btnbuy{
  width:320px;
  height:52px;

  float:right;
  margin-right:118px;
  _margin-right:59px;
  margin-top:230px;
 
  
}

#blogentry{
  width:950px;
  height:305px;
  background: url('../images/middlebg.jpg') no-repeat;

}
.blog{
  width:444px;
  height:180px;
  float:left;
  margin-left:63px;
  _margin-left:32px;
  margin-top:70px;
}
.newsletter{
  width:325px;

  height:121px;
  float:right;
  border:1px solid;
  border-color:#b0b1b1;
  margin-right:52px;
  _margin-right:26px;
  margin-top:136px;
}
#flickrbox{
  padding-top:5px;
 
  width:270px;
  height:265px;


  float:left;
  margin-left:40px;
  _margin-left:23px;

  background-color:transparent;
  margin-top:10px;



}


#flickrbox img {
	float: left;
	margin: 0 8px 6px 0;
	width: 76px;
	height: 76px;
	padding: 2px;
	border: 1px solid #5485b5;
	background: #5485b5
}

#flickrbox img a:hover{
  border:3px solid;
	border-color: #5485b5;
	background: #5485b5;
}
#youtube{
  width:270px;
  height:258px;
  _height:270px;
  float:left;
  margin-left:20px;
  margin-top:14px;
  _margin-top:10px;
  background-color:transparent;

}
.more{
  width:450px;
  height:30px;
  margin-left:23px;
  margin-top:30px;`
}
#download{
  width:285px;
  _width:283px;
  height:258px;
  _height:258px;
  border:1px solid;
  border-color:#c4c7c9;
  float:right;
  margin-top:14px;
  _margin-top:10px;
  margin-right:35px;
  _margin-right:18px;
}
#copy{
  width:949px;
  height:30px;
  padding-top:10px;
  float:left;
  border-top:1px solid;
  border-color:#42474b;
  margin-top:15px;
  _margin-top:5px;

  text-align:center;
  color:#ffffff;
}
#copy a{
  text-decoration:none;
  color:#b68e6a;
}
#copy1{
  width:949px;
  height:30px;
  padding-top:20px;
  float:left;
  border-top:1px solid;
  border-color:#42474b;
  margin-top:260px;
  _margin-top:240px;

  text-align:center;
  color:#ffffff;
}
#copy1 a{
  text-decoration:none;
  color:#b68e6a;
}
.nama{
  width:250px;
  height:18px;
  margin-top:0px;
  _margin-top:-30px;
  background-color:#f0f0f0;
  border:1px solid;
  border-color:#30353b;

  
}
.email{
  width:250px;
  height:18px;
  margin-top:0px;
  _margin-top:-1px;
  background-color:#f0f0f0;
  border:1px solid;
  border-color:#30353b;
}
.bil{
  margin-top:40px;
}
.alamat{
  width:400px;
  height:140px;
  background-color:#f0f0f0;
  border:1px solid;
  border-color:#30353b;
  
}
#banner01{
  width:900px;
  height:230px;

  margin-left:25px;

}
.codetxt{
 width:731px;
 height:160px;

}
#banner01 img{
  border:1px solid;
   border-color:#cecfd0;
   padding:2px;
   background-color:#f0f0f0;
}
#banner02{
  width:900px;
  height:230px;

  margin-left:25px;
  margin-top:15px;

}
#banner02 img{
  border:1px solid;
   border-color:#cecfd0;
   padding:2px;
   background-color:#f0f0f0;
}
#banner03{
  width:900px;
  height:230px;

  margin-left:25px;
  margin-top:15px;

}
#banner03 img{
  border:1px solid;
   border-color:#cecfd0;
   padding:2px;
   background-color:#f0f0f0;
}
#banner04{
  width:900px;
  height:290px;

  margin-left:25px;
  margin-top:15px;

}
#banner04 img{
  border:1px solid;
   border-color:#cecfd0;
   padding:2px;
   background-color:#f0f0f0;
}
#banner05{
  width:900px;
  height:280px;

  margin-left:25px;
  margin-top:15px;

}
#banner05 img{
  border:1px solid;
   border-color:#cecfd0;
   padding:2px;
   background-color:#f0f0f0;
}
#footer{
  width:950px;
  height:336px;
  background: url('../images/footer.jpg') no-repeat;

  

}