/*

Designed and Coded By: Syosys Technologies
Date: 26/5/2009

*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* {
	font:normal 11px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
body {
	background:url(../img/main_bg.png) repeat-x top center;
}
p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#5D5D5D;
	line-height:18px;
	letter-spacing:.1px;
}
.bold {
	font-weight:bold;
}
#container {
	width:916px;
	margin:0 auto;
	padding:0 13px;
}
#header {
}
.logo {
	padding:36px 30px 0 2px;
	float:left
}
#navbar {
	float:left;
	margin:45px 0 0 0;
	background:#376100 url(../img/nav_bg.png) no-repeat top center;
	width:528px;
}
#menu {
}
#menu ul {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:9px 0;
}
#menu ul li {
	display:inline;
	padding:0 11px;
	border-right:solid 1px #8BA070;
}
#menu ul li a {
	text-decoration:none;
	color:#CCD3C2;
}
#menu ul li a.active {
	color:#fff;
	font-weight:bold;
}
#menu ul li a:hover {
	color:#fff;
}
#menu ul li .noborder {
	border:none;
}
#highlight {
	margin-top:15px;
	width:929px;
	height:90px;
	float:left;
}
#highlight a {
	display:block;
	float:left;
	width:108px;
	height:50px;
	font-size:0px;
	color:#441c17;
	text-decoration:none;
}
#highlight .box1 {
	padding:23px 0 23px 10px;
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#003F0E;
	width:95px;
}
#highlight .box2 {
	padding:17px 0 23px 10px;
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#003F0E;
	background:url(../img/highlight.png) no-repeat 0px -90px;
	width:190px;
}
#highlight .box2:hover {
	background:url(../img/highlight.png) no-repeat 0px -90px;
	width:190px;
}
#highlight .box3 {
	padding:17px 0 23px 10px;
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#003F0E;
	background:url(../img/highlight.png) no-repeat -200px -90px;
	width:190px;
}
#highlight .box3:hover {
	background:url(../img/highlight.png) no-repeat -200px -90px;
	width:190px;
}
#highlight .box4 {
	padding:17px 0 23px 10px;
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#003F0E;
	background:url(../img/highlight.png) no-repeat -398px -90px;
	width:190px;
}
#highlight .box4:hover {
	background:url(../img/highlight.png) no-repeat -398px -90px;
	width:190px;
}
#highlight .box5 {
	padding:17px 0 23px 10px;
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#003F0E;
	background:url(../img/highlight.png) no-repeat -600px -90px;
	width:200px;
}
#highlight .box5:hover {
	background:url(../img/highlight.png) no-repeat -600px -90px;
	width:200px;
}
#main {
	margin:0 auto;
	clear:both;
}
#left_panal {
	width:633px;
	float:left;
	margin-top:20px;
	margin-right:10px;
	font-size:12px;
	background:#F5F5F5 url(../img/company_bg.png) repeat-x top;
	min-height:200px;
}
#left_panal h1 {
	background:url(../img/inner_headerbg.png) no-repeat top left;
	padding:6px 10px;
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#fff;
}
#left_panal h1.home {
	background:url(../img/h1_bg.png) no-repeat top left;
}
#left_panal .matter_area {
	padding:10px;
	color:#5D5D5D;
	background:#F6F8F3;
}
#left_panal .matter_area img {
	float:left;
	padding:0 10px 5px 0;
}
.end {
	margin:0;
	padding:0;
}
#left_panal .matter_area p {
	line-height:20px;
	text-align:justify;
}
#left_panal .matter_area p span {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#090;
	line-height:30px;
	border-bottom:dashed 1px #CCC;
}
#left_panal .matter_area h2 {
	font-size:19px;
	color:#fff;
	background:#6B6E68 url(../img/knoledge_bar.png) no-repeat top;
	padding:3px 7px;
}
#left_panal span {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#090;
}
#left_panal .box {
	float:left;
	width:609px;
	clear:both;
	margin:8px;
	background:url(../img/product_highlights.png) repeat-y top;
	padding-top:5px;
	padding-bottom:5px;
	border:solid 1px #CCC;
}
#left_panal .box table {
	border:solid 1px #AAC489;
	margin-top:8px;
	text-align:left;
}
#left_panal .box table td {
	padding:5px;
	border:solid 1px #AAC489;
	color:#5a5a5a;
	line-height:18px;
}
#left_panal .box table th {
	padding:5px;
	background:#F1F8E8;
	border:solid 1px #AAC489;
	font-weight:bold;
	color:#4E4C3D;
}
#left_panal .box p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#4B6B22;
	padding:3px 10px;
	line-height:17px;
}
#left_panal .box h4 {
	color:#333;
	font-weight:bold;
	padding-left:11px;
	padding-top:3px;
}
#left_panal h3 {
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#009900;
	padding:5px 10px;
}
#left_panal h3 span {
	font-size:15px;
	color:#063;
}
#left_panal ul li {
	list-style:disc;
	line-height:19px;
	color:#009900;
	text-decoration:none;
	margin-left:22px;
}
#left_panal ul li {
	color:#5D5D5D;
	font-size:12px;
}
.button_panel {
	padding-left:6px;
	padding:0;
	background:#F5F5F5;
}
.centersing {
	text-align:center;
}
.button_panel a{ text-decoration:none; color:#333; font-weight:bold;}
.button_panel a span{font-weight:normal;}
.button_panel div {
	background:url(../img/highlight2.png) no-repeat top left;
	margin:8px 0 0 8px;
	width:191px;
	height:52px;
	float:left;
	padding:10px 0 0 10px;
	vertical-align:middle;
}
.button_panel div img {
	float:left;
	padding-right:3px;
}
.button_panel div p {
	font-weight:bold;
	padding-top:6px;
}
#right_panal {
	width:272px;
	float:left;
	margin:20px 0 0 0;
	font-size:12px;
	background: url(../img/company_right_bg.png) repeat-x top;
	min-height:150px;
}
#left_panal h3 img {
	float:right;
	padding:10px;
}
#right_panal h1 {
	background:url(../img/inner_headerbgright.png) no-repeat top left;
	padding:6px 10px;
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#fff;
	width:255px;
}
#right_panal h1.right_home {
	background:url(../img/h1_bg_right.png) no-repeat top left;
}
#right_panal p span {
	font-weight:bold;
	color:#090;
}
#right_panal .matter_area {
	padding:10px;
	background-color:#F4F4F4;
}
.more { position:relative; top:15px; <top:-15px;
	float:right;
	padding:0 10px;
	margin:0;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000
}
.more:hover{ text-decoration:underline;}
#footer {
	background:#FFD23B url(../img/footer_bg.png) no-repeat top;
	width:897px;
	padding:10px;
	clear:both;
	float:left;
	font-size:12px;
	margin:10px 0 6px 0;
<margin:10px 0 6px 0;
	position:relative;
}
#footer .logo_syosys {
	position:absolute;
	left:770px;
	top:8px;
}
#footer .logo_syosys img{ position:absolute; left:75px; top:1px;}
#main #banner {
	float:left;
	padding-top:17px;
}
table {
	border:1px solid #DBE5CD;
	margin:10px 10px 10px 10px;
<margin:10px 10px 10px 0;
	float:left;
}
table th {
	padding:5px;
	background:#E5EDDB;
	text-align:left;
	color:#2B4707;
}
table th.head {
	background:#c4cfdb;
	text-align:center;
	color:#0e455d;
}
table td {
	padding:5px;
	width:50%;
}
table .alter {
	background:#f5f7fa;
}
table.traintable td {
	width:auto;
}
table .form_button {
	background:url(../img/form_button.png) no-repeat top;
	width:100px;
	height:25px;
	float:right;
	border:none;
	text-indent:-10000px;
	font-size:0;
}
table .form_button:hover {
	background:url(../img/form_button_hover.png) no-repeat top;
}
.textfield {
	width:200px;
	border:solid 1px #CEDBBD;
	height:18px;
}
textarea {
	width:200px;
	border:solid 1px #CEDBBD;
	height:18px;
	height:60px;
}
.adress_panal {
	float:left;
	width:280px;
<width:273px;
	background-color:#E5EDDB;
	padding:10px;
	height:233px;
<height:223px;
	margin-top:9px;
<margin-top:0;
}
.adress_panal h2 {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#375E02;
	margin:0;
	padding:0;
}
.adress_panal h2 img {
	margin-right:3px;
}