body {
	margin: 0;
	padding: 0;
	background-color: #fff;
}

.clearer { height: 2px; font-size: 1px; clear: both;}

#container {
	position: relative;
	left: 10px;
	width: 840px;
	margin: 0;
	text-align: left;
	border-left: 20px solid #333;
	background-color: #eee;
}
	#contactinfo {
		position: relative;
		width: 840px;
		height: 20px;
		text-align: right;
		overflow: hidden;
		border-bottom: 1px solid #ccc;
	}
		#contactinfo p {
			margin: 0 20px 0 0;
			padding-top: 3px;
			font: bold 11px Verdana;
			color: #ccc;
		}
		#contactinfo a {
			margin-left: 15px;
			font: bold 11px Verdana;
			color: #333;
			text-decoration: none;
		}
		#contactinfo a:hover {
			color: #eb5a03;
		}
	#header {
		position: relative;
		width: 840px;
		height: 110px;
		overflow: hidden;
		z-index: 0;
	}
		#logo {
			position: relative;
			top: 15px;
			width: 270px;
			height: 80px;
			background: url(./img/logo.gif) no-repeat;
		}
			#logo h1, #logo h2 {
				margin: 0;
				font: bold 14px Verdana;
				color: #fff;
				display: none;
			}
		#menuh {
			position: absolute;
			bottom: 0;
			width: 840px;
			height: 20px;
			border-bottom: 1px solid #333;
		}
		ul#menu {
			position: absolute;
			bottom: -1px;
			right: 10px;
			margin: 0;
			padding: 0;
			list-style: none;
			z-index: 2;
		}
		* html ul#menu { bottom: 9px; }
			ul#menu li {
				margin: 0 1px 0 0;
				padding: 0;
				list-style: none;
				width: 94px;
				background: url(./img/menu_a.gif) no-repeat top;
				float: left;
			}
			#menu a {
				display: block;
				padding: 5px 0;
				font: bold 11px Tahoma;
				color: #000;
				text-decoration: none;
				text-align: center;
				border-bottom: 1px solid #333;
			}
			#menu a#current {
				border-bottom: 1px solid #fff;
			}
			#menu a:hover {
				color: #eb5a03;
			}

	#content {
		width: 840px;
	}
	
	#left {
		width: 220px;
		padding-top: 10px;
		float: left;
	}
		.leftbox {
			width: 200px;
			margin: 0 0 0 10px;
			text-align: left;
			background-color: #fff;
		}
		.leftbox1 {
			width: 200px;
			margin: 0 0 0 10px;
			background-color: #fbfbfb;
			border: 1px solid #edecec;
			text-align: left;
		}
			.leftbox1 h1 {
				margin: 5px;
				padding: 0 0 3px 0;
				font: bold 12px Verdana;
				color: #eb5a03;
				border-bottom: 1px solid #edecec;
			}
			.leftbox1 p {
				margin: 5px;
				padding: 0;
				font: 12px Verdana;
				color: #333;
			}
			.leftbox1 ul {
				margin: 0 5px 10px 14px;
				padding-left: 5px;
			}
			.leftbox1 ul li {
				margin: 0 0 4px;
				font: bold 14px Verdana;
				color: #eb5a03;
				line-height: 11px;
			}
				.leftbox1 ul li span {
					font: 11px Verdana;
					color: #333;
				}
			.leftbox a {
				display: block;
				height: 46px;
				margin: 3px;
				padding: 14px 5px 0 58px;
				font: bold 11px Arial;
				color: #333;
				text-decoration: none;
				background: url(./img/icon_0.gif) no-repeat left;
			}
			.leftbox a.example1 { background: url(./img/icon_calculation.gif) no-repeat left; }
			.leftbox a.example2 { background: url(./img/icon_software.gif) no-repeat left; }
			.leftbox a.example3 { background: url(./img/icon_web.gif) no-repeat left; }
			.leftbox a.example4 { background: url(./img/icon_google.gif) no-repeat left; }

			.leftbox a.example5 { background: url(./img/icon_intuitive.gif) no-repeat left; }
			.leftbox a:hover {
				color: #eb5a03;
			}
				.leftbox a#current {
					color: #eb5a03;
				}


	#index_center {
		position: relative;
		right: 11px;
		width: 610px;
		padding-top: 10px;
		float: right;
		background-color: #fff;
	}
		#index_center p {
			margin: 0 5px 5px;
			font: 12px Verdana;
			color: #555;
			line-height: 18px;
			text-align: left;
		}
		#index_center a {
			padding-bottom: 1px;
			font: 12px Verdana;
			color: #000;
			text-decoration: none;
			border-bottom: 1px solid #000;
		}
		#index_center a:hover {
			color: #eb5a03;
		}
		#index_center img {
			margin: 20px 2px 0;
		}
		#index_center p img {
			margin: 5px;
			padding: 1px;
			border: 1px solid #eb5a03;
		}
		#index_center img.sample {
			margin: 5px 10px;
			vertical-align: middle;
			float: right;
		}
		#index_center h1 {
			margin: 5px 0;
			padding: 5px;
			font: bold 15px Verdana;
			color: #eb5a03;
			text-align: left;
			background-color: #ccc;
		}
		#index_center h2 {
			margin: 10px 5px 5px;
			padding: 5px 5px 5px 22px;
			font: bold 12px Verdana;
			color: #777;
			text-align: left;
			background: #eee url(./img/bull.gif) no-repeat left;
			border-bottom: 1px solid #ddd;
		}
			#index_center h2 a {
				font: bold 15px Verdana;
				font-style: italic;
				color: #eb5a03;
				text-decoration: none;
			}
			#index_center h2 a:hover {
				color: #000;
				text-decoration: none;
			}
		#index_center h3 {
			margin: 0;
			padding: 0 5px;
			font: bold 12px Verdana;
			color: #000;
			text-align: left;
		}
		#index_center ul {
			margin: 5px 5px 5px 35px;
			padding: 0;
			text-align: left;
		}
		#index_center ul li {
			margin: 5px 0 10px;
			font: 12px Verdana;
			color: #555;
			line-height: 14px;
		}
			#index_center ul li span {
				color: #555;
			}
		#index_center li a {
			font: 12px Verdana;
			color: #555;
			text-decoration: none;
			border: 0;
		}
		#index_center li a:hover {
			color: #eb5a03;
		}
		#index_center ol li {
			margin: 0 0 4px;
			font: 13px Verdana;
			color: #555;
			line-height: 16px;
			text-align: left;
		}
			#index_center ol li span {
				color: #555;
			}
			

		#index_center table{
			margin-left:auto; 
    		margin-right:auto;
		}
		
		#index_center th {
			margin: 10px 5px 5px;
			padding: 5px 5px 5px 22px;
			font: bold 12px Verdana;
			color: #777;
			text-align: center;
			background: #eee;
			border-bottom: 1px solid #ddd;
			}
				
		#index_center tr td {
			margin: 5px;
			padding: 1px;
			text-align: center;
		}
		
		
	#index_links {
		margin-top: 10px;
		width: 840px;
		padding: 5px 0;
		border-top: 1px solid #333;
		text-align: center;
	}
		#index_links a {
			margin: 0 10px;
			font: 12px Verdana;
			color: #777;
			text-decoration: underline;
		}
		#index_links a:hover {
			color: #000;
		}

	#contact_center {
		position: relative;
		left: 9px;
		width: 820px;
		padding-top: 20px;
		background-color: #fff;
	}
		#contact_center p {
			margin: 5px;
			font: 12px Verdana;
			color: #000;
			line-height: 14px;
		}
		#contact_center a {
			padding-bottom: 1px;
			font: 12px Verdana;
			color: #000;
			text-decoration: none;
			border-bottom: 1px solid #000;
			letter-spacing: 1px;
		}
		#contact_center a:hover {
			color: #eb5a03;
		}
		#contact_center h2 {
			margin: 10px 0;
			padding: 5px 10px;
			font: bold 14px Verdana;
			font-style: italic;
			color: #000;
			border-bottom: 1px solid #eb5a03;
		}


#imgs {
	width: 818px;
	margin: 11px;
	padding: 10px 0;
	text-align: center;
	background-color: #fff;
}

.line {
	width: auto;
	margin: 10px 0;
	font-size: 1px;
	border-bottom: 1px solid #ccc;
}


#footer {
	width: 840px;
	margin-top: -2px;
	padding: 10px 0;
	color: #fff;
	text-align: left;
	border-top: 1px solid #333;
}
		#footer ul {
			margin: 0 20px;
			padding: 0;
			list-style: none;
		}
		#footer li {
			width: 185px;
			margin: 0;
			padding: 0;
			font: 11px Verdana;
			color: #000;
			float: left;
		}
			#footer li a {
				font: 11px Verdana;
				color: #eb5a03;
				text-decoration: none;
			}
			#footer li a:hover {
				color: #000;
			}
			#footer li.copyright {
				color: #000;
				text-align: right;
				float: right;
			}