#container{
width:100%;
margin-left:auto;
margin-right:auto;
background:#fff;
}
#wrapper {
	width: 1070px;
	margin-top:0px;
	margin-right: auto;
	margin-left: auto;
    position:relative;
	z-index:2;
	background:#fff;
}
#wrapper #kotak {
	width: 1040px;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
}
#wrapper #kotak #topbox {
float:left;
width:1040px;
height:320px;
}
#wrapper #kotak #leftbox {
float:left;
width:728px;
margin-top:0px;
margin-left:0px;
margin-right:12px;
}
#wrapper #kotak #leftbox #leftboxone {
width:728px;
padding-bottom:20px;
}
#wrapper #kotak #leftbox #leftboxtwo {
width:728px;
background-color:magenta;
}
#wrapper #kotak #leftbox #leftboxthree {
width:728px;
background-color:grey;
}

#wrapper #kotak #rightbox {
float:left;
width:300px;
margin-top:0px;
}

#wrapper #kotak #indexbox {
width:1024px;
}

#clear {
	clear: both;
}

/* other */
#clear {
	clear: both;
}
/* Link Hover */
#link_hov {
text-decoration:none;
color:#464646;
}
#link_hov:hover {
color:#ec008c;
}
#link_hov2{
text-decoration:none;
color:#ec008c;
font-weight:bold;
font-size:20px;
}
#link_hov2:hover {
opacity:.8;
}
#link_more{
text-decoration:none;
color:#ec008c;
}
#link_more:hover{
color:#5e5e5e;
text-decoration:underline;
}

#block {
text-decoration:none;
display:block;
color:#313233;
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
}

#block:hover {
background:#e1e1e1; /* old browsers */
background:-webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#d0d0d0)); /*webkit*/
background:-moz-linear-gradient(top,#e1e1e1,#d0d0d0); /*firefox*/
color:#ec008c;
}

#fitur {
width:1024px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

#fitur #fitur1 {
float:left;
width:239px;
margin-right:22px;
}
#fitur #fitur2 {
float:left;
width:239px;
margin-right:22px;
}
#fitur #fitur3 {
float:left;
width:239px;
margin-right:21px;
}
#fitur #fitur4 {
float:left;
width:242px;
}
#isi-tebel {
float:left;
width:239px;
font-weight:bold;
padding-bottom:5px;
border-bottom:solid 1px #bababa;
font-size:15px;
}
#isi {
float:left;
width:239px;
padding-top:5px;
padding-bottom:5px;
border-bottom:solid 1px #bababa;
font-size:12px;
}

/* Link Hover */
#link_hov_white {
text-decoration:none;
color:#ffffff;
}
#link_hov_white:hover {
color:#ec008c;
}
/* End Link Hover */

/* Link Hover Headline Judul */
#link_hov_headline_judul {
color:#FFFFFF;
text-decoration:none;
}
#link_hov_headline_judul:hover {
color:#FFFFFF;
text-decoration:underline;
}
/* End Link Hover Headline Judul */

/* Link Hover Headline */
#link_hov_headline {
text-decoration:none;
color:#FFFFFF;
}
#link_hov_headline:hover {
color:#ec008c;
}
/* End Link Hover Headline */

/* Link Opacity */
#gambar_opacity:hover {
opacity:.8;transition:all 0.3s ease-out;
}
#judul_atas {
text-decoration:none;
}
#judul_atas:hover {
text-decoration:underline;
}

#judul_atas_magenta {
text-decoration:none;
color:#ec008c;
}
#judul_atas_magenta:hover {
text-decoration:underline;
}
/* End Link Opacity */

.trapezium {
   /* Skew */
   -webkit-transform: skew(-20deg); 
   -moz-transform: skew(-20deg); 
   -o-transform: skew(-20deg);
   transform: skew(-20deg);
}