/* CSS Document */
/*------------------------------------------------body--------------------*/

body{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.clear{
	clear:both; 
	font-size:0; 
	line-height:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

/*------------------------------------------------heard_wrap--------------------*/
#heard_wrap{
	width:100%;
	height:130px;
}

/*----top----*/

#topMain{
	width:100%;
	height:100px;
}
#top{
	width:930px;
	margin:0 auto;
	height:100px;
	background:url(images/4con_heard.gif) ;
}
#top  div.logo{
	display:block;
	width:217px;
	height:49px;
	margin:24px 24px 0 0;
	float:left;
	background:url(images/4Controlnews-logo-4.jpg);
}
#top img.logo{
	display:block;
	width:217px;
	height:49px;
	margin:24px 24px 0 0;
	float:left;
}
#top form{
	width:272px;
	height:57px;
	float:left;
	margin:25px 7px 0 0;
	padding:17px 0 0 19px;
}

#top form input.txtBox{
	width:192px;
	height:19px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	padding:0 0 0 8px;
	margin:0 0 14px 0;
	background-color:#fff;
	color:#000;
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	float:left;
}
#top form input.btnSerch{
	background:url(images/btn_serch.gif) 0 0 no-repeat;
	width:50px;
	height:21px;
	border:none;
	cursor:pointer;
	color:#fff;
	background-color:#E2E2C1;
	font:bold 10px/21px  "Arial",Trebuchet MS,  Helvetica, sans-serif;
	text-transform:uppercase;
	float:left;
}
#top form label{
	display:block;
	width:110px;
	height:12px;
	background:url(images/bullet.gif) 0 0 no-repeat;
	padding:0 0 0 19px;
	font-size:0;
	float:left;
}
#top form label a.adv{
	color:#14625E;
	background-color:inherit;
	font:bold 11px/11px  "Arial",Trebuchet MS,  Helvetica, sans-serif;
	text-decoration:underline;
	width:110px;
	height:12px
}
#top form label a.adv:hover{
	text-decoration:none;
}

/*----nav----*/
#navMain{
	width:100%;
	height:24px;
	background:#004476;
}
#nav{
	width:890px;
	margin:0 auto;
	height:24px;
}
#nav ul{
	width:746px;
	height:24px;
	float:left;
}
#nav ul li{
	float:left;
	background:#013e6b;
	border-right:1px solid #005fa5;
	height:24px;
	line-height:0;
	font-size:0;
	padding:0;
}
#nav ul li a{
	display:block;
	background:#004476;
	font:bold 11px/24px  "Arial", Trebuchet MS, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	padding:0 12px 0 10px;
}
#nav ul li a:hover{
	background:#0294f1;
	color:#fff;
}
#nav ul li a.hover{
	display:block;
	background:#0294f1;
	font:bold 11px/24px "Arial",Trebuchet MS,  Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	padding:0 12px 0 10px;
}
#nav a.login{
	display:block;
	background:url(images/login_bg.gif) 0 0 no-repeat;
	width:60px;
	height:24px;
	font:bold 11px/24px  "Arial",Trebuchet MS, Helvetica, sans-serif;
	color:#232323;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
	float:right;
	padding:0;
	margin:0;
}
#nav a.login:hover{
	color:#E5A923;
	background-color:inherit;
}
/*---------------------------main_content---------------------------------------------------------*/
#main_content_wrap{
	width:100%;
	height:900px;
}

/*--------------------bodyTop-------------*/
#bodyTop{
	padding:0;
}

/*---scroll tools---*/
#scroll {
	margin:5px auto;
	position:relative;
	height:330px;
	overflow:hidden;
	border:1px solid #ddd;
	width:948px;
	padding:15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#tools {
	position:absolute;
	z-index:2;
	background-color:#fff;
	width:9999em;
	height:238px;
}

.tool {
	float:left;
	width:990px;
	height:238px;
}
.toolnews {
	float:left;
	width:960px;
	height:238px;
}
/*---demos1---*/
.demos1 { 
	position:relative;
	z-index:3;
	background-color:#fff;
	background-color:rgba(255, 255, 255, 0.8);
	border-left:1px solid #ddd;
	float:right;
	min-height:240px;
	width:250px;
	padding:0 0 0 25px ;
}
.demos1 h2 {
	color:#065598;
	font-size:22px;
	display:block;
	padding:10px 0;
}

.demos1 a {
	color:#666;
	font-size:12px;
	text-decoration:none;
}

.demos1 p {
	margin:0 0 4px;
	background:#ffffff url(images/bullet.png) no-repeat scroll 0 2px;
	padding:2px 0 1px 22px;
}
/*---demos2---*/
.demos2 { 
	position:relative;
	z-index:3;
	float:right;
	min-height:240px;
	width:250px;
	padding:80px 300px 0 0;
}
.demos2 h2 {
	color:#065598;
	font-size:22px;
	display:block;
	padding:10px 0;
}

.demos2 a {
	color:#666;
	font-size:12px;
	text-decoration:none;
}

.demos2 p {
	margin:0 0 4px;
	padding:2px 0 1px 22px;
}
/*---serch----*/

form.serch {
	width:280px;
	height:40px;
	padding:20px;
	margin:20px 0;
	text-align:center;
	-moz-border-radius:4px;
}
form.serch input.txtBox{
	width:192px;
	height:19px;
	border:solid 1px #808080 ;
	padding:0 0 0 8px;
	margin:0 0 14px 0;
	background-color:#fff;
	color:#000;
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	float:left;
}
form.serch input.btnSerch{
	float:left;
	background:url(images/btn_serch.gif) 0 0 no-repeat;
	width:50px;
	height:21px;
	border:none;
	cursor:pointer;
	color:#fff;
	background-color:#E2E2C1;
	font:bold 10px/21px  "Arial",Trebuchet MS,  Helvetica, sans-serif;
	text-transform:uppercase;
}
form.serch label{
	float:left;
	display:block;
	width:150px;
	height:57px;
	background:url(images/bullet.gif) 0 2px no-repeat;
	padding:2px 0 0 0;
	font-size:0;
}
form.serch label a.adv{
	color:#14625E;
	background-color:inherit;
	font:bold 11px/11px  "Arial",Trebuchet MS,  Helvetica, sans-serif;
	text-decoration:underline;
	width:110px;
	height:12px
}
form.serch label a.adv:hover{
	text-decoration:none;
}

/*--demos3---*/
.demos3 { 
	position:relative;
	z-index:3;
	background-color:#fff;
	background-color:rgba(255, 255, 255, 0.8);
	border-left:1px solid #ddd;
	float:right;
	min-height:240px;
	width:350px;
	padding:0 200px 0 0;
}
.demos3 h2 {
	color:#065598;
	font-size:22px;
	display:block;
	padding:10px 0;
	margin:0 0 0 30px;
}

.demos3 a {
	color:#666;
	font-size:12px;
	text-decoration:none;
}

.demos3 p {
	margin:0 0 4px 30px;
	background:#ffffff url(images/bullet.png) no-repeat scroll 0 2px;
	padding:2px 0 1px 22px;
}
/*---demos4----*/

.demos4 { 
	position:relative;
	z-index:3;
	background-color:#fff;
	background-color:rgba(255, 255, 255, 0.8);
	border-left:1px solid #ddd;
	float:right;
	min-height:240px;
	padding:0 100px 0 0;
	width:300px;
}
.demos4 h2 {
	color:#065598;
	font-size:22px;
	display:block;
	padding:10px 0;
	margin:0 0 0 30px;
}

.demos4 a {
	color:#666;
	font-size:12px;
	text-decoration:none;
}

.demos4 p {
	margin:0 0 4px 30px;
	background:#ffffff url(images/bullet.png) no-repeat scroll 0 2px;
	padding:2px 0 1px 22px;
}

#thumbs {
	background:url(images/demo-navi_3.jpg) no-repeat;
	height:90px;
	position:absolute;
	top:280px;
	width:990px;
	left:-8px;
}

a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

.t a {
	background:transparent url(images/demo-navi_3.jpg) no-repeat scroll -21px -90px;
	margin-left:11px;
	display:block;
	width:99px;
	float:left;
	height:90px;
	cursor:pointer;
}

.t a.active {
	cursor:default !important;
}

.navi {
	margin-left:644px;
	_margin-left:634px;
}

/*---navigation---*/
#t0 		  { margin-left:20px; _margin-left:10px;}
#t0.active { background-position:-21px 0 !important; }
#t0:hover  { background-position:-21px -180px; }
#t0:active { background-position:-21px -270px; }

#t1			{ background-position:-655px -90px; }
#t1:hover 	{ background-position:-655px -180px; }
#t1:active	{ background-position:-655px -270px; }
#t1.active	{ background-position:-655px 0 !important; }

#t2			{ background-position:-765px -90px; }
#t2:hover 	{ background-position:-765px -180px; }
#t2:active	{ background-position:-765px -270px; }
#t2.active	{ background-position:-765px 0 !important; }

#t3			{ background-position:-875px -90px; }
#t3:hover 	{ background-position:-875px -180px; }
#t3:active	{ background-position:-875px -270px; }
#t3.active	{ background-position:-875px 0 !important; }


/*--------------------bodyBot-------------*/
#bodybot{
	width:960px;
	margin:0 auto;
	padding:0;
}
/*----left----*/
#leftbox{
	float:left;
	width:200px;
	height:740px;
	margin:0;
	padding:0;
	border:0;
}
/*---Exhibition---*/
.exbox{
	width:195px;
	margin-bottom: 10px auto;
	padding:0;
	border:0;
}
.exbox h2{	
	display:block;
	margin:0 auto;
	padding:6px 0 2px 0;
	font:bold 14px/20px Arial, Helvetica, sans-serif;
	layout-flow:horizontal; 
	color:#0d3f7c;
	width:195px;
	height:20px;
    background:#e4e6db url(images/bulletU.png) no-repeat scroll 7px 7px;
	border-bottom: 3px solid #0d3f7c;
	text-align : center;
}
.ex_left_AD_box{
	width:160px;
	height:90px;
	margin:0 auto;
	padding:4px ;
	border:0;
}

/*---News---*/
.sc_newsbox{
	height:420px;	
	width:195px;
	margin:2px 0 2px 0;
	padding:0 0 0 0;
	border:0;
}

.sc_newsbox  h2{	
	display:block;
	margin:0;
	padding:6px 0 0 0;
	font:bold 14px Arial, Helvetica, sans-serif;
	layout-flow:horizontal; 
	color:#0d3f7c;
	width:195px;
	height:20px;
    background:#e4e6db url(images/bulletU.png) no-repeat scroll 7px 7px;
	border-bottom: 3px solid #0d3f7c;
	text-align : center;
}
.sc_newsbox  li{	
	padding:4px 3px ;
	font:10px Arial, Helvetica, sans-serif;
	text-align:justify;
}
.sc_newsbox  li.dat{	
	color:#004476;	
	font:bold 10px Arial, Helvetica, sans-serif;

}
.sc_newsbox  ul{	
	margin:0 0 0 2px;
	font: 10px Arial, Helvetica, sans-serif;
	width:180px;
	line-height:16px;
	border-bottom:1px dotted #9fa0a0;
}	
	
/*---Default---*/
.defbox{
	height:420px;	
	width:195px;
	margin:2px 0 2px 0;
	padding:0 0 0 0;
	border:0;
}

.defbox h2{	
	display:block;
	margin:0;
	padding:6px 0 0 0;
	font:bold 14px Arial, Helvetica, sans-serif;
	layout-flow:horizontal; 
	color:#0d3f7c;
	width:195px;
	height:20px;
    background:#e4e6db url(images/bulletU.png) no-repeat scroll 7px 7px;
	border-bottom: 3px solid #0d3f7c;
	text-align : center;
}
.defbox li{	
	font:10px Arial, Helvetica, sans-serif;
	width:195px;
	line-height:16px;
}
.defbox ul{	
	margin:0 0 0 2px;
	font: 10px Arial, Helvetica, sans-serif;
	width:195px;
	line-height:16px;
	border-bottom:1px dotted #9fa0a0;
}

/*----center----*/

#centerbox{
	float:left;
	width:540px;
	margin:0 auto;	
	}
	
div.center_select_box{
        width:494px;
        height:100px;
		margin:0 auto;
        overflow:hidden;
}

select.selectbar{
        font-size:12px;
        width:400px;
        line-height:18px;
		border:1px solid #7f9db9;
		margin:3px  auto;
        color:#909993;
		display:block;
}
#centerbox h2{	
	width:570px;
	margin:0 auto;
	padding:6px 0  0 0;
	font:bold 14px/20px Arial, Helvetica, sans-serif;
	layout-flow:horizontal; 
	text-align : center;
	color:#0d3f7c;
	height:22px;
    background:#e4e6db url(images/bulletU.png) no-repeat scroll 7px 7px;
	border-bottom: 3px solid #0d3f7c;
	}
.center{
	width:500px;
	height:150px;
	float:left; 
	margin:0  12PX ; 
	padding:0 12px 0 12px; 
	border-bottom:1px dotted #9fa0a0;
	}
	
/*chrome
.center{
	width:500px;
	margin:0  10PX ; 
	padding:0 10px 0 10px; 
}*/
	
.center h3{
	font-size:14px; 
	font-weight:bold; 
	color:#000000; 
	line-height:16px;  
	width:250px;
	margin:4px 0 0 0;
	}
.center h4{
	font-size:12px; 
	font-weight:bold; 
	color:#888888; 
	line-height:14px;  
	width:270px;
	margin:4px 0 2px 0;
	}
.center h4.green{
	font-size:12px; 
	font-weight:bold; 
	color:#5A6C04;
	line-height:14px;  
	width:270px;
	margin:4px 0 2px 0;
	}

.center p{
	float:left; 
	width:270px;
	font-size:10px; 
	line-height:12px; 	
	color:#888888; 

	}
.center img{
	display:block; 
	font-size:0; 
	float:right; 
	margin:20px 20px 0 0;
	border:0px;
	}

/*----right----*/

#rightbox{
	float:right;
	width:180px;
	margin:0;
}

.right_AD_box{
	width:160px;
	margin:2px auto;
	padding:0 ;
	border:0;
}


.Advertising h2{
	display:block;
	margin:0;
	padding:6px 0  0 0;
	font:bold 14px/20px Arial, Helvetica, sans-serif;
	layout-flow:horizontal; 
	color:#0d3f7c;
	width:180px;
	height:22px;
    background:#e4e6db url(images/bulletU.png) no-repeat scroll 7px 7px;
	border-bottom: 3px solid #0d3f7c;
	text-align : center;
}
/*---------------------------------footer_wrap------------------------------*/
#footer_warp{
	width:100%;
	height:125px;
}
/*footernav*/
#footernavMain{
	width:100%;
	height:13px;
	background:#dcdedd;
}
#footernav{
	width:960px;
	margin:0 auto;
}
#footernav ul{
	width:746px;
	background:#dcdedd;
	float:left;
}
#footernav ul li{
	float:left;
	background:#dcdedd;
	line-height:0;
	font-size:0;
	padding:0 2px 0 0;
}
#footernav ul li a{
	display:block;
	background:#dcdedd;
	font:lighter  9px/12px   "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#727171;
	text-decoration:none;
	padding:0 10px;
}
#footernav ul li a:hover{
	text-decoration : underline ;
	color:#727171;
}
#footernav ul li a.hover{
	display:block;
	text-decoration : none ;
	font:bold 9px/12px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#727171;
	padding:0 10px ;
}
/*footer*/
#footerMain{
	width:100%;
	height:125px;
	background:url(images/footer_bg.gif) 0 0 repeat-x #031f44;
	color:#ffffff;
}
#footer{
	width:960px;
	margin:0 auto;
	height:112px;
	position:relative;
}
#footer ul{
	width:960px;
	color:#000000;
	position:absolute;
	left:0;
	top:0;
}
#footer ul li{
	float:left;
	font:normal 11px/15px "Arial", Trebuchet MS, Helvetica, sans-serif;
	background-color:#dcdddd;
}
#footer ul li a{
	padding:0 9px;
	font:normal 11px/15px "Arial", Trebuchet MS, Helvetica, sans-serif;
	color:#000000;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}

#footer p.copyright{
	font:normal 10px/15px "Arial", Trebuchet MS, Helvetica, sans-serif;
	position:absolute;
	left:0;
	top:40px;
	width:550px;
}

#footer .footerlogo{
	position:absolute;
	width:160px;
	height:40px;
	left:733px;
	top:40px; 
	border:0px; 
	display:block;
	background:url(images/footer_logo.gif) 0 0 repeat-x ;
}