*{margin:0;padding:0;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0;}
abbr[title], acronym[title] {border-bottom:thin solid;cursor:help;}
body{background:url(../images/barbg.png) repeat-x #52443c;font-size:12px;font-family:Tahoma,Arial,Helvetica,sans-serif;color: #B4A59F;text-align:left;}#logo{background:transparent url(../images/mudkip3.png); height:290px; width:245px; margin-left:30px; margin-top:50px; float:left;cursor:url("ciom.gif"), cell;;}#atas{width:960px;height: 500px; background:url(../images/atasbg.png) no-repeat; margin: 50px auto 5px auto; padding-left:23px; margin-bottom:400px; position:relative;}.social_button{margin-top:20px; float:left; width:490;}.social_button2{ float:left; margin-left:20px; margin-bottom:20px;}.gambar{cursor:pointer;z-index:9;position:relative;left:195px;top:95px;height:90px;width:80px;}.kertas_wrap{-moz-border-radius:12px 0 12px 0px; height:200; width:100%; background:white;}.kertas{background-image:url(../images/kertas.png); height:90%; width:100%;}.button {position:relative;	width:50px;	height:45px;	display:block;	background-image:url(../images/button.png); 	background-position: 0 -1px ; 	 float:left;}   /*  .button:hover{          width:50px;          background-position:0 -49px;          height:45px;  		display:block;       background-image:url(..images/button.png) no repeat;      }  */ 		.button span.hover {	width:50px;	height:45px; 	position:absolute;	background-image:url(../images/button.png); 	background-position: 0 -49px ; 	 float:left;	}	.flickrbutton {position:relative;	width:50px;	height:45px;	display:block;	background-image:url(../images/button.png); 	background-position: -60px 0px ; 	 float:left;}.flickrbutton span.hover {	width:50px;	height:45px; 	position:absolute;	background-image:url(../images/button.png); 	background-position: -060px -48px ; 	 float:left;	}		.twitterbutton {position:relative;	width:50px;	height:45px;	display:block;	background-image:url(../images/button.png); 	background-position: -113px 0px ; 	 float:left;}.twitterbutton span.hover {	width:50px;	height:45px; 	position:absolute;	background-image:url(../images/button.png); 	background-position: -113px -48px ;  float:left;		}			.gmailbutton {position:relative;	width:50px;	height:45px;	display:block;	background-image:url(../images/button.png); 	background-position: -166px 0px ; 	 float:left;}.gmailbutton span.hover {	width:50px;	height:45px; 	position:absolute;	background-image:url(../images/button.png); 	background-position: -166px -48px ;  	 float:left;	}#barbawah{background: url("../images/barbg2.png") repeat-x; margin: auto;}#box1{-moz-border-radius:0 0 12px 12px;-moz-box-shadow:0 10px 15px #161210;background:none repeat scroll 0 0 #AF9F96;border-color:darkRed #f5f5f5 #B9A9A0;border-right:1px solid #B9A9A0;border-style:solid solid solid none;border-width:9px 1px 1px;color:black;display:block;float:left;height:100px;margin:auto;opacity:0.85;padding:10px;width:900px;}	.bubbleInfo {    position: relative;}.popup {background:blue;height:80px;width:90px;    position: absolute;   display: none; /*  keeps the popup hidden if no JS available */}.dummy{background:url("../images/button.png") repeat scroll 0 105px transparent;height:100px;position:absolute;width:110px;}#surat{background: url("../images/surat.png") no-repeat; width:640px;height:293px;position:relative;}.speech{width:355; height:160; background:url("../images/speech.png") no-repeat scroll 0 transparent; position:absolute; left:230; display:none; opacity:0; z-index:2;} .speech_in{float:left;height:110px;left:20px;padding:10px;position:relative;text-align:center;top:10px;vertical-align:baseline;width:310px;display:table;}.speech_in p {  display: table-cell;  vertical-align: middle;  text-align: center;  font-size: 18px;color:black;}  .quotesContainer{ width:355; height:160;}