/* CSS Document */


/*
  ============================================================ 
  ==== CSS Type CreaTed by Hendry D. Santoso @ April 2010 ==== 
  ==== http://www.ndemoproduction.com/portfolio/          ====   
  ==== email : bone.cracker@yahoo.com                     ====
  ============================================================
*/

/* ----- Halaman GloBal ----- */
.Depan {
	background: #ffffff url(../../images/bodyBG.jpg) repeat-x;
	margin: 0px;
	padding: 0px;
	color: #868484;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.Dalam {
	background: #ffffff url(../../images/bodydalamBG.jpg) repeat-x;
	margin: 0px;
	padding: 0px;
	color: #868484;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}



.page {
	width: 943px;
	margin: 0px auto;
	padding: 0px;
	
}

.header {
	background: url(../../images/headerBG.jpg) no-repeat left top;
	height: 87px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 943px;
}

.navigation {
	background: none;
	margin: 0px;
	padding: 0px;
	width: 943px;
	height: 33px;
}

.BannerDepan {
	margin: 0px;
	padding: 0px;
	height: 250px;
	display: block;
}

.BannerDepan-Left {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	width: 546px;
	height: 240px;
	float: left;
}

.BannerDepan-Right {
	margin: 0px;
	padding: 5px 0px 5px 10px;
	float: left;
	width: 387px;
}

.BannerDepan-Right ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.BannerDepan-Right li {
	margin: 0px;
	padding: 20px 20px 0px 95px;
	list-style: none;
	height: 60px;
	width: auto;
	font-family: "Century Gothic";
	font-size: 27px;
	color: #faeb62;
}

.BannerDepan-Right a {
	text-decoration: none;
}
.BannerDepan-Right a:hover {
	text-decoration: none;
	cursor: pointer;
}

.BannerDalam {
	margin: 0px;
	padding: 0px;
	height: 125px;
	display: block;
	background: url(../../images/bannerdalamBG0.png) no-repeat;
	font-family: "Century Gothic";
	color: #faeb62;
	font-size: 10px;
}

.BannerDalam a {
	text-decoration: none;
	color: #faeb62;
	padding: 0px;
	margin: 0px;
	font-size: 27px;
}
.BannerDalam a:hover {
	text-decoration: none;
	color: #FF0000;
}

.regOnline {
	background: url(../../images/onlineReg.png) no-repeat left center;
}
.Opprtssss {
	background: url(../../images/Opportsssspng.png) no-repeat left center;
}
.Productssss {
	background: url(../../images/Productssss.png) no-repeat left center;
}

.FrontContent {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	height: auto;
	display: block;
	background: none;
	clear: both;
	float: left;
	width: 943px;
}
.FrontContent h2 {
	color: #ec8a1b;
	font-family: "Century Gothic";
	font-size: 22px;
	border-bottom: 1px solid #e0e1e1;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
}

.FrontContent p {
	line-height: 18px;
	text-align: justify;
}

.FrontContentLeft {
	margin: 0px;
	padding: 0px;
	width: 614px;
	float: left;
}

.FrontContentRight{
	margin: 0px;
	padding: 0px;
	width: 298px;
	float: right;
}

.FrontContentBottom{
	margin: 0px;
	padding: 0px;
	width: 943px;
}


.MainContent {
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	display: block;
	background: url(../../images/MainContentBG.png) no-repeat top left;
	clear: both;
	float: left;
	width: 943px;
}
.MainContent h2 {
	color: #ec8a1b;
	font-family: "Century Gothic";
	font-size: 22px;
	border-bottom: 1px solid #e0e1e1;
	font-weight: normal;
	margin: 5px 0px 0px 0px;
}

.MainContent p {
	line-height: 18px;
	text-align: justify;
}

.opportContent {
	margin: 0px;
	padding: 5px;
	width: 595px;
	min-height: 480px;
	line-height: 18px;
}

.opportContent p {
	margin: 0px;
	padding: 15px 10px 5px 5px;
}

.opportContent img {
	border:none;
}

.ContentLeft {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	width: 614px;
	float: left;
	text-align: justify;
}

.ContentLeft h1 {
	margin: 0px 5px;
	font-size: 16px;
}


.ContentRight{
	margin: 0px 5px 0px 20px;
	padding: 0px;
	width: 298px;
	float: left;
}

.footer {
	background: none;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #e0e1e1;
}
.footerMenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.footerMenu li {
	margin: 0px 5px;
	padding: 0px;
	float:left;
}
.footerMenu li a {
	text-decoration: none;
	color: #868484;
}
.footerMenu li a:hover {
	color: #4d4c4c;
}

.ClearBoth {
	clear: both;
	margin: -1px;
}

/* ----- End of Halaman Global ----- */

/* ----- Isi Header ----- */

.LoginAtas {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width: auto;
}

.LoginAtas a {
	text-decoration: none;
	color: #868484;
}

.LoginAtas a:hover {
	text-decoration: underline;
	color: #61A6DD;
}
.MenuAtas {
	margin: 8px 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
	overflow: hidden;
	width: 500px;
	float: right;
	color: #FFFFFF;
	font-weight: bold;
}

.MenuAtas ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: auto;
}

.MenuAtas li {
	float: left;
	padding: 2px;
	margin: 0px;
	display: block;
	text-align: center;
}

.MenuAtas a {
	text-decoration: none;
	color: #FFFFFF;
}

.MenuAtas a:hover {
	color: #2C9FC2;
}

.Logo {
	float: left;
	margin: 2px 0px 0px 7px;
	padding: 0px;
}
/* ----- End of Isi Header ----- */


/* ----- Navigation ----- */


/* ----- Runing Menu ----- */

.lava-navigation {
	margin: 0px;
	padding: 0px;
	width: 720px;
}

.lavaLampWithImage {
	position: relative;
	height: 24px;
	background: none;
	padding: 2px 0px 3px 0px;
	margin: 0px auto;
	overflow: visible;
	width: 100%;
}

.lavaLampWithImage li {
	float: left;
	list-style: none;
	margin: 0px 5px;
	padding: 0px;
}

.lavaLampWithImage li.back {
	background: url(../../images/lava1.png) no-repeat right top;
	width: 9px;
	height: 23px;
	z-index: 8;
	position: absolute;
	margin: 1px 0px 0px 0px;
}

.lavaLampWithImage li.back .left {
	background: url(../../images/lava.png) no-repeat top left;
	height: 23px;
	margin-right: 9px;
}

.lavaLampWithImage li a {
	font: bold 12px tahoma;
	text-decoration: none;
	color: #FFFFFF;
	outline: none;
	text-align: left;
	top: 5px;
	z-index: 100;
	display: block;
	float: left;
	height: 24px;
	position: relative;
	overflow: hidden;
	margin: auto 5px auto 5px;
	padding: 0px 3px;
	background: url(../../images/bulletMenu.png) no-repeat left top;
	width: auto;
	letter-spacing: 0px;
}

.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
	border: none;
}

/* ----- End of Runing Menu ----- */

/* ----- Search Box ----- */

 /* Search Part Starts Here */
 .search_body{
	margin-top:4px;
	color:#2b2f32;
	width:220px;
	height:20px;
	background:url(../../images/search_input_bg.gif) no-repeat;
}
 .search_body a{
	padding:0px;
	display:block;
	margin: 0px;
}
 .search_body a:hover{padding:0px;display:inline-block;}
 .search_body input[type="text"]{
	margin:1px 0px 0px 3px;
	width:175px;
	color:#2b2f32;
	background:none;
	border:none;
	vertical-align:top;
}
 .search_body input[type="image"]{
	margin:1px 2px 0px 8px;
}
 /* Search Part Ends Here */
/* ----- End of Search Box ----- */

/* ----- End of Navigation ----- */



/*
  ============================================================ 
  ==== CSS Type CreaTed by Hendry D. Santoso @ April 2010 ==== 
  ===== http://www.ndemoproduction.com/portfolio/        =====   
  ===== email : bone.cracker@yahoo.com                   =====
  ============================================================
*/

/* ----- Image SliDEr ----- */

.clear {
	clear:both
}

#bannerDepan {
	position:relative;
	height:240px;
	overflow: hidden;
	font-family: "Century Gothic";
	font-size: 18px;
}
	#bannerDepan a {
		float:left;
		position:absolute;
	}
	
	#bannerDepan a img {
		border:none;
	}
	
	#bannerDepan a.show {
		z-index:500
	}

	#bannerDepan .caption {
	z-index:600;
	background-color:#1C2023;
	color:#FFFFFF;
	height:60px;
	width:100%;
	position:absolute;
	bottom:0;
	}

	#bannerDepan .caption .isi {
		margin:5px
	}
	
	#bannerDepan .caption .isi h3 {
	margin:0;
	padding:0;
	color:#FF6A09;
	font-size: 22px;
	}


/* ----- End of Image SliDEr ----- */

.FNewsEvent a {
	color:#093b78;
	text-decoration: none;	
}

.FNewsEvent strong {
	 color:#484545;	
}

.Produk {
	margin: 0px;
	padding: 0px 10px;
	clear: both;
}

.ProdukLiST {
	margin:0px;
	padding:0px;
	text-align:justify;
}

.ProdukLiST img {
	padding:0px 7px 2px 0px;
	float:left;
}

.liProduk {
	margin:3px 12px;
	padding: 0px 0px 0px 12px;
	background:url(../../images/listBullet.png) no-repeat left top;
}

.MoRe {
	font-size:12px;
	width: 50px;
	float: right;
	font-weight: bold;
	padding: 0px 0px 10px 5px;
}

.MoRe a {
	color: #ec8a1b;
}

.MoRe a hover {
	color: #361619;
}

.ProdukMenu {
	margin: 0px;
	padding:0px;
	list-style:none;
}

.ProdukMenu li {
	margin:8px 7px;
	padding: 0px;
	font-size: 14px;
	background: url(../../images/ListProdukMenu.png) no-repeat left top;
}

.ProdukMenu li a {
	font-weight: bold;
	padding: 0px 0px 0px 14px;
	color:#666666;
	text-decoration: none;
	font-family: "Century Gothic";
}

.ProdukMenu li a:hover {
	color: #ec8a1b;
	text-decoration: underline;
	background:url(../../images/ListProdukMenuA.png) no-repeat left top;
}

.contentProduk {
	margin: 0px;
	padding: 5px;
	width: 595px;
	min-height: 480px;
}

.contentProduk p {
	margin: 0px;
	padding: 15px 10px 5px 5px;
}

.contentProduk img {
	border:none;
	margin: 0px;
	padding: 10px;
	float: left;
}

#slideshow {
	position:relative;
	height:172px;
	float: left;
	margin: 5px 0px 0px 27px;
}

#slideshow DIV {
	position:absolute;
	top:0px;
	left:0px;
	z-index:8;
	opacity:0.0;
	height: 172px;
	background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
	height: 172px;
	display: block;
	border: 0;
	margin-bottom: 0px;
}


#defaultCube {
	height:172px;
	width:280px;
	float:left;
	margin:7px 0px 0px 27px;
}