/* 
--------------------------------------------------
	AUSTINDO CSS DOCUMENT
	Author: Armono Wibowo (mono@rynet.co.id)
	Last Update: Jan, 2008

	TABLE OF CONTENT
	01 - IE ONLY
-------------------------------------------------- 
*/


/* 01 - GLOBAL BROWSER RESET */
html, body, div, 
h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, 
form, label, input, select {
	margin: 0;
	padding: 0;
}

img, a img, fieldset {
	border: none;
	outline: none;
}


/* 02 - COMMON STYLE */
body {
	background: #e1e6fa;
	font-family: "Lucida Grande", "Lucida Sans Unicode" , Arial, sans-serif;
	font-size: 62.5%;	/* so I can use ems rather than pixels */
	color: #121213;
}

a {
	text-decoration: none;
	color: #8e1924;
}
a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
}


/* 03 - STRUCTURE */
#wrapper {
	margin: 30px auto; padding: 20px;
	width: 730px;
	background: #fff;
	border: 4px solid #cbd6df;
}
#container {
	border: 1px solid #c5beb7;
}

/* HEADER */
#header h1 a {
	margin: 20px auto; margin-bottom: 10px;
	background: url("../images/austindo_nusantara_jaya.gif") no-repeat;
	width: 205px; height: 70px;
	display: block;
	text-indent: -9000px;
}
#header h2 {
	margin: 10px auto; margin-bottom: 20px;
	background: url("../images/themeline.gif") no-repeat;
	width: 728px; height: 24px;
	display: block;
	text-indent: -9000px;
}
	
	/* Navigation */
	#navigation {
		margin: 0;
		height: 30px;
		background: url("../images/bgnav.gif") top repeat-x;
	}
	#navigation ul {
		list-style: none;
		margin: 0 0 0 122px; padding: 0;
	}
	#navigation ul li {
		float: left;
		margin: 0;
		line-height: 30px;
		font-size: 1.2em; font-weight: bold;
	}
	#navigation ul li a {
		display: block;
		padding: 0 17px;
		color: #dfe7f0;
		text-decoration: none;
	}
		#navigation ul li.current {
			display: block;
			padding: 0 17px;
			color: #6a4f0c;
			background: url("../images/bgnav_current.gif") top repeat-x;
		}
		
	#navigation ul li a:hover {
		color: #cde4fc;
		background: url("../images/bgnav_on.gif") top repeat-x;
	}
	/*#navigation ul li a {
		color: #dfe7f0;
		padding: 0;
	}
		#navigation ul li.current {
			color: #6a4f0c;
			padding: 0;
			background: url("../images/bgnav_current.gif") top repeat-x;
			text-decoration: none;
		}
		
	#navigation ul li a:hover {
		color: #cde4fc;
		background: url("../images/bgnav_on.gif") top repeat-x;
		text-decoration: none;
	}*/
	

	#subnav {
		margin: 0;
		height: 30px;
		background: #bfa254;
		overflow: hidden;
	}
	#subnav ul {
		list-style: none;
		margin: 0; padding: 0;
	}
		#subnav ul.about {
			margin-left: 25px;
		}
		#subnav ul.business {
			margin-left: 112px;
		}
			#subnav ul.businesstwo {
				margin-left: 10px;
			}
		#subnav ul.csr {
			margin-left: 210px;
		}
		#subnav ul.publication {
			margin-left: 330px;
		}
		#subnav ul.contact {
			margin-left: 445px;
		}
	#subnav ul li {
		float: left;
		font-size: 1.2em; font-weight: bold;
		line-height: 30px;
	}
	#subnav ul li a {
		margin: 0 10px; padding: 3px 6px;
		color: #6a4f0c;
	}
		#subnav ul li.onstate a {
			color: #ede4c7;
			background: #876f31;
		}
		
	#subnav ul li a:hover {
		color: #ede4c7;
		background: #876f31;
		text-decoration: none;
	}
	
#subnav li ul {
	position: absolute;
	left: -9000px;
	margin: 0; padding: 0 5px 5px 5px;
	height: auto; width: 200px;
	font-size: 0.8em;
	background: #bfa254;
	z-index: 100;
}
#subnav li li {
	width: 200px;
}
#subnav li ul a {
	display: block;
	margin: 1px 0 0; padding: 3px 6px;
	color: #6a4f0c !important;
	line-height: normal;
	background: #bfa254 !important;
}
	#subnav li ul a:hover {
		color: #ede4c7 !important;
		background: #876f31 !important;
	}
	
#subnav li:hover ul, #subnav li.sfhover ul {
	left: auto;
	margin-left: 4px;
}	

/* SPLASH */
#splash img {
	margin-bottom: -1px;
	border-top: 1px solid #cbc5bf;
}
body#interior #splash {
	background: url("../images/bgsplash.gif") repeat-y;
	overflow: hidden;
}
/*body#interior #splash img {
	border: none;
}*/
#splash .description, #splash .anjf, #splash .anjf2 {
	float: left;
	padding: 60px 20px;
	width: 201px; /*default: 242px*/
}
	#splash .anjf {
		padding: 40px 20px 20px 20px;
	}
	#splash .anjf2 {
		padding: 40px 15px 20px 20px;
	}
#splash .narrow {
	padding: 0;
}
	.description p {
		font-size: 1.4em; font-style: italic;
		text-align: center;
		color: #6b5c49;
		line-height: 24px;
	}
	
#splash .imgtheme {
	float: right;
	width: 485px;
	background: url("../images/bgcont_interior.gif") 0 281px no-repeat;
}
#splash .nofeat {
	margin-bottom: -1px;
}
	body#interior img.theme {
		border: none;
	}
	.imgtheme .thumb {
		float: left;
		padding: 10px;
		width: 222px;
	}
	.thumb img {
		float: left;
		margin: 0 10px 10px 0; padding: 2px;
		border: 1px solid #cbc4ba;
		background: #fff;
	}
	.thumb h3 {
		font-size: 1.1em;
		color: #82562f;
	}
	.thumb p {
		font-size: 0.9em;
		color: #322213;
	}
	
	.thumbimg {
		float: left;
		width: 96px;
	}
		.thumbimg img {
			float: none;
			margin: 0;
		}
	.thumbdesc {
		float: right;
		width: 120px;
	}



/* CONTENT */
#content {
	margin: 0;
	background: url("../images/bgcont.gif") 242px 0 repeat-y;
	overflow: hidden;
}
#widecontent {
	padding: 15px;
}
	#widecontent img {
		padding-left: 20px;
	}
	
body#interior #content, body#interior #widecontent {
	clear: both;
	border-top: 1px solid #cbc5bf;
}
	#content .featcont {
		background: #fff url("../images/bgcont_home.gif") top no-repeat;
		overflow: hidden;
	}
		
		.featcont .first {
			float: left;
			margin: 0;
			width: 364px;
		}
		.featcont .second {
			float: right;
			margin-left: 1px;
			width: 363px;
		}
			.services h2.natural, .services h2.services {
				margin: 0;
				font-size: 1.2em;
				color: #faeed4;
				text-align: center;
				line-height: 34px;
				background: url("../images/bgfeat_tab1.gif") top repeat-x;
			}
			.services h2.services {
				color: #ffecd2;
				background: url("../images/bgfeat_tab2.gif") top repeat-x;
			}
			.services h3, .services h3.after, .services p {
				margin: 0 15px; padding: 0;
				font-size: 1.1em;
				line-height: 16px;
			}
			.services h3 {
				margin-top: 15px;
				color: #ab9861;
				text-transform: uppercase;
			}
				.services h3 a {
					color: #ab9861;
					text-decoration: none;
				}
				.services h3 a:hover {
					text-decoration: underline;
				}
			
			.services img, .services img.after {
				float: left;
				margin: 15px; padding: 5px;
				border: 1px solid #cbc5bf;
				background: #fff;
			}
			.services img.after {
				margin-top: 0;
			}
				.services a img {
					border: 1px solid #cbc5bf;
				}
				.services a:hover img {
					border: 1px solid #9b543c;
				}
			
			.services br {
				clear: both;
			}


	#content .subcont {
		clear: both;
		border-top: 1px solid #cbc5bf;
	}
	
	#content .sidecont {
		float: left;
		padding: 15px 20px;
		width: 202px; /*default: 242px*/
	}
		.subcont .sidecont {
			text-align: center;
		}
		.sidecont p.quote {
			margin: 15px 0 0;
			font-family: Times, "Times New Roman", serif; font-size: 1.2em; font-style: italic;
			line-height: 16px;
		}
		.sidecont p.quote span {
			font-size: 1.0em;
		}
		.sidecont img {
			margin-left: 15px;
		}
		
	#content .maincont {
		float: right;
		padding: 0 15px 15px 15px;
		width: 455px; /*default: 485px*/
	}
		.maincont h3, .news h3, #widecontent h3 {
			margin: 15px 0 0;
			font-size: 1.4em;
			color: #3d444b;
		}
		.maincont h4 {
			margin: 15px 0 -5px 0;
			font-size: 1.1em;
		}
			.maincont h4 span {
				font-weight: normal; font-style: italic;
				line-height: 16px;
			}
			
		.maincont p, .news p {
			margin: 10px 0 0;
			font-size: 1.1em;
			line-height: 18px;
		}
			.news p {
				line-height: 14px;
			}
			
			.news p.date {
				margin: 5px 0 0;
				font-size: 1.0em; font-weight: bold;
				color: #61707e;
			}
			
		.maincont img {
			float: left;
			margin: 12px 15px 10px 0; padding: 4px;
			background: #f3f3f2;
			border: 1px solid #e1e1e0;
		}
		.maincont img.pic {
			float: left;
			margin: 15px 15px 10px 0; padding: 0;
			background: none;
			border: 1px solid #76726d;
		}
		
		.maincont ul {
			margin: 0; padding: 0;
			list-style: none;
		}
		.maincont ul li {
			display: block;
			width: auto;
			margin: 10px 0 0; padding-left: 20px;
			font-size: 1.1em;
			line-height: 16px;
			text-indent: 0;
			background: url("../images/bullet.gif") 0 2px no-repeat;
		}
		.maincont ul#doc li {
			display: block;
			width: auto;
			margin: 10px 0 0; padding-left: 24px;
			font-size: 1.1em;
			line-height: 20px;
			text-indent: 0;
			background: url("../images/ico_pdf.gif") 0 2px no-repeat;
		}
			
		.newsarchive ul {
			margin: 10px 0 0; padding: 0;
			list-style: none;
		}
		.newsarchive ul li {
			margin: 0; padding: 0;
			border-bottom: 1px solid #e3ded9;
			background: none;
		}
		.newsarchive ul li a {
			display: block;
			width: auto;
			padding: 8px 12px;
			line-height: 16px;
			text-indent: 0;
			text-decoration: none;
			color: #989a9e;
		}
		.newsarchive ul li a:hover {
			color: #4d5661;
			background: #edf0fc;
		}

		/* Feedback Form */
		form#feedback {
			font-size: 1.1em;
		}
		form#feedback fieldset {
			margin: 20px 0;
			border: none;
		}
		form#feedback br {
			clear: both;
		}
		
		label.float, input.float, input.float2, textarea.float, select.float {
			display: block;
			width: 250px;
			float: left;
			margin-bottom: 15px;
		}
			select.float {
				width: 258px;
			}
			input.float2 {
				width: 150px;
			}
		label.float  {
			width: 120px;
			padding-right: 20px;
			font-weight: bold;
			text-align: right;
		}
		input.tfield, textarea.tarea, select.lmenu {
			border: 1px solid #999;
			background: #fff;
			padding: 2px;
			font-size: 1.1em;
			font-family: Arial, Verdana, Tahoma, sans-serif;
			color: #666;
		}
			select.lmenu {
				padding: 0;
			}
			
		input.button2 {
			float: left;
			border: 1px solid #222;
			background: #333;
			padding: 2px 4px;
			font-size: 1.0em; font-family: Arial, Verdana, Tahoma, sans-serif;
			text-transform: uppercase;
			color: #ccc;
		}