* {
	padding:0px;
	margin:0px;
}

body {
	font-family:Helvetica, Arial, sans-serif;
}

#wrapper {
	width:960px;
	margin:20px auto 20px;
	overflow:hidden;
}

#header {
	width:auto;
	border-bottom:5px solid #efefef;
}

#header h1 {	
	text-align:center;
}

#header h1 a {display:block;text-decoration:none;color:rgb(180,180,200);font-size:80px;}
#header h1 a:hover{color:rgb(100,100,200);transition:color .5s linear;-moz-transition:color .5s linear;-webkit-transition:color .5s linear;}

#area-wrapper {
  float: left;
  width: 600px;
  overflow: hidden;  
}
  .area {	
	margin:5px 0px 5px;
	height:80px;
	border:1px solid #efefef;
  }

  .area h2 {font-size:65px;}

  .area h2 a {display:block;height:100%;width:100%;text-decoration:none;color:rgb(0,0,200);}
  .area h2 a:hover {display:block;background-color:rgb(100,100,200);color:#efefef;transition: background-color .5s linear;-moz-transition: background-color   .5s linear;-webkit-transition:background-color .5s linear;}

#iklan-wrapper {
  float: right;
  margin-top: 5px;
  padding: 5px;
  width: 300px;
  height: 425px;
  margin-top: 5px;
  overflow: hidden;
  border: 1px solid #efefef;
}

#dot {font-size:12px;color:rgb(0,0,200);}