/* 
 styles Document
 @author  bnuboboy@hotmail.com
 @copyright 2008
*/
/* default styles
   -------------- */
   
body { 
	padding: 0; 
	margin: 0; 
	font: 12px Tahoma, sans-serif; 
	line-height: 1.5em;
	background: #fff; 
	color: #454545; 
}
#container-box{ margin:0 auto; width:957px; text-align:center;}
#container{text-align:left;width:937px;background:#FFF;padding-left: 10px;}
img {border: none;}
a {	color: #E0691A;	background: inherit; text-decoration: none;}
a:hover { color: #6C757A; background: inherit; }
h1 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
.dark  { color: #737373; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }
p {	margin: 0 0 5px 0; }
ul { margin: 0; padding : 0; list-style : none; }
form { 	margin: 0; }
input.search {width: 120px;height:13px;color: #E0691A;margin: 4px 0 0 110px;	position:absolute;border-top-width: 1;border-top-style: solid;border-top-color: #CCCCCC;}
input.page{background: url(button.gif) no-repeat;width:70px;height:19px;border: 0;}
input.submit {	background: #E0691A url(submit.gif) no-repeat;border: 0;padding: 4px 0;width: 65px;margin: 0 15px 1px 0;color: #FFF;font: bold 1em Arial, Sans-Serif;}
input.login { 	width: 150px;border: none; padding: 4px; }
textarea.msg{width: 400px;height: 160px;background: #FFF repeat;padding: 4px;color: #E0691A;font-weight: bold;}
/* layout
   ------ */
#btn-go{ top:0px; position:absolute;border:0;display:block;width:23px;height:27px;float:left;overflow:hidden; text-decoration:none;background:url(submit.jpg) top left no-repeat; margin:0 0 0 230px;}
.search-div{width:286px; height:27px; overflow:hidden;}
.content { margin: 0 auto;top:0px;width: 922px;}
.header {}
.header table{top:-8px;height:33px;position:relative;}
.logo{
	top:5px;
	height:70px;
	background-image: url(logo.jpg);
	background-repeat: no-repeat;
	position:relative;
	text-align:right;
	vertical-align: bottom;
}
#connect-bar{float:right;top:10px;color:#FF6633; position:relative;}
.search_field { 
	background: #fff url(searchbg.gif) no-repeat right; 
	color: #808080;
	clear: both;
	font-weight: bold;
	padding: 7px 25px 10px 10px;
	margin: 5px 0;
}

.grey {color: #808080;background: inherit;font-weight: normal;}
.search_form { float: right; }
.subheader {margin: 0px 0 10px 0;border-bottom: 1px solid #eee;padding: 5px 0 5px 0;background: #A4A4A4;color: #fff;}
/* left side
   ---------- */
.left {float: left;width: 191px; z-index:9;	position:relative;}

.left h3 {
	background: #EF6F01  url(corner.jpg) no-repeat top left;
	color: #FFF;
	padding: 7px 0 7px 50px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
}
.left h3 a{color: #FFF;}
.left h3 a:hover{color: #FFF;}
	.left_articles {
	background: #f5f5f5;
	color: #414141;
	padding: 8px;
	margin: 0 0 3px 0;
	}
	
.image {
	float: left;
	margin: 0 9px 3px 0;
}

/*CSS Code for Menu Begin:*/ 
/* Root = Vertical, Secondary = Vertical */ 
ul#navmenu, 
ul#navmenu li, 
ul#navmenu ul { 
margin: 0; 
border: 0 none; 
padding: 0; 
width: 100%; /*For KHTML*/ 
list-style: none; 
} 
ul#navmenu li { 
display: block !important; /*For GOOD browsers*/ 
display: inline; /*For IE*/ 
*+display:inline !important;
position: relative; 
} 
/* Root Menu */ 
ul#navmenu a {
	border: 1px solid #FFF;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	padding: 0 6px;
	display: block;
	background: #EEE;
	color: #666;
	text-decoration: none;
	height: 25px;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 1em;
	line-height: 23px;
	font-weight: bold;
} 
/* Root Menu Hover Persistence */ 
ul#navmenu a:hover, 
ul#navmenu li:hover a, 
ul#navmenu li.iehover a { 
background: #CCC; 
color: #FFF; 
} 
/* 2nd Menu */ 
ul#navmenu li:hover li a, 
ul#navmenu li.iehover li a { 
background: #EEE; 
color: #666; 
} 
/* 2nd Menu Hover Persistence */ 
ul#navmenu li:hover li a:hover, 
ul#navmenu li:hover li:hover a, 
ul#navmenu li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover a { 
background: #CCC; 
color: #FFF; 
} 
/* 3rd Menu */ 
ul#navmenu li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li a { 
background: #EEE; 
color: #666; 
} 
/* 3rd Menu Hover Persistence */ 
ul#navmenu li:hover li:hover li a:hover, 
ul#navmenu li:hover li:hover li:hover a, 
ul#navmenu li.iehover li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover a { 
background: #CCC; 
color: #FFF; 
} 
/* 4th Menu */ 
ul#navmenu li:hover li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li.iehover li a { 
background: #EEE; 
color: #666; 
} 
/* 4th Menu Hover */ 
ul#navmenu li:hover li:hover li:hover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover li a:hover { 
background: #CCC; 
color: #FFF; 
} 
ul#navmenu ul, 
ul#navmenu ul ul, 
ul#navmenu ul ul ul { 
display: none; 
position: absolute; 
top: 0; 
left: 100%; 
} 
/* Do Not Move - Must Come Before display:block for Gecko */ 
ul#navmenu li:hover ul ul, 
ul#navmenu li:hover ul ul ul, 
ul#navmenu li.iehover ul ul, 
ul#navmenu li.iehover ul ul ul { 
display: none; 
} 
ul#navmenu li:hover ul, 
ul#navmenu ul li:hover ul, 
ul#navmenu ul ul li:hover ul, 
ul#navmenu li.iehover ul, 
ul#navmenu ul li.iehover ul, 
ul#navmenu ul ul li.iehover ul { 
display: block; 
} 

/* right side
   --------- */
.class-head-about{	height:130px;width:721px;	background-repeat:no-repeat;background-image:url(head-abo.jpg);	position: relative;}
.class-head-solution{height:130px;width:721px;background-repeat:no-repeat;background-image:url(head-sol.jpg);position: relative;}
.class-head-products{ position: relative;height:130px; width:721px; background-repeat:no-repeat; background-image:url(head-pro.jpg);}
.class-head-cooperation{ position:relative;height:130px; width:721px; background-repeat:no-repeat; background-image:url(head-coo.jpg);}
.class-head-services{position: relative;height:130px; width:721px; background-repeat:no-repeat; background-image:url(head-ser.jpg);}
.class-head-center{ position: relative;height:130px; width:721px; background-repeat:no-repeat; background-image:url(head-cen.jpg);}
.class-head{height:130px;width:721px;background-repeat:no-repeat;background-image:url(class-he.jpg);position: relative;}


.right {float:left;	width:721px;margin: 0px 0px 10px 10px;}
.right h2 {
	clear: both;
	background: #98a3a7 url(corner.gif) no-repeat top right;
	color: #FFF;
	padding: 7px 0 7px 5px;
	margin: 0px 0 4px 0;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
}
.right h3 {
	clear: both;
	background: #EEEEEE url(corner.gif) no-repeat top right;
	color: #000000;
	padding: 7px 0 7px 5px;
	margin: 0 0 0px 0;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
}
	.right_side {
		float: left;
		width: 180px;
		padding: 0 0 0 10px;
		margin: 10px 0;
	}
	.right_side a, .right_side a { color: #414141; background: #FFF; }
		
	.left_side {
		float: right;
		width: 220px;
		background: #FFF url(dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 40px;
		margin: 10px 0;
	}
		
	.right_box { float:left; width:97%; margin: 0 0 10px 0; color:  #414141; background: #FFF; padding: 3px 0; }
	.list_box{
	width:90%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E6E2CA;
}
	.list_title{ float:left;text-indent: 5em;}
	.list_date{
		float:right;
	}
	.right_box p {
	color: #003366;
	text-align: left;
	text-indent: 3em;
	vertical-align: top;
	}
	.right_box_reply{ float:left; margin: 0 0 10px 0; color:  #FF6600; background: #FFF; padding: 3px 0;}
	.right_side_left{
		float: left;
		width: 100px;
		padding: 0 0 0 10px;
		margin: 10px 0;	
	}
	.right_side_right{
		float: left;
		width: 500px;
		padding: 0 0 0 10px;
		margin: 10px 0;	
	}
/* page box
	----- */	
.pagebox {
	width: 500px;
	text-align: center;
}
/* footer
   ------ */

.footer { 
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
	bottom:0px;
}

.footer a { color: #808080; background: #fff; }