@charset "utf-8";
/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0; padding:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none; margin:0; padding:0;}
img, img a{border:none;}

h2{
	font-size: 12px;
}

#general{
	width:1024px;
	height:768px;
	top: 50%;
	left:50%;
	margin-top: -384px;
	margin-left:-512px;
	background-image:url(../images/bgxxx.jpg);	
	position:absolute;
}

#latar{
	width:866px;
	height:606px;
	z-index:1;
	left: 50%;
	top: 50%;
	margin-top: -303px;
	margin-left: -433px;
	background-image:url(../images/kotak.png);
	background-repeat:no-repeat;
	position:absolute;
}

#judul{
	width:280px;
	height:344px;
	z-index:2;
	left: 50%;
	top: 46%;
	margin-top: -172px;
	margin-left: -140px;
	background-image:url(../images/judul.png);
	background-repeat:no-repeat;
	position:absolute;
}

#palang{
	width:776px;
	height:38px;
	z-index:3;
	left: 50%;
	top: 80%;
	margin-top: -19px;
	margin-left: -388px;

	background-repeat:no-repeat;
	position:absolute;
}

#logo{
	width:132px;
	height:195px;
	z-index:6;
	left: 87%;
	top: 25%;
	margin-top: -66px;
	margin-left: -98px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	position:absolute;
}

#logo24{
	width:152px;
	height:164px;
	z-index:4;
	left: 82%;
	top: 73%;
	margin-top: -82px;
	margin-left: -76px;
	background-image:url(../images/24.png);
	background-repeat:no-repeat;
	position:absolute;
}

#logo24-2{
	width:152px;
	height:164px;
	z-index:5;
	left: 21%;
	top: 45%;
	margin-top: -82px;
	margin-left: -76px;
	background-repeat:no-repeat;
	position:absolute;
}

#logo24-3{
	width:152px;
	height:164px;
	z-index:5;
	left: 83%;
	top: 62%;
	margin-top: -82px;
	margin-left: -76px;
	background-repeat:no-repeat;
	position:absolute;
}

#navigasi{
	width:510px;
	height:28px;
	z-index:7;
	left: 42%;
	top: 17%;
	margin-top: -14px;
	margin-left: -255px;
	position:absolute;
}

#content1{
	width:336px;
	height:272px;
	z-index:-2;
	left: 50%;
	top: 55%;
	margin-top: -136px;
	margin-left: -168px;
	background-image:url(../images/content1.png);
	position:absolute;
}

#content1 .prod1{
	width:87px;
	height:112px;
	z-index:8;
	left: 25%;
	top: 75%;
	margin-top: -56px;
	margin-left: -44px;
	position:absolute;
}

#content1 .prod2{
	width:87px;
	height:112px;
	z-index:9;
	left: 52%;
	top: 74%;
	margin-top: -56px;
	margin-left: -44px;
	position:absolute;
}

#garis{
	width:479px;
	height:11px;
	z-index:10;
	left: 44%;
	top: 80%;
	margin-top: -5px;
	margin-left: -240px;
	background-image:url(../images/garis.png);
	position:absolute;
}

#content2{
	width:437px;
	height:257px;
	z-index:-2;
	left: 44%;
	top: 55%;
	margin-top: -126px;
	margin-left: -218px;
	position:absolute;
}

#content3{
	width:500px;
	height:349px;
	z-index:-2;
	left: 44%;
	top: 50%;
	margin-top: -175px;
	margin-left: -250px;
	position:absolute;
}

#content4{
	width:500px;
	height:349px;
	z-index:-2;
	left: 44%;
	top: 50%;
	margin-top: -175px;
	margin-left: -250px;
	position:absolute;
}