@charset "utf-8";
body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
	margin					: 0;
	padding					: 0;
	min-width				: 1024px;
	text-align				: center;
	background-repeat		: repeat-x;
	background-color: #ffffff;	/*
	min-width:970px;/*--Fixes Background Bug--*/
}

a img {
	border: none;
}

#header {
	background-image: url(../../images/bg_01.jpg);
	background-repeat: repeat-x;
	top: 0px;
	height: 63px;
}

.font-head-kanan {
	font-family: "trebuchet MS", verdana, sans-serif;
	top: 7px;
	color: #b5b5b5; 
	text-decoration: none;
	padding-top: 7px;
}
.text-menu-atas {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}

a:link.font-head-kanan, a:visited.font-head-kanan, a:active.font-head-kanan{
	font-family: "trebuchet MS", verdana, sans-serif;
	color: #b5b5b5;
	font-size: 11px;
	
}

/*a:link.font-head-kanan   {
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 11px;
	color: #b5b5b5;
	top: 10px;
	height: 50px;
	vertical-align: baseline;
	text-decoration: none;
}
a:hover.font-head-kanan   {
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 11px;
	color: #b5b5b5;
	top: 10px;
	height: 50px;
	vertical-align: baseline;
	text-decoration: underline;
}
*/#text-visi {
	font-family: Dotum, tahoma, "trebuchet MS", arial, sans-serif;
	font-size: 28px;
	text-align: center;
	color: #070707;
	background-position: center bottom;
	padding: 0px;
	background-image: url(../../images/bg-color_03.jpg);
	background-repeat: repeat-x;
	top: 0px;
}
.text-visi {
	background-image: url(../../images/bg-color_03.jpg);
	background-repeat: repeat-x;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	bottom: 100%;
}
#welcome {
	background-image: url(../../images/grey-box_03.png);
	background-repeat: no-repeat;
	background-position: top;
	display: inline;
	top: 20px;
	position: relative;
	float: left;
	clear: none;
	height: 162px;
}
.txt-blue {
	font-family: Dotum, verdana, sans-serif;
	font-size: 11px;
	color: #607fb6;
	text-decoration: none;
}

#prod {
	background-image: url(../../images/grey-box_05.png);
	background-repeat: no-repeat;
	display: inline;
	left: 10px;
	position: relative;
	top: 20px;
	float: left;
	height: 162px;
}
#news {
	background-image: url(../../images/grey-box_07.png);
	background-repeat: no-repeat;
	display: inline;
	left: 20px;
	float: left;
	position: relative;
	top: 20px;
}
.txt-isi {
	font-family: Dotum, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#readmore {
	position: absolute;
	top: 133px;
	left: 150px;
}

#text-isi {
	position: absolute;
	width: 116px;
	float: left;
	top: 40px;
	text-align: left;
}

#content {
	top: 30px;
	position: relative;
	width: 800px;
	visibility: visible;
	text-align: center;
	display: block;
	margin: 0px auto;
}


.submenu1 {
	height: 100px;
	list-style-type: none;
}
#text-isi01 {
	position: absolute;
	width: 106px;
	float: left;
	top: 40px;
	text-align: left;
}
.txt-blue-bold {
	font-family: Dotum, verdana, sans-serif;
	font-size: 11px;
	color: #3599ff;
	text-decoration: none;
	font-weight: bold;
}


/* css untuk footer */
#footer {
	float: left;
	background-image: url(../../images/bg-footer_07.jpg);
	background-repeat: repeat-x;
	text-align: center;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-position: center bottom;
	top: 50px;
	width: 100%;
	height: auto;
	margin-top: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

a:link.txt-footer-menu, a:visited.txt-footer-menu, a:active.txt-footer-menu{
	color				: #7db6d3;
}
.copyright {
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 11px;
	color: #7db6d3;
	text-decoration: none;
	margin: 10px 0px 0px 0px;
}
.txt-footer-menu {
	font-family: Dotum, verdana, sans-serif;
	font-size: 12px;
	color: #7db6d3;
	text-decoration: none;
	margin: 0px;
}
txt-footer-menu a:link  {
	font-family: Dotum, verdana, sans-serif;
	font-size: 12px;
	color: #7db6d3;
	text-decoration: none;
}
.txt-footer-menu a:hover  {
	font-family: Dotum, verdana, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.copyright a:link {
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 11px;
	color: #7db6d3;
	text-decoration: none;
}
.copyright a:hover {
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-size: 11px;
	color: #7db6d3;
	text-decoration: underline;
}
.welcome {
	background-color: #F5F5F5;
}
.prod {
	background-image: url(../..);
	display: inline;
	height: 162px;
	background-color: #F5F5F5;
}
.news {
	height: 162px;
	background-color: #F5F5F5;
}
.txt-depan {
	font-family: Dotum, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.bdr-form {
	color: #1F8EFE;
	background-color: #FFFFFF;
	border: 1px solid #94C2E4;
	font-family: Dotum, verdana, sans-serif;
	font-size: 11px;
}
.txt-mem01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3599ff;
	text-decoration: none;
}
.txt-mem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3599ff;
	text-decoration: underline;
}

/*.text-menu-atas a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	height: 63px;
	width: 82px;
	top: 39px;
}
.text-menu-atas a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../../images/bg_04.jpg);
	vertical-align: bottom;
	list-style-type: none;
	background-repeat: no-repeat;
	display: inline;
	background-position: center center;
}
*/#nav   {
	padding:0;
	margin:0;
	list-style:none;
	width:490px;
}

#nav li {
	float:left;
	list-style: none;
	padding: 0px;
	margin: 0px;	
}

#nav li a {
	float:left;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

#nav li a b {
	display:block; 
/*	float:left; 
	height:30px; 
	line-height:28px; 
	padding:0 20px 0 10px; 
*/	font-weight:normal; 
	cursor:pointer;
}

#nav li.sub a b {
/*	background:url("down.gif") no-repeat right center;
*/}

#nav b.hover {
/*	color:#fff;
*/}

#nav i.hover {
	color:#069;
}

#nav em.hover {
	color:#080;
}

#nav ul ul ul a:hover {
	color:#080;
}

#nav ul {
	display:none;
	list-style: none;
}

#nav ul {
	position:absolute;
	padding: 0px;
	width: 197px;
	margin-top: 31px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#nav ul li {
	float:left;
	position:relative;
	padding: 30px;
}

#nav ul li a {
	display:block;
	padding:0 20px 0 10px;
	font-size:12px;
	line-height:23px;
	cursor:pointer;
	width: 165px;
}

#nav ul li a i {
	display:block; 
	font-style:normal; 
	cursor:pointer;
}

#nav ul li a.sub {
/*	background:url(../img/right.gif) no-repeat right;
*/}

#nav ul ul {
	width:180px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	position: absolute;
	left: 197px;
	top: 0px;
	z-index: 50;
}

#nav ul ul li a {
	display:block;
	line-height:23px;
	padding:0 0 0 10px;
	width:170px;
}

#nav ul ul li a.fly {
	background:url(../img/right.gif) no-repeat right center;
}

#nav ul ul li a em {
	font-style:normal; display:block; width:120px; cursor:pointer;
}

#nav ul ul ul {
	left:135px;
	top:0;
}
#nav li a:hover {
	float:left;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight: bold;
	text-align: center;
}
#text-visi01 {
	font-family: Dotum, tahoma, "trebuchet MS", arial, sans-serif;
	font-size: 28px;
	text-align: center;
	color: #070707;
	background-position: center bottom;
	padding: 0px;
	position: relative;
	top: 30px;
}
.bgLmenu	{
	width					: 204px;
	height					: inherit;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 11px;
	text-align				: left;
}

.dwnLmenu	{
	background-image		: url(../../images/dwnLmenu.jpg);
	background-repeat		: no-repeat;
	width					: 186px;
	height					: 8px;

}

ul.lBList {
	margin					: 0;
	padding					: 0;
	list-style				: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00475e;
	text-decoration: none;
}

ul.lBList li {
	display					: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8fdcf4;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #8fdcf4;
	border-left-color: #8fdcf4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00475e;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 25px;
	background-image: url(../../images/arrow_12.gif);
	background-position: 7px 10px;
	background-repeat: no-repeat;
}
.awal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #016788;
	text-decoration: none;
}


.titleMenu	{
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 16px;
	text-align				: left;
	font-weight				: bold;
	color					: #000000;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 20px;
}
.BoxLeftMenu	{
	width					: 204px;
	float					: left;
}

.lBoxHead {
	background-image		: url(../../images/about-us_08.jpg);
	background-repeat		: no-repeat;
	width					: 204px;
	height					: 46px;
}
awal a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #016788;
	text-decoration: none;
	font-weight: bold;
}
awal a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #016788;
	text-decoration: underline;
}
.contentText	{
	width					: 550px;
	padding-left			: 20px;
	float					: left;
	left: 20px;
}

.textInside	{
	text-align				: left;
	padding-top				: 10px;
	padding-right			: 10px;
}
.titlePage	{
	font-family				: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size				: 24px;
	font-weight				: bold;
	color					: #b32a00;
	float					: left;
	padding-left			: 15px;
	text-align				: left;
}

.hr	{
	width					: 580px;
	padding-left			: 50px;
	float					: left;
	height					: 1px;
	border-bottom			: 1px solid #a0dffc;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}
#awal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #016788;
	text-decoration: none;
}
.titleProduct	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#712800;
}
.sub-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #993300;
	text-decoration: none;
}
ul.nolist {
	margin	: 0;
	padding	: 0;
	list-style : none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00475e;
	text-decoration: none;
}
#content table tr td .BoxLeftMenu .bgLmenu .lBList li ul {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	list-style-type: none;
	padding-left: 0px;
}

ul.nolist li {
	display	: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00475e;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 5px;
	list-style-type: none;
	border: 1px none #8fdcf4;
}
#content table tr td .BoxLeftMenu .bgLmenu .lBList li ul li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	list-style-type: none;
	padding-left: 20px;
}
.txt-sm {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	height: 22px;
}


/*--------------- START DROPDOWN MENU -----------------*/

.topMainMenu	{
	width					: auto;
	padding					: 0 0 0 0;
	float					: left;
	clear					: both;
}
.topMainMenu p {
	display: inline;
}

.topMainMenu p a {
	line-height: 23px;
	padding: 22px 12px 5px 12px;
	margin: 0px;
	color: #ffffff;
	font-weight: bold;
}

.topMainMenu p a:hover {
/*	background: #e7e7e7;
	-moz-border-radius: 0px 0px 7px 7px;
	opacity: 0.5;
*/	color: #090E11;
	text-decoration: none;
	font-weight: bold;
	
}

ul	{
	list-style-type			: none;
	padding					: 0;
	margin					: 0;
	}

li	{
/*
	background-image		: url(../../images/arrowBullet.jpg);
	*/
	background-repeat		: no-repeat;
/*	background-position		: 0 .3em;
*/	padding-left			: 8px;
	margin-bottom			: 0.1em;
}

.clear{
	clear					: both;
	float					: none;
}


a:link {
	color: #474747;
	text-decoration: none;
}
a:visited {
	color: #474747;
	text-decoration: none;

}
a:active {
	color: #474747;
	text-decoration: none;
}
a:hover { 
	color: #474747;
	text-decoration: underline;
}



.mainMenu	{
	/*float					: right;*/
	text-align				: left;
}

.anylinkcss{
	position				: absolute;
	top						: 0px;
	visibility				: hidden;
	border					: 1px solid black;
	border-bottom-width		: 0;
	font					: normal 12px Verdana;
	line-height				: 18px;
	z-index					: 100;
	width					: 300px;
}

.anylinkcss ul{
	margin					: 0;
	padding					: 0;
	list-style-type			: none;
}

.anylinkcss ul li a {
	width					: 100%;
	display					: block;
/*	text-indent				: 3px;
*/	border-bottom			: 1px solid black;
	padding					: 1px 0;
	text-decoration			: none;
	font-weight				: bold;
}

.anylinkcss a:hover{ /*hover background color*/
	background				: black;
	color					: white;		
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
	position                      : absolute;
	top						: 0px;
	visibility				: hidden;
	border					: 1px solid #202a66;
	padding					: 5px;
	font                          : normal 12px Verdana;
	z-index					: 100; /*zIndex should be greater than that of shadow's below*/
	background				: #fafafa;
	margin                        : 7px 0px 0px 0px;
	text-align                    : left;
}

.anylinkcsscols .column{
	width					: 220px;
	float					: left;
}

.anylinkcsscols .column ul{
	list-style-type			: none;
}

.anylinkcsscols li {
	padding-bottom			: 3px;
}

.anylinkcsscols li a {
	padding-bottom			: 3px;
	background: url(../../images/bullet0-bg.gif) no-repeat left top;
	padding: 0px 0px 0px 10px;
	display: block;
}


/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
	position				: absolute;
	left					: 0;
	top						: 0;
	z-index					: 99; /*zIndex for shadow*/
	/*
	background: black;
	*/
	visibility				: hidden;
}

/*--------------- END DROPDOWN MENU -----------------*/


.isi-content {
	color: #000000;
	font-size: 12px;
	text-align: justify;
	visibility: visible;
}

.isi-content ul {
	margin: 0px 0px 15px 10px;
	display: block;
}

.isi-content li {
	margin: 2px 0px;
	padding: 0px 0px 0px 10px;
	background-image: url(../../images/bullet-bg.gif);
	background-repeat: no-repeat;
}

.judulTable {
	font-size: 16px;
	background-color: #CAD9FD;
	height: 25px;
}