/*
*	author : ronggur mangaraja habibun
*	date created : July 29 2008
*	TOC
*	I. body
*	II. container
*		II.1 page
*		II.2 footer
*	III. miscelaneous
*		
*
*/
/* I. body */
body{
	background-color:white;
	margin:0 auto;
}

/* II. container */
#container{
	width:800px;
	display:block;
	margin:0 auto;
	padding-top:40px;
}
	/* header */
	#images{
		width:800px;
		overflow:hidden;
	}
	#images img{
		float:left;
	}
	
	#header{
		position:relative;
		height:135px;
		padding-top:20px;
	}
		#lang{
			float:right;
			padding:6px 0;
		}
		#lang img{
			padding-left:8px;
		}
			#navigation-top{
				position:relative;
				width:800px;
				display:block;
				overflow:hidden;
				padding-bottom:10px;
			}
			#navigation-top h1{
				float:left;
				padding-top:18px;
			}
			#navigation-top ul{
				list-style-type:none;
				float:right;
				padding-top:40px;
			}
			#navigation-top ul li{
				float:right;
				list-style-type:none;
				padding-left:15px;
			}
		

	/* page */
	#page{
		margin:0 auto;
		overflow:hidden;
		padding-top:10px;
		display:block;
	}
		#quote{
			width:570px;
			height:80px;
			background:#b7f0b6 url("../images/gd_bg_quote.jpg") top left no-repeat;
		}
		#quote p{
			padding:10px 20px 10px 30px;
		}
		#content{
			overflow:hidden;
			width: 570px;
			float:left;
		}
		
		/* slider */
			#slider1 {
				width: 245px; /* important to be same as image width */
				height: 160px; /* important to be same as image height */
				position: relative; /* important */
				overflow: hidden; /* important */
				float:left;
			}
			#slider2{
				width: 315px; /* important to be same as image width */
				height: 160px; /* important to be same as image height */
				position: relative; /* important */
				overflow: hidden; /* important */
				float:left;
			}
			#slider3{
				width: 220px; /* important to be same as image width */
				height: 160px; /* important to be same as image height */
				position: relative; /* important */
				overflow: hidden; /* important */
				float:left;
			}
			
			#slider1Content {
				width: 245px; /* important to be same as image width */
				height: 160px; /* important to be same as image height */
				position: absolute;
				top: 0;
				margin-left: 0;
			}
			#slider2Content {
				width: 315px; /* important to be same as image width */
				height: 160px; /* important to be same as image height */
				position: absolute;
				top: 0;
				margin-left: 0;
			}
			#slider3Content {
				width: 220px; /* important to be same as image width */
				height: 160px; /* important to be same as image height */
				position: absolute;
				top: 0;
				margin-left: 0;
			}
			.slider1Image,.slider2Image,.slider3Image {
				float: left;
				position: relative;
				display: none;
			}
			.slider1Image span,.slider2Image span,.slider3Image span {
				display: none !important;
			}
			.slider1Image span strong,.slider2Image span strong,.slider3Image span strong {
				font-size: 14px;
			}
			.top {
				top: 0;
				left: 0;
			}
			.bottom {
				bottom: 0;
				left: 0;
			}
			#slider1 ul,#slider2 ul,#slider3 ul { list-style-type: none;}		
		/* end of slider */
		
		.bodymaincontent ul ul,.bodymaincontent ul ol{
			padding: 10px 10px;
			margin-left:20px;
		}
		.bodymaincontent ul ol li {
			list-style: decimal outside;
			padding-bottom:5px;
			line-height:20px;
		}
		.bodymaincontent ul ul li{
			list-style: inherit outside;
			padding-bottom:5px;
			line-height:20px;
		}

		
		.topmaincontent{
			overflow:hidden;
			height:11px;
			background:#defddd url("../images/gd_bg_topmain.jpg") top left no-repeat;
		} 
		.readmore{
			padding-top:10px;
		}
		.bodymaincontent {
			overflow:hidden;
			background:#defddd url("../images/gd_bg_bodymain.jpg") top left repeat-y;
			padding:0 10px;
		} 
		
		.footermaincontent{
			overflow:hidden;
			height:16px;
			background:#defddd url("../images/gd_bg_footermain.jpg") top left no-repeat;
		} 
		
		.separator1{
			height:47px;
			display:block;
			clear:both;
		}
		.box1 li,.listcontent li{
			padding:10px 0;
		}
		.listpost{
			padding:15px 0;
			border-bottom:1px solid #dcdcdc;
		}
		#banner ul li{
			float:left;
			padding-right:20px;
			padding-bottom:20px;
			display:block;
		}
		#contentbottom{
			display:block;
			overflow:hidden;
		}
		
		.box1 h2,.sidebarcontent h2{
			padding-bottom:10px;
		}
		.h3title{
			padding-top:5px;
			padding-bottom:10px;
		}
		.h3nodesc{
			padding-top:5px;
		}
	/* sidebar */
	#sidebar{
		display:block;
		overflow:hidden;
		width:220px;
		float:right;
	}
		#navigation{
			height:80px;
			width:220px;
			display:block;
			background:#cccccc url("../images/gd_bg_menu.jpg") top left repeat-y;
		}
		#navigation li{
			width:90px;
			float:left;
			padding:11px 10px;
		}
		
		.sidebarcontent{
			background:#cccccc url("../images/gd_bg_bodysidebar.jpg") top left repeat-y;
			position:relative;
			margin-bottom:20px;
		}
		.topsidebarcontent{
			position:absolute;
			height:15px;
			width:220px;
			top:0;
			background:#cccccc url("../images/gd_bg_topsidebar.jpg") top left no-repeat;
		}
		.bottomsidebarcontent{
			height:15px;
			width:220px;
			background:#cccccc url("../images/gd_bg_bottomsidebar.jpg") top left no-repeat;
		}
	/* II.2 footer */
	#footer{
		margin-top:30px;
		clear:both;
		overflow:hidden;
		display:block;
		padding-top:20px;
	}


/* III. miscelaneous */
.metadata{
	padding:0;
}

.navigation-top{
	margin-top:20px;
	padding:5px 5px;
	display:block;
}
.navigation-top:hover{
}


label{
	display:block;
	padding:5px 0;
	/* background: white url("../images/double_dot.gif") right -4px no-repeat; */
}

/* IE PURPOSE */
/* \*/* html .init_list {clear:both;margin-bottom:5px;}/**/

.floatright{
	float:right;
}
.floatleft{
	float:left;
}
.debug{
	border:1px solid red;
}

.padding0{
	padding:0 !important;
}
.padding0_right{
	padding-right:0 !important;
}
.padding0_left{
	padding-left:0 !important;
}
.padding0_top{
	padding-top:0 !important;
}
.padding0_bottom{
	padding-bottom:0 !important;
}

.padding5{
	padding:5px !important;
}

.padding10{
	padding:10px !important;
}
.padding10_right{
	padding-right:10px !important;
}
.padding10_left{
	padding-left:10px !important;
}
.padding10_top{
	padding-top:10px !important;
}
.padding10_bottom{
	padding-bottom:10px !important;
}

.padding20{
	margin:20px !important;
}
.padding20_right{
	padding-right:20px !important;
}
.padding20_left{
	padding-left:20px !important;
}
.padding20_top{
	padding-top:20px !important;
}
.padding20_bottom{
	padding-bottom:20px !important;
}

.margin-5_top{
	margin-top:-5px !important;
}
.margin-10_top{
	margin-top:-10px !important;
}

.margin0{
	margin:0 !important;
}
.margin5{
	margin:5px !important;
}
.margin0_right{
	margin-right:0 !important;
}
.margin0_left{
	margin-left:0 !important;
}
.margin0_top{
	margin-top:0 !important;
}
.margin0_bottom{
	margin-bottom:0 !important;
}

.margin10{
	margin:10px !important;
}
.margin10_right{
	margin-right:10px !important;
}
.margin10_left{
	margin-left:10px !important;
}
.margin10_top{
	margin-top:10px !important;
}
.margin10_bottom{
	margin-bottom:10px !important;
}

.margin20{
	margin:20px !important;
}
.margin20_right{
	margin-right:20px !important;
}
.margin20_left{
	margin-left:20px !important;
}
.margin20_top{
	margin-top:20px !important;
}
.margin20_bottom{
	margin-bottom:20px !important;
}

.star_green{
	background: transparent url("../images/star-green.gif") 30px -1px no-repeat;
}
/* \*/* html .star_green{background: transparent url("../images/star-green.gif") 30px 0px no-repeat;}/**/

.star_blue{
	background: transparent url("../images/star-blue.gif") 30px -1px no-repeat;
}
/* \*/* html .star_green{background: transparent url("../images/star-blue.gif") 30px 0px no-repeat;}/**/
.star_red{
	background: transparent url("../images/star-red.gif") 30px -1px no-repeat;
}
/* \*/* html .star_green{background: transparent url("../images/star-red.gif") 30px 0px no-repeat;}/**/

.border_bottom_dot{
	background: transparent url("../images/dot.gif") bottom left repeat-x;
}

.border_top_dot{
	background: transparent url("../images/dot.gif") top left repeat-x;
}

.pdf{
	background: transparent url("../images/pdf.gif") left 1px no-repeat;
	padding:2px 0;
	padding-left:25px;
}
.doc{
	background: transparent url("../images/doc.gif") left 1px no-repeat;
	padding:2px 0;
	padding-left:25px;
}
.xls{
	background: transparent url("../images/xls.gif") left 1px no-repeat;
	padding:2px 0;
	padding-left:25px;
}
.txt{
	background: transparent url("../images/txt.gif") left 1px no-repeat;
	padding:2px 0;
	padding-left:25px;
}
.pic{
	background: transparent url("../images/pic.gif") left 1px no-repeat;
	padding:2px 0;
	padding-left:25px;
}
.ofc{
	background: transparent url("../images/ofc.gif") left 1px no-repeat;
	padding:2px 0;
	padding-left:25px;
}
.otr{
	background: transparent url("../images/otr.gif") left 1px no-repeat;
	padding:2px 0;
	padding-left:25px;
}
blockquote{
	padding:15px 10px 10px 10px;
	margin-bottom:10px;
	background: #ccffff url("../images/bg_quote.jpg") 10px 10px no-repeat;
}
hr{
	display:none;
}
.grid_280{
	width:280px;
}
.clear{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.hidden{
	visibility: hidden;
	display:none;
}
.comment{
	padding:10px 0 0 0;
	border-bottom:1px solid #dcdcdc;
}
#comment_list{
	border-top:1px solid #006600;
	padding-bottom:10px;
	margin-top:20px;
	margin-bottom:20px;
}
/* form */
.input_text{
	padding:1px 3px;
	width:auto;
}
.width30{
	width:30px;
}
.width180{
	width:180px;
}
.width90{
	width:90px;
}
.button{
	padding:1px 10px;
	margin-top:10px;
}

/** clearing **/

.clear {
	clear: both;
}
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* End hide from IE-mac */

#content .imgupl {
	float: left;
	margin: 0 10px 10px 0;
}