@charset "utf-8";

/* CSS Document */



body{

	background-color: #faf1ae;

	background-image: url(../images/bg.gif);

	background-repeat: repeat-x;

	margin: 0px;

	padding: 0px 0px 15px 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-align: justify;

	color: #6f6f07;

}

h1{

	font-size: 16px;

	margin: 0px;

	padding: 0px 0px 10px 0px;

}

.head-koleksi{

	width: 550px;

	position: absolute;

	left: 0px;

	top: 0px;

}

img{

	border: none;

}

p{

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 15px 0px;

}

a, a:visited{

	text-decoration: none;

	color: #6f6f07;

}

a:hover{

	text-decoration: underline;

	color: #088c8c;

}

.left{

	float: left;

}

.right{

	float: right;

}

.clear-both {

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}

#main-wrapper{

	width: 790px;
	margin: 0px auto 0px auto;

}

#header-wrapper{

	background-image: url(../images/bg_header.gif);

	background-repeat: repeat-x;

	height: 125px;

}

#logoWrapper{

	width: 233px;

	height: 124px;

	margin: 0px auto 0px auto;

	background-repeat: no-repeat;

}

#menu-wrapper{

	height: 44px;

	line-height: 44px;

	font-size: 14px;

	text-align: center;

	background-image: url(../images/bg_menu.gif);

	background-repeat: repeat-x;

}

#under-menu{

	background-image: url(../images/bg_menu_bottom.gif);

	background-repeat: no-repeat;

	height: 28px;

	margin-bottom: 5px;

}

#banner{

	height: 266px;

	margin-bottom: 5px;

	width: 790px;

	/*background-image: url(../images/banner.jpg);*/

}

#welcome-title{

	margin-bottom: 6px;

}

#content-section{

	margin-bottom: 6px;

	background-color: #faf7da;

	padding: 13px 13px 0px 13px;

	position: relative;

}

#content-section-inner{

	background-color: #faf7da;

	padding: 13px 13px 13px 13px;

}

#content{

	padding: 30px 0px 0px 0px;

}

.content1{

	width: 540px;

	margin-right: 8px;

}

.content2{

	vertical-align:middle;

	font-size:xxx-small;

	font-style:normal;

	width: 200px;

	margin-right: 8px;

	background-image:url(../images/box4.gif);

	background-repeat:no-repeat

}

.head-majalah{

	background-color: #FAF1AE;

	height: 20px;

	line-height: 20px;

}

#bottom-portion{

	height: 88px;
	background-color: #faf7da;

	padding: 7px;

}

#copyright{

	background-image: url(../images/bg_copyright.gif);

	height: 58px;

	text-align: center;

	padding: 13px 0px 0px 0px;

}

.box{

	/*width: 250px;*/
	width:790px;
	/*margin-right: 8px;*/

}

.box2{

	width: 260px;

	height: 88px;

	background-image: url(../images/box3.gif);

}

.menu-bottom{

	margin-bottom: 18px;

}

.ttipHead1{

}

.ttipBody1{

	background-color: #e5df7d;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 11px;

    padding: 5px 5px 5px 12px;

    width: 120px;

	z-index: 90;

	color: #6f6f07;

	position: absolute;

	top: -12px;

	left: 5px;

	border-left: 10px #add998 solid;

	border-bottom: 1px solid #6f6f07;

}

.ttipHead2{

}

.ttipBody2{

	background-color: #e5df7d;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 11px;

    padding: 5px 5px 5px 12px;

    width: 120px;

	z-index: 90;

	color: #6f6f07;

	position: absolute;

	top: -12px;

	left: 5px;

	border-left: 10px #add998 solid;

	border-bottom: 1px solid #6f6f07;

}



/* Main Navigation Level1 */



#nav_L1 a.main {  text-indent: -999999px; background-position: top left; background-repeat: no-repeat; height: 43px; padding: 0; display: block; margin: 1px 0px 0px 0px; }

#nav_L1 li:hover a.main, body #nav_L1 li.sfhover a.main { background-position: bottom left; }

#nav_L1 li#nav_L1_0 a.main { background-image: url('../images/btn_utama.gif'); width: 162px; }

#nav_L1 li#nav_L1_1 a.main { background-image: url('../images/btn_info.gif'); width: 113px; }

#nav_L1 li#nav_L1_2 a.main { background-image: url('../images/btn_produk.gif'); width: 95px; }

#nav_L1 li#nav_L1_3 a.main { background-image: url('../images/btn_koleksi.gif'); width: 113px; }

#nav_L1 li#nav_L1_4 a.main { background-image: url('../images/btn_cawangan.gif'); width: 115px; }

#nav_L1 li#nav_L1_5 a.main { background-image: url('../images/btn_hubungi.gif'); width: 105px; }



#nav_L1, #nav_L1 ul { z-index: 5000; width: 180px; list-style: none; line-height: 1; border-right: 1px solid #000000; border-left: 1px solid #000000; border-top: 1px solid #000000; background: #401934; margin: 0 auto 0 auto; padding: 0; }

#nav_L1 {

	width: 703px;

	border: none;

	background: none;

}

#nav_L1 a { display: block; text-decoration: none; padding: 5px 8px 5px 8px; color: #ffffff; border-bottom: 1px solid #000000; }

#nav_L1 a.main { text-transform: uppercase; font-weight: bold; color: #EDDA8D; border: none; }

#nav_L1 li { float: left; padding: 0; margin: 0px;}

#nav_L1 li ul { position: absolute; left: -999em; height: auto; }

#nav_L1 li li { width: 180px; position: relative; }

#nav_L1 li ul ul { top: -1px; margin-left: 180px; }

#nav_L1 li:hover ul ul, #nav_L1 li:hover ul ul ul, #nav_L1 li.sfhover ul ul, #nav_L1 li.sfhover ul ul ul { left: -999em; display: block;}

#nav_L1 li:hover ul, #nav_L1 li li:hover ul, #nav_L1 li li li:hover ul, #nav_L1 li.sfhover ul, #nav_L1 li li.sfhover ul, #nav_L1 li li li.sfhover ul { left: auto; display: block;}

#nav_L1 li:hover, #nav_L1 li.sfhover { background: none; display: block; }

#nav_L1 li li:hover, #nav_L1 li li.sfhover { background: #EDDA8D; }

#nav_L1 a:hover { color: #000000; }

#nav_L1 a.main:hover { color: #0066CA; }



.storyfile {

  font-family: verdana, helvetica, sans-serif;

  }

.storytext {

  color: #000000;

  font-family: georgia, serif;

  font-size: 14px;

}

.eachPic{

	float: left;

	border-collapse: collapse;

	border: 1px solid #FFCC66;

	width: 254px;

}



#dropdown{

	padding: 0px 0px 10px 0px;

	width: 765px;

	position: relative;

}

#dropdownState_L1, #dropdownState_L1 ul { width: 151px; list-style: none; line-height: 1; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; background: #e5df7d; margin: 0; padding: 0; }

#dropdownState_L1 {

	position: absolute;

	right: 0px;

	top: 0px;

	width: 151px;

	border: none;

	background: none;

}

#dropdownState_L1 a { display: block; text-decoration: none; padding: 5px 8px 5px 8px; color: #000000; border-bottom: 1px solid #FFFFFF; }

#dropdownState_L1 a.main { font-weight: bold; color: #0066CA; border: none; }

#dropdownState_L1 li { float: left; padding: 0; margin: 0px;  }

#dropdownState_L1 li ul { position: absolute; left: -999em; height: auto; margin: 0px 0px 0px 0px; }

#dropdownState_L1 li li { width: 151px; position: relative; }

#dropdownState_L1 li ul ul { top: -1px; margin-left: 151px; }

#dropdownState_L1 li:hover ul ul, #dropdownState_L1 li:hover ul ul ul, #dropdownState_L1 li.sfhover ul ul, #dropdownState_L1 li.sfhover ul ul ul { left: -999em; }

#dropdownState_L1 li:hover ul, #dropdownState_L1 li li:hover ul, #dropdownState_L1 li li li:hover ul, #dropdownState_L1 li.sfhover ul, #dropdownState_L1 li li.sfhover ul, #dropdownState_L1 li li li.sfhover ul { left: auto; }

#dropdownState_L1 li:hover, #dropdownState_L1 li.sfhover { background: none; }

#dropdownState_L1 li li:hover, #dropdownState_L1 li li.sfhover { background: #89d4b3; }

#dropdownState_L1 a:hover { color: #ffffff; }

#dropdownState_L1 a.main:hover { color: #FFFFFF; }



#dropdownState_L1 a.main { text-indent: -9999px; text-align: center; background-position: top center; background-repeat: no-repeat; height: 21px; padding: 0px 0px 0px 0px; display: block; color: #FFFFFF; }

#dropdownState_L1 li:hover a.main, body #dropdownState_L1 li.sfhover a.main { background-position: bottom center; }



#dropdownState_L1 li.currentpage a.main { background-position: top center; background-color: #4e7d00; }



#dropdownState_L1 li#dropdownState_L1_0 a.main { background-image: url('../images/pilihan_tarikh.gif'); width: 151px; }

#dropdownState_L1 li#dropdownState_L1_1 a.main { background-image: url('../images/btnMain.gif'); width: 122px }