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

body{
	text-align:center;	
	background:white url(images/product-bg.jpg) no-repeat center top;
}

body * {
	font:normal 13px "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
	outline: none;
}

body,
h1,
h2,
ul,
li,
dl,
dt,
dd,
p{
	padding:0;
	margin:0;
}

a{
	text-decoration:none;
}

a:hover 
{
	text-decoration:underline;
}

li{
	list-style:none;
}

img{
	border:none;
}

.container{
	width:919px;
	margin:22px auto 56px;
	text-align:left;
	height:722px;
}

.liquid{
	float:left;
	clear:both;
	width:100%;
}

.clear{
	clear:both;
}

.head{
	height:103px;	
}

.hidden {
	display:none;
}

.visible {
	display:block;
}

img#headLogo{
	float:left;
	width:280px;
	height:69px;
	margin:8px 0 0 13px;
}

ul#headNavi{
	float:left;
	margin:38px 0 0 0;
}

ul#headNavi li{
	float:left;
}

ul#headNavi li a{
	display:block;
	text-align:center;
	height:35px;
	font:normal 16px/35px Arial, Helvetica, sans-serif;
}

ul#headNavi li a.active{
	color:#fff;
}

ul#headNavi li a.inactive{
	color:#969696;
	
}

ul#headNavi li a#linkAwal{
	width:93px;
	margin-left:25px;
}

ul#headNavi li a#linkAplikasi{
	width:113px;
	margin-left:13px;
}

ul#headNavi li a#linkPengguna{
	width:175px;
	margin-left:11px;
}

ul#headNavi li a#linkDistribusi{
	width:123px;
	margin-left:16px;
}

.content{	
}

#mainContent{
	margin:0 18px;
	text-align:left;
}

#mainContent h1{
	color:#00434c;
	font:normal 17px/29px "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
	height:29px;
	padding-left:37px;
	background:transparent url(images/product-h1.jpg) no-repeat top left;
}

#footer{
	text-align:center;
	line-height:20px;
	height:22px;
	background:#444;
	color:#fff;
	font-size:11px;
}

#footer a,
#footer a:link,
#footer a:active,
#footer a:visited {
	color:#FFCC00;
	font-weight:bold;
	font-size:11px;
}

.overlay {
	width:880px;
	background:#fff;
	height:600px;
	border:none;
}

#distribusi p {
	margin:0 0.8em 0.8em;	
}

#awal p {
	margin:0.8em 0.8em 0;	
}

#daftar_sekolah 
{
	border:none;
	overflow:hidden;
}