body {
	padding:0;
	margin:0;
	color:#A5A5A4;
	background-color: #000;
	background-repeat: repeat-x;
}
div, ul, h1, h2, h3, h4, p, img, form {
	padding:0;
	margin:0;
}
img {
	border : 0 none;
	}
ul {
	list-style-type:none;
}
.blank {
	font-size:0px;
	clear:both;
	line-height:0px;
}
/*--------------------------------header pan---------------------------*/
#headerPan {
	width:800px;
	background:url(images/header_pic.jpg) no-repeat;
	height:221px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#headerPan h1 {
	background:url(images/company_name.gif) no-repeat;
	margin:48px 0 0 251px;
	width:233px;
	height:100px;
	display:block;
	text-indent:-2000px;
}
/*----------------------------------body part----------------*/
#mainBody {
	width:730px;
	margin-top: 24px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/*-------------left side------*/
#leftPan {
	width:250px;
	color:#B6B6B5;
	float:left;
	height: auto;
}
#leftPan div.contentf {
	padding: 19px 10px 10px 10px;
	background: #272727;
}
#leftPan .b1f, #leftPan .b2f, #leftPan .b3f, #leftPan .b4f {
	background: #272727;
}
#leftPan .title {
	color:#2BCA02;
	text-align:center;
	margin-top:10px;
	font:12px verdana, arial, sans-serif
}
#leftPan .date {
	color:#999999;
	text-align:center;
	font:13px verdana, arial, sans-serif;
}
#leftPan .body {
	color:#D3D3D3;
	margin-top:10px;
	font:13px verdana, arial, sans-serif;
	line-height:17px;
	height: auto;
	width: auto;
}
#leftPan p {
	background:url(images/left_side_down.gif) no-repeat bottom left;
	height:8px;
	font-size:0;
	display:block;
}
#leftPan h2 {
	color:#2BCA02;
	width:250px;
	display:block;
	font: normal 18px Arial, Helvetica, sans-serif;
	line-height:20px;
}
#leftPan ul {
	width:125px;
	display:block;
	font-size:0;
	height: auto;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 24px;
	margin-left: 25px;
}
#leftPan ul li {
	background:url(images/left_side_arrow.gif) no-repeat 0 9px;
	padding: 0 0 0 11px;
	display:block;
	height:24px;
}
#leftPan ul li a {
	font:12px/24px Arial, Helvetica, sans-serif;
	color:#B6B6B5;
	text-decoration:none;
	background-color:#171717;
	display:block;
}
#leftPan ul li a:hover {
	background-color:#454545;
	color:#B6B6B5;
}
#leftPan h3 {
	color:#fff;
	width:114px;
	height:24px;
	display:block;
	margin:0px 0 10px 26px;
	padding: 0 0 0 0;
	background-color:#171717;
	font: normal 24px/24px Arial, Helvetica, sans-serif;
}
#leftPan a.more {
	width:103px;
	height:15px;
	display:block;
	background-color:#000000;
	color:#FFFFFF;
	margin: 0 0 24px 25px;
	padding:0 0 0 13px;
	font:13px/10px tahoma, Arial, Helvetica, sans-serif;
}
#leftPan a.more:hover {
	background-color:#454545;
	color:#B6B6B5;
}
/*-------------------------------right-------*/
#rightPan {
	width:450px;
	float:right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
#rightPan h2 {
	height:auto;
	width:auto;
	display:block;
	float:left;
}
#rightPan h2 a {
	width:204px;
	height:95px;
	display:block;
	text-decoration:none;
	text-indent:-2000px;
}
#rightPan h2 a.eve {
	width:205px;
	height:95px;
	display:block;
	text-decoration:none;
	background:url(images/01.png) no-repeat #000;
	color:#FFFFFF;
}
#rightPan h2 a.eve:hover {
	width:205px;
	height:95px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	background-color: #000;
	background-image: url(images/03.png);
	background-repeat: no-repeat;
}
#rightPan h2 a.work {
	width:205px;
	height:95px;
	display:block;
	text-decoration:none;
	margin:0 0 0 15px;
	background:url(images/02.png) no-repeat #000;
	color:#FFFFFF;
}
#rightPan h2 a.work:hover {
	width:205px;
	height:95px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	background-color: #000;
	background-image: url(images/04.png);
	background-repeat: no-repeat;
}
#rightPan .about {
	width:450px;
	height:233px;
	display:block;
	padding: 0;
	background: url(images/about.jpg) no-repeat top left;
	position:relative;
}
#rightPan .about span {
	padding:59px 20px 10px 15px;
	color:#d3d3d3;
	font:14px arial, helvetica, sans-serif;
	text-align:justify;
}
#rightPan .about a {
	bottom:5px;
	display:block;
	height:19px;
	position:absolute;
	right:45px;
	width:59px;
	text-decoration:none;
}
#rightPan .about a:hover {
	text-decoration:none;
}
#rightPan p {
	width:450px;
	font:14px/20px Arial, Helvetica, sans-serif;
	color:#D3D3D3;
	background-color:#000000;
	display:block;
	margin:0;
	height: auto;
}
#rightPan p span {
	text-align:center;
	position:absolute;
	top:23px;
	left:9px;
	color:#d3d3d3;
	z-index:2;
	font-size:15px;
	line-height:16px;
	font-weight:bold;
}
#rightPan p.more {
	width:450px;
	border:#353535 1px solid;
	height:auto;
	background-color:#171717;
	color:#FFFFFF;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 28px;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 0;
}
#rightPan p.more a {
	display:block;
	text-align:right;
	text-decoration:none;
	width:80px;
	height:15px;
	background:url(images/read_more_arrow.gif) no-repeat right center #000000;
	color:#4D8FD5;
	float:right;
	padding:0 25px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 15px;
}
#rightPan p a:hover {
	text-decoration:underline;
	color:#2BCA02;
}
#rightPan h3 {
	font:30px Arial, Helvetica, sans-serif;
	color:#374dac;
	display:block;
	margin:0 0 30px 0;
	height:27px;
	width: 450px;
}
#rightPan p.hig {
	background:#272727 url(images/news.png) no-repeat top left;
	color:#2BCB02;
	display:block;
	width:440px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin: 5px 0px 0px;
	padding: 6px;
}
#rightPan p.hig span {
	color:#374DAC;
	position:relative;
	top:0px;
	left:0px;
	float:left;
	font-size:19px;
}
#rightPan p.hig1 {
	background-color:#151515;
	color:#2BCB02;
	display:block;
	width:413px;
	padding:16px 0px 0 12px;
	margin:5px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}
#rightPan p.one {
	color:#D3D3D3;
	font:14px/20px Arial, Helvetica, sans-serif;
	display:block;
	width:400px;
	margin:0;
	background:url(images/date.jpg) no-repeat 5px 13px #1d1d1d;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 52px;
	position:relative;
}
#rightPan p.more1 {
	background-color:#272727;
	color:#00C;
	width:452px;
	margin:0;
	padding:7px 0px;
}
#rightPan p.more1 a {
	background-color:#000000;
	color:#4D8FD5;
	width:397px;
	display:block;
	text-decoration:none;
	text-align:right;
	padding:0 3px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
}
#rightPan p.more1 a:hover {
	color:#FFFFFF;
	font-weight:bold;
	background-color:#2BCB02;
	text-decoration:none;
}
#rightPan p.more2 {
	background-color:#151515;
	color:#8C8C8B;
	padding:7px 0 13px 14px;
	width:411px;
	margin:0 0 0 0;
}
#rightPan p.more2 a {
	background-color:#000000;
	color:#4D8FD5;
	width:397px;
	display:block;
	text-decoration:none;
	text-align:right;
	padding:0 3px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
}
#rightPan p.more2 a:hover {
	color:#FFFFFF;
	font-weight:bold;
	background-color:#2BCB02;
	text-decoration:none;
}
#rightPan ul {
	width:424px;
	display:block;
	margin:26px 0 0 0;
}
#rightPan ul li {
	display:block;
	height:35px;
	padding:98px 0 0 0;
	float:left;
	width:141px;
}
#rightPan ul li.time {
	display:block;
	background:url(images/time_manager.gif) no-repeat 0 0;
	height:35px;
}
#rightPan ul li.time a {
	height:35px;
	background-color:#1C1C1C;
	border-bottom:#393939 1px solid;
	border-top:#393939 1px solid;
	border-left:#393939 1px solid;
	display:block;
	font:14px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0 39px 0 16px;
	text-decoration:none;
}
#rightPan ul li.time a:hover {
	background-color:#080808;
	color:#2BCB02;
	text-decoration:none;
}
#rightPan ul li.latest {
	display:block;
	background:url(images/latest.gif) no-repeat 21px 0;
	height:35px;
}
#rightPan ul li.latest a.la {
	height:35px;
	background-color:#1C1C1C;
	border-bottom:#393939 1px solid;
	border-top:#393939 1px solid;
	border-left:none;
	display:block;
	font:14px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0 39px 0 37px;
	text-decoration:none;
}
#rightPan ul li.latest a.la:hover {
	background-color:#080808;
	color:#2BCB02;
	text-decoration:none;
}
#rightPan ul li.what {
	display:block;
	background:url(images/what_news.gif) no-repeat 21px 0;
	height:35px;
}
#rightPan ul li.what a.wh {
	height:35px;
	background-color:#1C1C1C;
	border-bottom:#393939 1px solid;
	border-top:#393939 1px solid;
	border-left:none;
	display:block;
	font:14px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0 39px 0 37px;
	text-decoration:none;
	border-right:#393939 1px solid;
}
#rightPan ul li.what a.wh:hover {
	background-color:#080808;
	color:#2BCB02;
	text-decoration:none;
}
/*-------------------------------footer---------*/
#footerMain {
	background:url(images/footer_bg.gif) repeat-x 0 0;
	width:100%;
}
#footer {
	background:url(images/footer.gif) no-repeat 0 0;
	height:97px;
	width:778px;
	margin:0 auto 0 auto;
	padding:74px 0 0 0;
}
#footer ul {
	width:378px;
	display:block;
	padding:0;
	font-size:0;
	height:20px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 400px;
	color: #0654A0;
	background-image: none;
}
#footer ul li {
	color:#9B9B9B;
	font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;
	background-color:#0F0F0F;
	padding:0;
	margin:0;
}
#footer ul li a {
	color:#4d90d6;
	text-decoration:none;
	padding:0 6px 0 6px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
#footer ul li a:hover {
	text-decoration:none;
	color: #2BCA02;
}
#footer p {
	width:378px;
	display:block;
	font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4d90d6;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 400px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 9px;
	padding-left: 0;
	height: auto;
	background-image: none;
}
#footer ul.css {
	width:103px;
	display:block;
	font-size:0px;
	padding:0;
	height:20px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 530px;
}
#footer ul.css li {
	display:block;
	float:left;
	background-color:#060606;
	margin:0 0 0 1px;
	padding:0;
	color:#FFFFFF;
}
#footer ul.css li a {
	text-indent:-2000px;
	height:11px;
	padding:0;
	margin:0;
	float:left;
	font-size:0;
	display:block;
}
#footer ul.css li a.cs {
	background:url(images/css.gif) no-repeat 0 0;
	width:39px;
}
#footer ul.css li a.cs:hover {
	background:url(images/css_h.gif) no-repeat 0 0;
	width:39px;
}
#footer ul.css li a.html {
	background:url(images/xhtml.gif) no-repeat 0 0;
	width:61px;
}
#footer ul.css li a.html:hover {
	background:url(images/xhtml_h.gif) no-repeat 0 0;
	width:61px;
}
#footer p.copy {
	width:200px;
	display:block;
	font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#EAEAEA;
	float:right;
	display:block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#footer p a.copy {
	text-decoration:none;
	color:#4d90d6;
}
#footer p a.copy:hover {
	text-decoration:none;
	color:#2BCA02;
}
/*---------------------------rounded box-------*/
.b1f, .b2f, .b3f, .b4f {
	font-size:1px;
	overflow:hidden;
	display:block;
}
.b1f {
	height:1px;
	background:#ddd;
	margin:0 5px;
}
.b2f {
	height:1px;
	background:#ddd;
	margin:0 3px;
}
.b3f {
	height:1px;
	background:#ddd;
	margin:0 2px;
}
.b4f {
	height:2px;
	background:#ddd;
	margin:0 1px;
}
.contentf {
	background: #ddd;
}
.contentf div {
}
.greenheader {
	color: #2bca02;
}
#backbox {
	width:750px;
	height:567px;
	margin:23px auto;
	display:block;
	background: url(images/backbox.png) no-repeat top left;
	position:relative;
}
#backbox1 {
	width:750px;
	height:750px;
	margin:23px auto;
	display:block;
	background: url(images/backbox1.png) no-repeat top left;
	position:relative;
}
/*---------------------------drop down menu -----*/
.menu {
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	height:21px;
	line-height:21px;
	background:#242424;
	color:#4d90d6;
	float:left;
	z-index:6000;
}
.menu a {
	text-decoration:none;
	color:#4d90d6;
	text-align:center;
}
.menu ul, .menu ul li a, .menu ul li a:visited {
	width:80px;
}
.menu ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
.menu ul li {
	float:left;
	position:relative;
}
.menu ul li a, .menu ul li a:visited {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	display:block;
	font-size:12px;
	height:21px;
	line-height:21px;
	overflow:hidden;
	text-decoration:none;
	color:#4d90d6;
}
.menu ul li a, .menu ul li a:visited, .menu ul li:hover a, .menu a:hover, .menu ul li:hover ul li a.hide, .menu ul li:hover ul li:hover a.hide, .menu ul li:hover ul li a, .menu ul li:hover ul li a:hover {/*text-indent:4px;*/
}
.menu ul li ul {
	display:none;
}
.menu ul li:hover a, .menu a:hover {
	color:#2BCA02;
	text-decoration:none;
}
.menu ul li:hover ul {
	display:block;
	left:0;
	position:absolute;
	top:20px;
	width:82px;
}
.menu ul li:hover ul li a.hide {
	background:#242424;
	color:#2BCB02;
	height:20px;
}
.menu ul li:hover ul li:hover a.hide {
	background:#242424 none repeat scroll 0 0;
	color:#2BCB02;
	height:20px;
}
.menu ul li:hover ul li ul {
	display:none;
}
.menu ul li:hover ul li a {
	background:#242424 none repeat scroll 0 0;
	color:#777777;
	display:block;
	height:20px;
	font-size:11px;
}
.menu ul li:hover ul li a:hover {
	background:#424242;
	color:#cccccc;
	height:20px;
}
.menu ul li:hover ul li:hover ul {
	display:block;
	left:90px;
	position:absolute;
	top:0;
}
.menu ul li:hover ul li:hover ul.left {
	left:-90px;
}