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

html, body { 
width:100%; 
height:100%; 
margin:0; 
padding:0; 
}
body{
margin:0; 
padding:0;
font:11px verdana; 
color:#666;
line-height:18px;
background:#FFFFFF;
}

#main{
width:100%;
height:100%;
min-height:100%;
margin:0;
padding:0;
position:relative;
}

#main a:hover, #footer img:hover, #logo img:hover, .box a img:hover { opacity:0.7; }

#header{
width:100%;
height:20px;
padding:0;
text-align:center;
background:url(../images/h.jpg) left repeat-x;
}

#nav
{
	width:100%;
	height:70px;
	background:url(../images/nav-back.jpg) repeat-x;
	position:relative; 
	top:0; 
}

#navmenu { height:70px; position:absolute; top:45px; right:-14px; 
 width:790px; margin:0 auto; position:relative; top:0; right:0; border:0px #000 solid; }
#navmenu ul { margin:0;	padding:0; list-style-type:none; }
#navmenu li { margin:0; padding:0; float:left; }
#navmenu a { height:70px; display:block; }
#navmenu span { position:absolute; top:-1000px; }

.beranda a { width:100px; background:url(../images/beranda.jpg) no-repeat; }
.beranda, .beranda a:hover, .beranda a.current { background:url(../images/beranda_hover.jpg) no-repeat; }

.aktivitas a { width:100px; background:url(../images/aktivitas.jpg) no-repeat; }
.aktivitas, .aktivitas a:hover, .aktivitas a.current { background:url(../images/aktivitas_hover.jpg) no-repeat; }
	
.profil a { width:100px; background:url(../images/profil.jpg) no-repeat; }
.profil, .profil a:hover, .profil a.current { background:url(../images/profil_hover.jpg) no-repeat; }

.visi_dan_misi a { width:120px; background:url(../images/visi_dan_misi.jpg) no-repeat; }
.visi_dan_misi, .visi_dan_misi a:hover, .visi_dan_misi a.current { background:url(../images/visi_dan_misi_hover.jpg) no-repeat; }

.organisasi a { width:120px; background:url(../images/organisasi.jpg) no-repeat; }
.organisasi, .organisasi a:hover, .organisasi a.current { background:url(../images/organisasi_hover.jpg) no-repeat; }

.pengalaman a { width:120px; background:url(../images/pengalaman.jpg) no-repeat; }
.pengalaman, .pengalaman a:hover, .pengalaman a.current { background:url(../images/pengalaman_hover.jpg) no-repeat; }

.produk_jasa a { width:120px; background:url(../images/produk_jasa.jpg) no-repeat; }
.produk_jasa, .produk_jasa a:hover, .produk_jasa a.current { background:url(../images/produk_jasa_hover.jpg) no-repeat; }

#container2 { width:800px; margin:0 auto; position:relative; border:0px solid #000; z-index:1; padding:0px; }

#container2 .atas{
	width:800px;
	border:0px solid #CCC;
	height: 300px;
	float:left;
	padding:0 5px 0 5px;
	margin-top:20px;
	
}

#container2 .bawah{
	width:800px;
	min-height:200px;
	
	
	float:left;
	margin-top:10px;
	padding-top:15px;
	border-top:1px solid #e0e0e0;
}

.satu
{
	width:780px;
	min-height:200px;
	padding:10px;
	float:left;
	border:0px solid #000;
	
	line-height:20px;
}

.kiri
{
	width:500px;
	min-height:200px;
	padding:10px;
	float:left;
	border:0px solid #000;
	
	line-height:20px;
}
.kanan{
	width:200px;
	min-height:200px;
	padding:10px;
	
	float:right;
	
	border:0px solid #000;
	border-left:1px solid #f5f5f5;
}



#container2 a { color:#5CB4B4; text-decoration:none }
#container2 a:hover { color:#0c545d; text-decoration:underline; }
 
.judul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#54a6af;
	font-weight:bold;
	
	letter-spacing:-2px;
		text-transform:uppercase;
}

.text
{	
	text-align:justify;
	line-height:20px;
}




#footer { width:100%; height:158px; background:url(../images/footer-back.jpg) left repeat-x; float:left;  bottom:0; z-index:2; }
#footer div { width:800px; margin:65px auto 0 auto; border:0px solid #000; }

.links { position:absolute; top:-2000px; }
.juniper { float:left; margin:8px 65px 0 0; }
.footer1 {  font:bold 11px/26px verdana; }
.footer1 a { margin:0 20px 0 0; color:#666; text-decoration:none; }
.footer1 a:hover, .footer2 a:hover { color:#5CB4B4; }
.footer2 { font:10px/26px arial; color:#666; text-transform:uppercase;}
.footer2 a { margin:0 10px 0 0; padding:0; color:#666; text-decoration:none; }
	
.garis
{	
	color:#e0e0e0;
}

h1{

	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif ;
	font-size:18px;
	text-transform:capitalize;
}

input, textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px;
	color:#333333;
	background-color:#f5f5f5;
	border:1px solid #e0e0e0;
}

input:hover, textarea:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px;
	color:#333333;
	background-color:#ffffff;
	border:1px solid #e0e0e0;
}

.button{
	font-weight:bold;
	background:#f5f5f5;
	color:#333333;
	border:1px solid #e0e0e0;
	padding:5px;
}

.button:hover{
	font-weight:bold;
	background:#9eeaf2;
	color:#333333;
	border:1px solid #e0e0e0;
	padding:5px;
}