@charset "utf-8";
/* CSS Document */
body {
	font-family:Calibri;
	background-color:#ccc;
	font-size:14px;
}
a:link { 
	opacity:100; 
	filter:alpha(opacity=80); 
	color:#FF6600;
	text-decoration:none;
}
a:hover { 
	opacity:0.7; 
	filter:alpha(opacity=80);
	color:none;
	text-decoration:underline;
}
a:visited {
	color:#FF6600;
	text-decoration:none;
}
/* CSS Navigator Kanan*/
.katalogimg {
	padding:10px;
	float:right;
}
.katalogPos {
	float:right;
	position:absolute;
	
}
.btnKatalog {
	width:20px;
	height:20px;
}
.rightNav {
	position:static;
	border:#999999;
	color:#0099FF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:bold;
	text-align:right;
	padding-right:4px;
	padding-bottom:8px;
}
.linkna {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	}
/* CSS Content*/
.judul {
	font-size:16px;
}
.headjudul {
	padding-left:40px;
	padding-top:5px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}
div.imgContent {
	float:left;
	padding-right:10px;
}

.content {
	text-align:justify;
	
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
}

div.isi {
	height:170px;
	font-family:Arial;
	font-size:12px;
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
}
.judul{
	color:#FF6600;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
}
.judulCon{
	padding-top:5px;
	padding-bottom:8px;
	padding-left:13px;
	color:#FF6600;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
.formIsi{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.selengkapnya {
	float:right;
	text-align:right;
	padding-right:5px;
	padding-bottom:2px;
}
/* CSS Form Login Member area*/
div.form {
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	font-size:18px;
	color:#999999;
	padding-right:10px;
}
input[type=text]{
	height:20px;
	font-size:12px;
}

input.btn { 
	color:#FFFFFF;
	font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
	background-color:#0099FF;
	border:1px solid; 
	border-color: #696 #363 #363 #696; 
} 

.header{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}
.textHeader{
	color:#FF0000;
}

div.signin{
	position:relative;
	top:-25px;
	left:730px;
	color:#FFFFFF;
	font-size:14px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	width: 49px;
}
/* CSS header*/
.copyright {
	font-family:"Comic Sans MS";
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}

#container { 
	width:800px; 
	height:1000px; 
	margin-left:auto; 
	margin-right:auto;
}
#header {
	background:url(images/header.gif) no-repeat; 
	width:800px; 
	height:90px;
}
#signin { 
	position:relative; 
	top:25px; 
	left:730px; 
	color:#FFFFFF; 
	font-size:14px; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	width: 49px; 
}
/* navigator ===========================*/
#menu {
	position:relative;
}
#menu-nav { 
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px; 
	color:#FFF; 
	background:url(images/index_06.jpg); 
	width:800px;
}
#menu-nav li {
	display:inline; 
	float:left; 
	background:url(images/index_06.jpg) no-repeat #FFF; 
	padding-top:6px;
	padding-left:2px;
	text-align:center;
	width:112px; 
	height:28px; 
}
#menu-nav a{
	color:#FFF;
}

#search {
	width:230px;
	height:35px;
	background:url(images/index_08.jpg);
	float:right;
	text-align:center;
	padding-top:2px;
}
/* konten ==================================*/
#content {
	margin: 0 auto;
	background-color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:15px;
	padding-right:0px;
	position:absolute;
	top:138px;
	padding-right:2px;
	height:800px;
}
.textHeader{
	color:#FF0000;
	padding-left:2px;
	padding-right:4px;
}
.header{
	font-weight:bold;
	padding-left:2px;
	padding-right:4px;
}

#slide-header  {
	height:180px;
	width:541px;
	position:relative;
	float:left;
}
/*====================== menu right ===================*/
#menu-right{
	float:right;
}
#top-menu{
	background:url(images/index_13.jpg) #FFF;
	width:242px;
	height:9px;
}
#left-menu{
	background:url(images/index_14.jpg) #FFF;
	width:21px;
	height:181px;
}

/*============= aqiqah konten =====================*/
#aqiqah-menu1{
	width:395px;
	position:absolute;
	top:220px;
	left: 0px;
	height: 185px;
	background-color:#FFF;
	padding-left:15px;
	float:left;
}

#aqiqah-menu1 .title {
	width:378px;
	height:34px;
	padding-right:15px;
	background:url(images/aqiqahku.jpg) no-repeat #fff;
	padding-top:6px;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}

#aqiqah-menu1 .con {
	height:128px;
	width:348px;
	padding:15px;
	background: url(images/index_34.jpg) no-repeat #FFF;
}

#aqiqah-menu2{
	width:395px;
	position:absolute;
	top:220px;
	left: 405px;
	height: 185px;
	background-color:#FFF;
	float:right;
}

#aqiqah-menu2 .title {
	width:378px;
	height:34px;
	background:url(images/aqiqah_mereka.jpg) no-repeat #fff;
	padding-top:6px;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}

#aqiqah-menu2 .con {
	height:128px;
	width:348px;
	padding:15px;
	background: url(images/index_34.jpg) no-repeat #FFF;
}

#aqiqah-menu3{
	width:395px;
	position:absolute;
	top:405px;
	left: 405px;
	height: 185px;
	background-color:#FFF;
	float:right;
}

#aqiqah-menu3 .title {
	width:378px;
	height:34px;
	background:url(images/index_38.jpg) no-repeat #fff;
	padding-top:6px;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}

#aqiqah-menu3 .con {
	height:128px;
	width:345px;
	padding:15px;
	background: url(images/index_43.jpg) no-repeat #FFF;
}

#aqiqah-menu4{
	width:375px;
	position:absolute;
	top:405px;
	left: 0px;
	height: 185px;
	background-color:#FFF;
	padding-left:15px;
	float:left;
}

#aqiqah-menu4 .title {
	width:375px;
	height:34px;
	background:url(images/pundi_aqiqah.jpg) no-repeat #fff;
	padding-top:6px;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}

#aqiqah-menu4 .con {
	height:118px;
	width:345px;
	padding:15px;
	background: url(images/index_35.jpg) no-repeat #FFF;
}
/*======================== Testimoni =======================*/

#block{
	background:url(images/bg.jpg) repeat-x #FFF;
	position:absolute;
	width:785px;
	height:428px;
	left: 0px;
	top: 587px;
	padding-left:15px;
	padding-top:20px;
	margin: 0 auto;
}
#testimoni {
	float:left;
	border-radius:15px;
	-moz-border-radius: 15px;
	width:242px;
	height:181px;
	/*position:absolute;*/
	background:url(images/index_46.jpg) no-repeat #fff;
	left: 16px;
	top: 602px;
	padding:10px;
	margin-right:10px;
}
#testimoni .title{
	padding-left:7px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FF6600;
}
#testimoni .isi{
	padding-top:15px;
}

#info {
	float:left;
	border-radius:15px;
	-moz-border-radius: 15px;
	width:242px;
	height:181px;
	/*position:absolute;*/
	background:url(images/index_46.jpg) no-repeat #fff;
	left: 287px;
	top: 602px;
	padding:10px;
}
#info .title{
	padding-left:7px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FF6600;
}
#info .isi{
	padding-top:15px;
}

/*================== katalog ==========================*/
#katalog{
	border-radius:15px;
	-moz-border-radius: 15px;
	width:221px;
	position:absolute;
	height: 230px;
	left: 558px;
	top: 21px;
}

#katalog .title{
	width:221px;
	background:url(images/menu_katalog.jpg) no-repeat #fff;
	height: 18px;
	padding-top:5px;
	padding-bottom:5px;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	padding-left:15px;
}
#katalog .konten{
	background:url(images/index_53.jpg);
	height:135px;
	padding:6px;
}
/*=============================== slide bottom ===============================*/
#slide{
	position:absolute;
	left: 0px;
	top: 207px;
	width: 785px;
	height: 41px;
	background-color:#FFF;
	padding-left:15px;
	padding-top:10px;
}
#slide .slideshow{
	width:517px;
	height:171px;
	background:url(images/gallery.jpg) no-repeat;
	padding-top:50px;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
	float:left;
}
#slide .ym{
	background:url(images/index_56.jpg) no-repeat #FFF;
	width:212;
	height:170px;
	padding:10px 15px 10px;
	float:right;
	position:absolute;
	top:10px;
	left:560px;
}

#footer {
	position:absolute;
	left: 0px;
	top: 406px;
	width:800px;
	height:20px;
	background:url(images/index_59.jpg);
	padding-top:5px;
}

#footer .copyright{
	color:#F60; font-family:'Lucida Console'; 
	font-size:10px;
}