/* 
======================================
CSS Doc for alegodesign v.3
Design template by : Aal
CSS Coding By : Aal
======================================
 */
 
/*
 =======================
 other Style
 =======================
 */
 .clear
 	{
	clear:both;
	margin:0;
	padding:0;
	}
 /*
 =======================
 Body Style
 =======================
 */
body 	
 	{
	background:#054b65 url(bg.gif) repeat-y center top;
	color:#054b65;
	margin:0;
	padding:0;
	}
	
 /*
 =======================
 container Style
 =======================
 */
#container
 	{
	width:968px;
	background:#ffffff;
	border-left:4px solid #054b65;
	border-right:4px solid #054b65;
	margin:auto;
	padding:0;
	min-height: 100%;
	}

 /*
 =======================
 header Style
 =======================
 */
#header
	{
	background:#054b65;
	height:82px;
	padding:30px 17px 0 17px;
	margin:0 auto;
	color:#FFFFFF;
	}
#header_left{
	float:left;
	text-align:left;
}
#header_left h1{
	background:url(logo.gif)  no-repeat;
	padding:0px;
	margin:0px;
}

#header_left h1 span{
	text-indent:-999em;
	display:block;
	width:219px;
}

#header_left h1 a{
	text-decoration:none;
	display:block;
	height:80px;
	width:219px;
}
#header_right{
	width:680px;
	height:47px;
	float:right;
	text-align:right;
	margin-top:14px;
}
#mainmenu {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	padding:10px 0 0 0;
	height:25px;
}
#mainmenu img{
	border:0;
}
#mainmenu ul {
	margin:0px;
	padding:0px;
}
#mainmenu ul li {
	margin:0px;
	list-style:none;
	float:right;
	margin-left:8px;
	font-size:12px;
}
#mainmenu ul li a {
	text-decoration:none;	
	color:#FFFFFF;
	padding:5px;
	padding-left:6px;
	padding-right:6px;
	position:relative;
}
#mainmenu ul li a:hover, #mainmenu ul li a.current_page_item {
	color:#FFFFFF;
	background-color:#cb0107;
	text-decoration:none;	
	background-image:url(menu_left.gif);
	background-repeat:no-repeat;	
}
#mainmenu ul li a span {
	display:none;
	border:0;
}
#mainmenu ul li a:hover span, #mainmenu ul li a.current_page_item  span{
	display:inline;
	position:absolute;
	right:-1px;
	top:0px;
	border:0;
}

 /*
 =======================
 About Style
 =======================
 */
#header_about 
 {
	padding:23px 17px 0 0px;
	background:#f8f9f6 url(bg_about.gif) repeat-x left bottom;
	color:#333333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0 auto;
 }
#header_about a 
 {
 color:#333333;
 text-decoration:none;
 }
#header_about a:hover
 {
 color:#333333;
 text-decoration:underline;
 }
.header_aboutl
 {
	width:281px;
	height:230px;
	background:url(photos.gif) no-repeat center center;
	float:left;
	margin:0 0 0px 0;
	padding:0;
 }
.header_aboutr
 {
 width:617px;
 float:right;
 margin:0;
 padding:0;
 }
.header_aboutr h1
 {
 margin:0 0 17px 0;
 padding:0;
 font-size:14px;
 }
 .header_aboutr p
 {
 margin:0 0 5px 0;
 padding:0;
 }
 .header_aboutr ul
 {
 margin:0;
 padding:0;
 display:inline;
 list-style:none;
 text-align:left;
 }
 .header_aboutr li 
 {
 width:280px;
 float:left;
 display:inline;
 padding:0px 0 2px 24px;
 margin:0 0 8px 0;
 list-style:none;
 background:url(list.gif) no-repeat left top;
 color:#250e00;
 text-decoration:none;
 text-align:left;
 }
 
  /*
 =======================
 main Style
 =======================
 */
 
#article
 {
 padding:20px 17px 0px 17px;
 background:#FFFFFF;
 color:#333333;
 margin:0 auto;
 }
.article_left
	{
	float:left;
	width:624px;
	}
.article_main
	{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	}
.article_left h1
	{
	font-family: Georgia, "Trebuchet MS", Times, serif; 
 	font-size: 16px;
	color:#333333;
	font-weight:bold;
	padding:4px 0 0 31px;
	margin:0 0 8px 0;
	background:url(lights.gif) no-repeat left center;
	}
.article_left h2
	{
	margin:0;
	padding:0 0 10px 0;
	border-bottom: 1px dotted #C3C3C3;
	margin-bottom: 10px;
	}
.article_left h3
	{
	margin:0;
	padding:0 0 10px 0;
	}
.article_left h4,
.article_left h4 a,
.article_left h4 a:link,
.article_left h4 a:active,
.article_left h4 a:visited
	{
	margin:0;
	padding:0;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-variant:normal;
	font-weight:bold;
	letter-spacing:-1px;
	color:#d7cec1;
	border-bottom:1px dotted #e1ddd9;
	display:inline;
	text-decoration:none;
	}
.gallery
	{
	margin:0;
	padding:0;
	}
ul#showing 
	{
	margin:0;
	padding:0;
	list-style:none;
	font:12px Arial, Helvetica, sans-serif;
	}
ul#showing li
	{
	margin:20px 30px 10px 0;
	padding:0 0 5px 0;
	float:left;
	list-style:none;
	position: relative;
	background:url(dotted.gif) repeat-x bottom left;
	}
.c_images
	{
	width:270px;
	height:136px;
	background:url(loadinfo.gif) no-repeat center center;
	}
ul#showing li a img
	{
	border:none;
	margin:0 0 5px 0;
	padding:0;
	filter: alpha(opacity=100);
	opacity: 1;
	}
ul#showing li a:hover img 
	{
	filter: alpha(opacity=50);
	opacity: .5;
	}
ul#showing li h2
	{
	font-size:12px;
	color:#48a0c0;
	padding:0 0 2px 0;
	margin:0;
	
	}
ul#showing li h2 a
	{
	font-size:12px;
	color:#48a0c0;
	text-decoration:none;
	font-weight:bold;
	display:block;
	}
ul#showing li h2 a:hover
	{
	color:#333333;
	text-decoration:none;
	}
ul#showing li p
	{
	color:#910f09;
	margin:0;
	padding:0;
	}
ul#showing li p a,
ul#showing li p a:link,
ul#showing li p a:active,
ul#showing li p a:visited
	{
	color:#910f09;
	margin:0;
	padding:0;
	display:block;
	background:url(panah3.gif) no-repeat right center;
	text-decoration:none;
	font-size:11px;
	}
ul#showing li p a:hover
	{
	color:#333333;
	text-decoration:none;
	}
.m_gallery
	{
	padding:10px 0 10px 0;
	border-bottom:1px solid #d7cec1;
	border-top:1px solid #d7cec1;
	color:#333333;
	margin:10px 0;
	}
.m_gallery-l
	{
	float:left;
	margin:0;
	padding:0;
	}
.m_gallery-r
	{
	float:right;
	margin:0;
	padding:0;
	}
.m_gallery-rr
	{
	float:right;
	margin:0 10px 0 0;
	padding:2px 0 2px 22px;
	}
.m_gallery-n
	{
	font:11px Arial, Helvetica, sans-serif;
	color:#333333;
	}
.m_gallery-nt a,
.m_gallery-nt a:link,
.m_gallery-nt a:active,
.m_gallery-nt a:visited
	{
	color:#48a0c0;
	text-decoration:none;
	padding:2px 0 2px 22px;
	background:url(panah1.gif) no-repeat left center;
	display:block;
	float:right;
	margin:0 0 0 15px;
	}
.m_gallery-pr a,
.m_gallery-pr a:link,
.m_gallery-pr a:active,
.m_gallery-pr a:visited
	{
	color:#48a0c0;
	text-decoration:none;
	padding:2px 0 2px 22px;
	background:url(panah2.gif) no-repeat left center;
	display:block;
	float:right;
	}
.m_gallery-bk a,
.m_gallery-bk a:link,
.m_gallery-bk a:active,
.m_gallery-bk a:visited
	{
	color:#48a0c0;
	text-decoration:none;
	padding:2px 0 2px 22px;
	background:url(panah2.gif) no-repeat left center;
	display:block;
	float:left;
	margin:0 0 0 0;
	}
.m_gallery-nt a:hover,
.m_gallery-bk a:hover,
.m_gallery-pr a:hover
	{
	color:#48a0c0;
	text-decoration:underline;
	}
.left_image
	{
	float:left;
	width:302px;
	margin:8px 0 8px 0;
	}
.l_images
	{
	width:295px;
	height:178px;
	background:url(loadinfo.gif) no-repeat center center;
	}
.left_text
	{
	float:right;
	width:300px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	margin:8px 0 8px 0;
	}
.left_text h1
	{
	font-family: Georgia, "Trebuchet MS", Times, serif; 
 	font-size: 13px;
	color:#7b0000;
	padding:0;
	margin:0 0 0 0;
	background:none;
	}
.left_text h1 a,
.left_text h1 a:link,
.left_text h1 a:active,
.left_text h1 a:visited,
.left_text h1 a:hover
	{
	font-family: Georgia, "Trebuchet MS", Times, serif; 
 	font-size: 13px;
	color:#7b0000;
	text-decoration:none;
	padding:0;
	margin:0;
	background:none;
	}
.left_text em
	{
	font:9px Verdana, Arial, Helvetica, sans-serif;
	color:#a39e8f;
	font-variant:normal;
	padding:0;
	margin:0;
	}
.left_text a,
.left_text a:link,
.left_text a:active,
.left_text a:visited,
.left_text a:hover
	{
	color:#7b0000;
	text-decoration:none;
	}
	
/*more*/

#mc_left
	{
	width:438px;
	float:left;
	margin:0;
	padding:0;
	color:#666666;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	}
#mc_left h4
	{
	margin:0 0 8px 0;
	padding:0;
	font:15px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333333;
	}
#mc_left a,
#mc_right a
	{
	color:#333333;
	text-decoration:none;
	border-bottom:1px dotted #c8e2ec;
	}
#mc_left a:hover,
#mc_right a:hover
	{
	color:#333333;
	text-decoration:none;
	border-bottom:none;
	}
#mc_left p,
#mc_right p
	{
	padding:0;
	margin:10px 0 10px 0;
	}
#mc_left img,
#mc_left a img
	{
	padding:3px;
	margin:0;
	background:#f3f2ed;
	border:1px solid #d0cfca;
	filter: alpha(opacity=100);
	opacity: 1;
	}
#mc_left img:hover,
#mc_left a:hover img
	{
	padding:3px;
	margin:0;
	background:#f3f2ed;
	border:1px solid #d0cfca;
	filter: alpha(opacity=50);
	opacity: .5;
	}
#mc_right
	{
	width:160px;
	float:right;
	margin:0;
	padding:0;
	color:#054b65;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	}
ul#mc_role
	{
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	}
ul#mc_role li
	{
	margin:0 0 2px 0;
	padding:2px 0 2px 20px;
	list-style:none;
	background:url(check.gif) no-repeat left top;
	}
span.judul
	{
	color:#b2b2b2;
	display:block;
	text-align:center;
	margin:0 0 20px 0;
	padding:0;
	}

#heading * 
		{
			display: inline;
			padding:0px 4px 4px 4px;
			user-select: none;
			cursor: pointer;
			vertical-align: middle;
			margin:0 ;
			font-family:Verdana, Arial, Helvetica, sans-serif;
 			font-size: 11px;
			color:#333333;
			font-weight:bold;
		}
#heading li.active 
		{
			background: url(bg_numbers.gif) no-repeat center bottom;
			font-family:Verdana, Arial, Helvetica, sans-serif;
 			font-size: 11px;
			color:#333333;
			font-weight:bold;
			margin:0;
		}
#panes {
			text-align: justify;
			border-style: none;
			width:624px;
			margin: 0 auto 0 auto;
		}
.article_right
	{
	width:276px;
	padding:0 0 0 19px;
	background:url(right_bg.gif) no-repeat left top;
	float:right;
	}
a.details
	{
	width:82px;
	height:17px;
	display:block;
	padding:3px 2px 2px 2px;
	margin:0;
	background:url(more.gif) no-repeat center;
	text-align:center;
	color:#a39e8f;
	}
#moostick,
	.moostick
{
	display: block;
	margin: 0;
	padding: 0;
	font-family: Georgia, "Trebuchet MS", Times, serif; 
	color:#333333;
	font-style:italic;
	font-size:12px;
	letter-spacing:1px;
	height:112px;
	overflow: hidden;       /* used in css check */
}

#moostick li,
	.moostick li
{
	display: block;         /* used in css check */
	list-style-type: none;  /* used in css check */
	margin: 0 auto 0 auto;
	padding: 0;
}

#moostick .show,
	.moostick .show
{
	visibility: visible;
	opacity: 1;
}
.con_right
	{
	margin:5px 0 10px 0;
	padding:0 0 8px 0;
	background:url(dotted.gif) repeat-x bottom left;
	}
.menu_cont,
.news_count,
.busy_count
	{
	margin:0;
	padding:0;
	}
.menu_cont h2,
.news_count h2,
.busy_count h2
	{
	margin:0;
	padding:0 0 10px 0;
	}
ul#busy_line
	{
	margin:auto;
	display:block;
	padding:0 20px 0 20px;
	list-style:none;
	font:11px Arial, Helvetica, sans-serif;
	border-bottom:1px solid #efebe6;
	border-top:1px solid #efebe6;
	height:32px;
	}
ul#busy_line li
	{
	width:64px;
	height:18px;
	float:left;
	padding:8px 6px 6px 6px;
	margin:0;
	list-style:none;
	color:#bfbfbf;
	display:block;
	text-align:center;
	}
ul#busy_line li.current
	{
	width:64px;
	height:18px;
	float:left;
	padding:8px 6px 6px 6px;
	margin:0;
	list-style:none;
	color:#eaeaea;
	display:block;
	text-align:center;
	background:url(busy_selected.gif) no-repeat center center;
	}
.news_count h3
	{
	margin:0;
	padding:0 0 5px 0;
	font-size:11px;
	color:#48a0c0;
	}
.news_count a,
.news_count a:active,
.news_count a:visited,
.news_count a:link
	{
	margin:0;
	padding:0 0 5px 0;
	font-size:11px;
	color:#48a0c0;
	text-decoration:none;
	}
.news_count a:hover
	{
	text-decoration:underline;
	}
.news_count p
	{
	margin:0;
	padding:0;
	}
.menu_cont ul,
.news_count ul
	{
	margin:0;
	padding:0;
	list-style:none;
	font:12px Arial, Helvetica, sans-serif;
	}
.menu_cont li
	{
	margin:0;
	padding:2px 0 2px 0;
	list-style:none;
	margin:0 0 2px 0;
	}
.news_count li
	{
	margin:0;
	padding:2px 0 10px 0;
	list-style:none;
	margin:0 0 2px 0;
	}
.menu_cont li a,
.menu_cont li a:link,
.menu_cont li a:active,
.menu_cont li a:visited
	{
	display:block;
	color:#054b65;
	text-decoration:none;
	background:url(panah3.gif) no-repeat right center;
	}
.menu_cont li a:hover
	{
	color:#aeaca8;
	text-decoration:none;
	}
	
.con_right h1
	{
	height:31px;
	margin:0px 0 0px 0;
	font-family: Georgia, "Trebuchet MS", Times, serif; 
 	font-size: 14px;
	color:#333333;
	font-weight:bold;
	padding:7px 0 0 25px;
	background:url(note.gif) no-repeat left center;
	}
a.price{
	display: block;
	text-indent: -10000px;
	background: url(concern_price.gif) no-repeat;
	width: 276px;
	height: 73px;
	margin: 0;
	text-align:left;
}

  /*
 =======================
 footer I Style
 =======================
 */	
 
 #footer1
 {
 padding:0px 17px 10px 17px;
 background:#f3f2ed url(bg_footer1.gif) repeat-x top left;
 color:#333333;
 margin:0 auto;
 }
 #foot_float1
 {
 float:left;
 margin-right:17px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 padding:0;
 margin-top:20px;
 }
 #foot_float11
 {
 float:left;
 margin-right:17px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 padding:0;
 margin-top:20px;
 }
 #foot_float2
 {
 float:left;
 margin:0 12px 0 0;
 padding:0;
 margin-top:20px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 }
 #foot_float3
 {
 float:right;
 margin:0;
 padding:0;
 margin-top:20px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 }
 .linkbox 
 	{
	background:url(box.gif) no-repeat;
	padding:10px 8px 10px 8px;
	width:205px;
	height:112px;
	margin:0;
	}
 .linkbox h1
 	{
	height:53px;
	margin:0 0 2px 0;
	font-family: Georgia, "Trebuchet MS", Times, serif; 
 	font-size: 14px;
	color:#616161;
	font-weight:bold;
	padding:15px 0 0 74px;
	background:url(website.gif) no-repeat left center;
	}
 .linkbox h2
 	{
	height:53px;
	margin:0 0 2px 0;
	font-family: Georgia, "Trebuchet MS", Times, serif; 
 	font-size: 14px;
	color:#616161;
	font-weight:bold;
	padding:15px 0 0 74px;
	background:url(print.gif) no-repeat left center;
	}
.linkbox h3
 	{
	height:53px;
	margin:0 0 2px 0;
	font-family: Georgia, "Trebuchet MS", Times, serif; 
 	font-size: 14px;
	color:#616161;
	font-weight:bold;
	padding:15px 0 0 74px;
	background:url(interactive.gif) no-repeat left center;
	}
.linkbox h4
 	{
	height:53px;
	margin:0 0 2px 0;
	font-family: Georgia, "Trebuchet MS", Times, serif; 
 	font-size: 14px;
	color:#616161;
	font-weight:bold;
	padding:15px 0 0 74px;
	background:url(other.gif) no-repeat left center;
	}
 .hovering 
	{
	cursor:pointer;
	color:#616161;
	}
 .fullstory
 	{
	margin:0;
	padding:0;
	}

/*
 =======================
 footer II Style
 =======================
 */	

#footer2
	{
	padding:17px 17px 5px 17px;
	background:#054b65;
	color:#FFFFFF;
	margin:0 auto;
	font:11px Verdana, Arial, Helvetica, sans-serif;
 	}
#foot_flol
	{
	float:left;
	margin:0;
	padding:0;
	}
#foot_flor
	{
	float:right;
	margin:0;
	padding:12px 0;
	text-align:right;
	}
#foot_flol ul
	{
	margin:0;
	padding:0;
	list-style:none;
	}
#foot_flol li
	{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	}
#foot_flol li a
	{
	float:left;
	padding:5px;
	color:#FFFFFF;
	list-style:none;
	text-decoration:none;
	}
a.ard{
	display: block;
	text-indent: -10000px;
	background:  url(logo.gif) no-repeat;
	width:121px;
	height:47px;
	margin: 0;
	text-align:left;
}
a.lego{
	display: block;
	text-indent: -10000px;
	background:  url(lego.gif) no-repeat;
	width:121px;
	height:47px;
	margin: 0;
	text-align:left;
}

/* 

Form Element

*/

#form
	{
	margin:0 0 0 0;
	padding:0;
	}
#form img
	{
	border:none;
	background:transparent;
	}
#form ul
	{
	margin:0;
	padding:0;
	list-style:none;
	}
.solid
	{
	padding:8px;
	margin:0;
	list-style:none;
	border-top:1px solid #F8F9F6;
	border-bottom:1px solid #DBD6D0;
	background:#f3f2ed;
	}
.gradient
	{
	padding:8px;
	margin:0;
	list-style:none;
	border-top:1px solid #F8F9F6;
	border-bottom:1px solid #DBD6D0;
	background:#EBE9E5;
	}
.tittle
	{
	padding:8px;
	margin:0;
	list-style:none;
	border-top:1px solid #F8F9F6;
	border-bottom:1px solid #DBD6D0;
	background:#054b65;
	color:#CCCCCC;
	}
.optional 
	{
	margin:0 5px 0 0;
	padding:5px;
	text-align:center;
	float:left;
	width:3%;
	}
.text
	{
	margin:0;
	padding:5px;
	text-align:left;
	float:left;
	width:21%;
	}
.data
	{
	margin:0;
	padding:5px;
	text-align:left;
	float:left;
	width:55%;
	}

.link{
	padding:0px;
	margin:0px;
	line-height:25px;
	font-size: 12px;
}
.link span{background:url(arrow.gif) no-repeat 0px 8px;margin:0px;padding:0px 13px;width:185px;display:block;text-align:left;overflow:hidden;white-space:nowrap;}
.link span a:link,.link span a:visited,.link span a:active{color:#333;}
.link span i{font-style:normal;margin-left:3px;font-size:9px;}
.link span.s1 i{color:red;}
.link span.s1 a:link,.link span.s1 a:visited,.link span.s1 a:active{color:red;}


img{border-width:0;}
.pb .steps, .pb .points li{background:transparent url(pic.gif) no-repeat left top;}
.pb .banners{float:left;margin:0px; padding:0px;}
.pb .banners li{
	width:600px;
	height:200px;
	overflow:hidden;
	display:none;
}
.pb .banners li.current{display:block;}
.pb .switcher{
	float:left;
	height:200px;
	width:24px;
	background-position:left -76px;
	position:relative;
}
.pb .points{width:19px;margin:8px auto 0; font-size:12px; padding:0;}
.pb .points li{width:16px;height:15px;background-position:0px 0px;overflow:hidden;text-align:center;line-height:15px;margin:0 0 2px 3px;color:#fff;cursor:pointer; font-family:Arial;}
.pb .points li.current{width:19px;background-position:-19px 0px;margin-left:0; text-align:center; text-indent:3px;}
.pb .steps { width:16px;height:23px;background-position:0px -17px;margin:0px 0px 0px 6px;position:absolute; bottom:3px; _overflow:hidden; } /* FireFox */
*html .pb .steps { width:16px;height:23px;background-position:0px -17px;margin:0px 0px 0px 5px;position:absolute; bottom:3px; _overflow:hidden; } /* IE6 */
*+html .pb .steps { width:16px;height:23px;background-position:0px -17px;margin:0px 0px 0px 5px;position:absolute; bottom:3px; _overflow:hidden; } /* IE7 */
.pb .steps .up, .pb .steps .down{width:15px;height:11px;cursor:pointer;}#fx{display:none}