body{
	margin: 0;
	padding: 0;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
	word-spacing: normal;
	letter-spacing: normal;
}

p{
	font-family:Arial, Helvetica, sans-serif, "Myriad Pro";
	font-size:0.6em;
	line-height:100%;
}

h1{
	font-family:Arial, Helvetica, sans-serif, "Myriad Pro";
	font-weight:bold;
	font-size:0.7em;
	margin-left: 30px;
}

#container{
	margin: 0 auto;
	width:900px;
	height:auto;
}

#content{
	width:auto;
}

#header{
	background-image:url(../images/julie-estelle-di-wapaku.jpg);
	height:79px;
}

#sidebar{
	float:left;
	position:relative;
	background-image:url(../images/sidebar.jpg);
	width:256px;
	height:650px;
}

#right-side{
	float:right;
	position:relative;
	width:644px;
}

#introduction{
	background-image:url(../images/wapaku-itu-apa.jpg);
	position:relative;
	height:74px;
	width:900px;
}

#how-to{
	background-image:url(../images/bagaimana-register-wapaku.jpg);
	position:relative;
	height:187px;
	width:644px;
}

#wap{
	background-image:url(../images/wap.jpg);
	position:relative;
	height:234px;
	width:644px;
}


#regis-hp{
	position:relative;
	width:644px;
	height:57px;	
}

#boxBiru{
clear:both;
	float:right;
	background-image:url(../images/regis-hp.jpg);
	width: 644px;
	height:57px;
	text-align:center;
}

#boxBiru p1{
	font-family:"Myriad Pro", Arial, "Trebuchet MS";
	font-weight:bold;
	font-size:1.0em;
	color:#FFF;
}

#boxBiru p2{
	font-family:Arial, Helvetica, sans-serif, "Myriad Pro";	
	font-size:0.6em;
	color:#000;
}

#gabungButton{
	width: 85px;
	height: 21px;
	vertical-align:top;
	padding: 0;
	border: 0;
	background: url(../images/buttonGabung.jpg) no-repeat center top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

#submitButton{
  width: 85px;
  height: 21px;
  vertical-align:top;
  padding: 0;
  border: 0;
  background: url(../images/buttonSubmit.jpg) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#contentBoxBiru{
	margin-top:9px;
	vertical-align:middle;
}

#cloud-part{
	clear:both;
	background-image:url(../images/terms.jpg);
	position:relative;
	width:644px;
	height:172px;
	margin-top:-16px;
}

#terms{
	padding:20px;
	clear:both;
	background-image:url(../images/terms.jpg);
	position:relative;
	width:601px;
	height:152px;
	margin-top:-16px;
	text-align:justify;
}


#footer{
	background: url(../images/footer.jpg) no-repeat;
	background-color: #9f379a;
	clear:both;
	position:relative;
	width: 900px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif, "Myriad Pro";
	font-size:0.6em;
	text-align:center;
	padding-top:8px;
	color:#FFF;
	margin:0 auto;
}

#footer h1{
	margin-top: 20px;
	font-size: 1.1em;
	text-align: justify;
}

#footer h2{
	margin-left: 30px;
	font-size: 1.1em;
	text-align: justify;
}

#footer p{
	font-size: 1.0em;
	text-align: justify;
	margin-left: 30px;
	line-height: 110%;
	width: 835px;
}

#footer a{
	color: #FFF;
	text-decoration: none;
}

#footer a:hover{
	color: #FFF;
	text-decoration:underline;
}

li{
	font-family:Arial, Helvetica, sans-serif, "Myriad Pro";
	font-size:0.6em;
	line-height:100%;
	margin-left:10px;
}

tarif{
	font-family:Arial, Helvetica, sans-serif, "Myriad Pro";
	font-size:0.6em;
	line-height:100%;
	padding-left:39px;
}

#bubblecomment{
  width:180px;
  height:600px;
  font-family: Arial, Helvetica, sans-serif, "Myriad Pro";
  font-size:0.8em;
  margin:60px 0px 0px 50px;
}

#popup{
  background: url(../images/gabung-bersama-julie-estelle.jpg);
  width: 523px;
  height: 254px;
  margin:0px;
  padding:0px;
}

.status{
	border-bottom: dashed 1px #2F6F9D;
	padding: 5px 0;	
}

#content-intro{
  font-family: Arial, "Myriad Pro", sans-serif;
  font-size: 0.9em;
  color:#FFF;
  padding:30px 0px 0px 30px;
  width: 850px;
}

#content-intro a{
  font-family: Arial, "Myriad Pro", sans-serif;
  font-size: 1.0em;
  color:#FFF;
  font-weight: bold;
}

#bubblecomment h1{
  color: #2e6e9e;
  font-family: Arial, "Myriad Pro", sans-serif;
  font-size: 1.4em;
  font-weight: bold;
  margin-left:0px;
}

#bubblecomment h2{
  color: #2e6e9e;
  font-family: Arial, "Myriad Pro", sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  margin-left:0px;
  margin-bottom:0;
}

#bubblecomment a{
  color: #2e6e9e;
  font-family: Arial, "Myriad Pro", sans-serif;
  font-weight: bold;
}

.question{
	font-family:Arial, Helvetica, sans-serif, "Myriad Pro";
  font-size:14px;
  line-height:100%;
  font-weight: bold;
  margin: 4px 0;
  padding: 0;
}

.answer{
  font-family:Arial, Helvetica, sans-serif, "Myriad Pro";
  font-size:12px;
  line-height:100%;
  margin: 0;
  padding: 0;
}