@charset "utf-8";
/* CSS Document */

body{
	padding:0; margin:0; background:#333;
	font:11px/1.3em Arial, Helvetica, sans-serif;
}
	img{ border:0; }

#container{
	width:823px; margin:47px auto;
}
.wrapper{
	width:823px; float:left; background:url(images/strip.jpg) bottom left no-repeat; padding:0 0 5px 0; border:0px solid #fff;
}
	.ripcons{
		width:159px; float:left; margin:0 0 0 107px; 
	}
	.graphicdesign{
		width:192px; float:left; margin: 0 0 0 39px;
	}
	.infocontact{
		width:218px; float:left; margin:0 0 0 31px;
	}
	
.wrapContent{
	clear:both; width:378px; margin:auto; padding:25px 0 0 0;
}
	.contentContainer{
		width:378px; float:left;
	}
		.tutupAtas{
			width:378px; height:7px; background:url(images/tutupbox-atas.gif) left top no-repeat; border:0px solid #fff;
		}
		.boxContent{
			width:378px; float:left; background:url(images/bgwhitebox.gif) left top repeat-y; padding:0 5px 0 5px;
		}
			.contentInside{
				width:362px; padding:3.2px 0px 3.2px 3px; /*background:#ed1b24; color:#fff;*/
				float:left; position:relative;
			}
				.contentInside img{ border:0; }
				
				.contentInside span{
					position:absolute; bottom:0; right:0; color:#fff; padding:0; margin:0; float:right;
				}
				.contentInside .judul{
					padding:3px 10px 3px 10px; background:#000; margin:0 0 6px 0px; font-size:10px; text-align:left;
					
					/*
					filter: alpha(opacity=60);
					opacity: .6;
					*/
					border-top:1px solid #3a3a3a; display:block;		
				}
				.contentInside .judul a{
					color:#fff; font-weight:bold; text-decoration:none; font-size:12px
				}
				.contentInside .judul a:hover{ color:#ccc; }
				

			.boxItem2{
				clear:both; min-width:80px; background:#000; float:right;
			}		
				.boxItem2 .tebel{ font-weight:bold; }
				.boxItem2 .tipis{ font-size:10px;}					
			
			
			.boxContent p{
				margin:0 0 0px 0;
			}
		
		.tutupBawah{
			clear:both;width:378px; height:7px; background:url(images/tutupbox-bawah.gif) left top no-repeat; border:0px solid #fff; margin:0 0 20px 0;
		}
		
		
.infoContainer{
	clear:both;	width:690px; margin:auto; padding:20px 0 20px 0; color:#fff; 
	border:0px solid #fff;
}
	.infowrapKiri{
		width:334px; float:left; border:0px solid #fff; 
	}
		.infokiriAtas{
			width:334px; height:7px; background:url(images/info-tutup-kiri-atas.gif) top left no-repeat;
		}
		.infokiriIsi{
			clear:both; width:334px; background:#1a1a1a; float:left; padding:8px 0 8px 0;
		}
			.infoPad{
				background:#333; width:314px; float:left; margin:0 0 0 10px; text-align:center;
				min-height:150px;
			}
			
		.infokiriBawah{
			clear:both; width:334px; height:7px; background:url(images/info-tutup-kiri-bawah.gif) top left no-repeat;
		}
	
	.infowrapKanan{
		width:350px; float:left; margin:0 0 0 5px; border:0px solid #fff;
	}
		.infokananAtas{
			width:350px; height:7px; background:url(images/tutupinfokanan-atas.gif) top left no-repeat;
		}
		
		.infokananIsi{
			clear:both; padding:20px; width:310px; background:#1a1a1a; float:left;
		}
			.infokananIsi h2{
				margin-top:0; font-size:18px;
			}
			
			.infokananIsi a{
				color:#828282; text-decoration:none;
			}
			.infokananIsi a:hover{ text-decoration:none; color:#fff; }
		
		.infokananBawah{
			clear:both; width:350px; height:7px; background:url(images/tutupinfokanan-bawah.gif) top left no-repeat; margin:0 0 5px 0;
		}
	

		

.footerWrap{
	clear:both; width:823px; float:left; padding:25px 0 0 0; 
	border:0px solid #fff;
}
	.footer{
		background:url(images/strip.jpg) top left no-repeat; float:left; width:823px; padding:0 0 35px 0;
	}
		.panah{
			margin:13px 90px 0 0; float:right;
		}
		.panah img{ margin:0 0 0 15px; }