/* 
======================================
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:#453d32 url(images/bg.gif) repeat-y center top;
	color:#333333;
	margin:0;
	padding:0;
	}
	
 /*
 =======================
 container Style
 =======================
 */
#container
 	{
	width:968px;
	background:#ffffff;
	border-left:4px solid #302b23;
	border-right:4px solid #302b23;
	margin:auto;
	padding:0;
	min-height: 100%;
	}

 /*
 =======================
 header Style
 =======================
 */
#header
	{
	background:#352f26;
	height:82px;
	padding:30px 17px 0 17px;
	margin:0 auto;
	color:#FFFFFF;
	position:relative;
	}
#header_left{
	width:219px;
	height:69px;
	float:left;
	text-align:left;
}
.weather
	{
	position: absolute;
	top:0;
	bottom:0;
	left: 190px;
	font:8px/1em Verdana, Arial, Helvetica, sans-serif;
	color:#695e4d;
	text-align:right;
	padding:0;
	margin:0;
	z-index:1;
	}

.rainy, .light-rain
 {
    padding:5px 0 0 0;
	margin:0;
	width:175px;
	height:106px;
	margin:0;
	font:8px/1em Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background:url(images/rainy.png) no-repeat center center;
	color:#695e4d;
	text-align:right;
	}
	.not-available { display:none; }
	.sunny, .fair {
	padding:5px 0 0 0;
	margin:0;
	width:175px;
	height:106px;
	margin:0;
	font:8px/1em Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background:url(images/sunny.png) no-repeat center center;
	color:#695e4d;
	text-align:right;
	}
	.partly-cloudy, .haze{
	padding:5px 0 0 0;
	margin:0;
	width:175px;
	height:106px;
	margin:0;
	font:8px/1em Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background:url(images/cloudy2.png) no-repeat center center;
	color:#695e4d;
	text-align:right;
			}
	.cloudy {
	padding:5px 0 0 0;
	margin:0;
	width:175px;
	height:106px;
	margin:0;
	font:8px/1em Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background:url(images/cloudy.png) no-repeat center center;
	color:#695e4d;
	text-align:right;
			}
    .mostly-cloudy {
	padding:5px 0 0 0;
	margin:0;
	width:175px;
	height:106px;
	margin:0;
	font:8px/1em Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background:url(images/cloudy3.png) no-repeat center center;
	color:#695e4d;
	text-align:right;
	}
	

	.tropical-storm, .thunderstorms, .severe-thunderstorms, .thundershowers, .isolated-thunderstorms, .scattered-thunderstorms, .thunderstorm, .thunder
 	{
	padding:5px 0 0 0;
	margin:0;
	width:175px;
	height:106px;
	margin:0;
	font:8px/1em Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background:url(images/t-storm.png) no-repeat center center;
	color:#695e4d;
	text-align:right;
	}
	.oit
	{
	margin:35px 0 0 0;
	padding:5px;
	float:right;
	text-align:right;
	filter: alpha(opacity=60);
	opacity: .6;
	display:block;
	font:9px/1em Verdana, Arial, Helvetica, sans-serif;
	background:#352f26;
	color:#FFFFFF;
	}
#header_left h1{
	background:url(images/logo.gif)  no-repeat;
	padding:0px;
	margin:0px;
	width:219px;
}

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

#header_left h1 a{
	text-decoration:none;
	display:block;
	height:69px;
	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:11px;	
}
#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(images/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 17px;
 background:#f8f9f6 url(images/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:201px;
 background:url(images/photos.gif) no-repeat center center;
 float:left;
 margin:0 0 10px 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(images/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(images/lights.gif) no-repeat left center;
	}
.article_left h2
	{
	margin:0;
	padding:0 0 10px 0;
	}
.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(images/dotted.gif) repeat-x bottom left;
	}
.c_images
	{
	width:270px;
	height:136px;
	background:url(images/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(images/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(images/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(images/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(images/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(images/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:#352f26;
	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:#48a0c0;
	text-decoration:none;
	border-bottom:1px dotted #c8e2ec;
	}
#mc_left a:hover,
#mc_right a:hover
	{
	color:#48a0c0;
	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:#352f26;
	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(images/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(images/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(images/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(images/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(images/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(images/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:#352f26;
	text-decoration:none;
	background:url(images/panah3.gif) no-repeat right center;
	}
.menu_cont li a:hover
	{
	color:#aeaca8;
	text-decoration:none;
	}
	
.con_right h1
	{
	height:31px;
	margin:0 0 2px 0;
	font-family: Georgia, "Trebuchet MS", Times, serif; 
 	font-size: 16px;
	color:#333333;
	font-weight:bold;
	padding:7px 0 0 25px;
	background:url(images/note.gif) no-repeat left center;
	}
a.price{
	display: block;
	text-indent: -10000px;
	background: url(images/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(images/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(images/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(images/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(images/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(images/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(images/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:#1f1a12;
 color:#493c29;
 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:#493c29;
	list-style:none;
	text-decoration:none;
	}
a.ard{
	display: block;
	text-indent: -10000px;
	background:  url(images/ard.gif) no-repeat;
	width:121px;
	height:47px;
	margin: 0;
	text-align:left;
}
a.lego{
	display: block;
	text-indent: -10000px;
	background:  url(images/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:#352F26;
	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%;
	}