@charset "utf-8";

* {margin:0;padding:0;} 

html, body, #wrap{height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding:20px 0 90px 0; width:1000px;  background-color:#f4f4f4; }  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -70px; /* negative value of footer height */
	height: 50px;
	width:980px;
	clear:both; background:url(../images/home/footer-bg.gif) repeat-x left top; padding:20px 10px 0 10px;} 
	
body{
	background:url(../images/home/page-bg.gif) repeat-y left top; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #404042;
}
a {
	font-family:Arial; font-size:12px; color: #404042;
}
a:hover{
	font-family:Arial; font-size:12px; color: #404042; text-decoration:none;
}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#wrap{
	background:url(../images/home/page-bg2.gif) right top no-repeat; 
	}
#header{
	 height:315px; width:1000px;
	}
.top-menu{
	background:url(../images/home/top-menu-bg.gif) repeat-x left top; height:77px;
}
.banner{
	background:url(../images/home/banner-bg.gif) repeat-x left bottom;; height:237px; width:990px
}
.banner .curve {
	background:url(../images/home/banner-currve.gif) no-repeat right bottom;; height:237px; width:990px
}
.logo{
	width:256px; height:160px; float:left; margin-top:22px;
}
.flash-banner{
	width:716px; height:194px; float:right;
}
.left-pannel{
	width:300px; float:left;
}
.right-panel{
	width:670px; float:left; padding:0 10px;
	}

/*======left-menu*/
.glossymenu2{
	margin: 0 0 20px 0;
	padding: 0;
	width: 298px; /*width of menu*/
	}
.glossymenu2 h1{
	font-size:30px; height:40px; border-bottom:1px solid #e4e4e4; background-color:#FFFFFF; padding:20px 10px 8px 10px; font-weight:normal;
}

.glossymenu2 a.menuitem{
	font-size:12px; color: #404042; display: block; position: relative; width: auto;
	padding:10px; font-weight:bold; text-decoration: none; border-bottom:1px solid #e4e4e4; 
	background-color:#f5f5f5; outline:none;
	}
.glossymenu2 a:hover.menuitem{
	font-size:12px; color: #404042; display: block; position: relative; width: auto;
	padding:10px; font-weight:bold; text-decoration: none; border-bottom:1px solid #e4e4e4; 
	background-color:#ffffff; outline:none;
	}

.glossymenu2 a.menuitem:visited, .glossymenu .menuitem:active{
	color: #404042;
	}

.glossymenu2 a.menuitem .statusicon {
	position: absolute; top: 5px; right: 5px; border: none;
	}

.glossymenu2 a.menuitem:hover{
	background-image: url(glossyback2.gif);
	}

.glossymenu2 div.submenu{ /*DIV that contains each sub menu*/
	background: white;
	}

.glossymenu2 div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none; margin: 0; padding: 0;
	}

.glossymenu2 div.submenu ul li{
	border-bottom:1px solid #CCCCCC;
	}

.glossymenu2 div.submenu ul li a{
	display: block; font-size:11px; color: #404042; text-decoration: none;
	background:url(../images/home/arrow.gif) no-repeat left center; padding: 3px 3px 3px 27px ;
	}

.glossymenu2 div.submenu ul li a:hover{
	background:url(../images/home/arrow.gif) no-repeat left center #DFDCCB; color: #404042;
	padding: 3px 3px 3px 27px ;
}
.clear{
	clear:both;
}
.loginbox{
	width:280px; margin:0 auto; background:url(../images/home/loginbox/box-bg.gif) repeat-x left top #ffffff;
	}
.loginbox .toprow{
	width:280px; height:8px; background:url(../images/home/loginbox/top-bg.gif) repeat-x left top;
	}
.loginbox .toprow div {
	width:280px; height:8px; background:url(../images/home/loginbox/top-left.gif) no-repeat left top;
	}
.loginbox .toprow div  div{
	width:280px; height:8px; background:url(../images/home/loginbox/top-right.gif) no-repeat right top;
	}
.loginbox  .content{
	border-left:1px solid #cacbcc; border-right: 1px solid #cacbcc; padding:0 10px; width:258px;}
.loginbox  .content h1{
  color:#3e7fae; margin-bottom:10px; font-size:18px; font-weight:normal;
	}
.loginbox  .content h2{
  margin-bottom:5px; font-size:12px; 
	}
.loginbox .content .input-text{
	border:1px solid #f4f4f4; margin:3px 3px 3px 5px; width:245px; font-size:12px; color: #404042; background-color:#f4f4f4;
}
.loginbox .bottomrow{
	width:280px; height:10px; background:url(../images/home/loginbox/bottom-bg.gif) repeat-x left top;
	}
.loginbox .bottomrow div {
	width:280px; height:10px; background:url(../images/home/loginbox/bottom-left.gif) no-repeat left top;
	}
.loginbox .bottomrow div  div{
	width:280px; height:10px; background:url(../images/home/loginbox/bottom-right.gif) no-repeat right top;
	}
.loginbox  .content .textbox {
	width:258px; height:34px; background:url(../images/home/loginbox/textbox.gif) no-repeat left top;
	}
/*============greybox*/

.greybox {
	width:213px; float:left; margin-right:10px; display:inline;
	}
.greybox .toprow{
	background:url(../images/home/greybox/topBackground.gif) repeat-x left top; width: 213px; height:5px;
	} 
.greybox .toprow div{
	background:url(../images/home/greybox/toprightCorner.gif) no-repeat right top; height:5px; width: 213px;
	}
.greybox .toprow div div  {
	background:url(../images/home/greybox/topleftCorner.gif) no-repeat left top; height:5px; width: 213px;
	}
.greybox .bottomrow{
	background:url(../images/home/greybox/bottomBackground.gif) repeat-x left top; height:10px; width: 213px;
	}
.greybox .bottomrow div{
	background:url(../images/home/greybox/bottomrightCorner.gif) no-repeat right top; height:10px; width: 213px;
	}
.greybox .bottomrow div div  {
	background:url(../images/home/greybox/bottomleftCorner.gif) no-repeat left top; height:10px; width: 213px;
	}
	
.greybox .wrap-content{
	width:211px; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC;
	}
.greybox .wrap-content .content {
	border-left:3px solid #FFFFFF; border-right:3px solid #ffffff; width:205px; background:url(../images/home/greybox/conten-bg.gif) repeat-x left bottom #ffffff; height:380px;
	}
.greybox .wrap-content .content h1{
	margin:0; padding:0
}
.greybox .wrap-content .content img{
	margin:0; padding:0
}
.greybox .wrap-content .content p{
	padding:3px 4px; line-height:1.3em;
}
.greybox .wrap-content .content .blue{
	font-size:18px; padding:20px 10px; text-align:center; font-weight:normal; background-color:#4797e3; margin-bottom:10px; color:#070c11;
}
.greybox .wrap-content .content .orange{
	font-size:18px; padding:20px 10px; text-align:center; font-weight:normal; background-color:#f8b004; margin-bottom:10px; color:#070c11;
}
.greybox .wrap-content  .content .orange{
	font-size:18px; padding:20px 10px; text-align:center; font-weight:normal; background-color:#f8b004; margin-bottom:10px; color:#070c11;
}
.greybox .wrap-content .content .green{
	font-size:18px; padding:20px 10px; text-align:center; font-weight:normal; background-color:#51a222; margin-bottom:10px; color:#070c11;
}
.expocont h1	{ font-size:18px; color:#025fa3; font-weight:normal; margin-top:10px; }
.expocont p	{ line-height:1.3em; padding:3px 0;}
.expocont h1 span	{ line-height:1.3em; font-size:12px; color: #404042; }

/*==================infobox*/
.infobox{
	width:670px; margin:0 auto; background:url(../images/home/loginbox/box-bg.gif) repeat-x left top #ffffff; margin:20px 0;
	}
.infobox .toprow{
	width:670px; background:url(../images/home/loginbox/top-bg.gif) repeat-x left top; height:2px
	}
.infobox .toprow div {
	width:670px; background:url(../images/home/loginbox/top-left.gif) no-repeat left top; height:2px
	}
.infobox .toprow div div{
	width:670px;  background:url(../images/home/loginbox/top-right.gif) no-repeat right top; height:2px
	}
.infobox  .content{
	border-left:1px solid #cacbcc; border-right: 1px solid #cacbcc; padding:0 10px; width:648px; margin:0;sss }
	
.infobox  .content img{
	margin:0 10px;}
		
.infobox  .content h1{
  color:#3e7fae; margin-bottom:10px; font-size:18px; font-weight:normal;
	}
.infobox  .content h2{
  margin-bottom:5px; font-size:12px; 
	}
.infobox .bottomrow{
	width:670px; height:10px; background:url(../images/home/loginbox/bottom-bg.gif) repeat-x left top;
	}
.infobox .bottomrow div {
	width:670px; height:10px; background:url(../images/home/loginbox/bottom-left.gif) no-repeat left top;
	}
.infobox .bottomrow div  div{
	width:670px; height:10px; background:url(../images/home/loginbox/bottom-right.gif) no-repeat right top;
	}
#menu {
	list-style: none;
}
#menu li {
	font-weight:bold;
	float:right;
	width:auto;
	white-space:nowrap;
}
#menu a {
	background: url(../images/home/seperator.gif) bottom right no-repeat;
	color: #fff;
	display: block;
	float: left;
	margin: 0 auto;
	padding:20px 12px 0 12px;
	text-decoration: none; height:29px;
}
#menu a:hover {
	color: #ffffff;
	text-decoration:underline;
	font-weight:bold;
	padding:20px 12px 0 12px;
	}
#menu .sep{
	background:url(../images/home/seperator.gif) no-repeat  center bottom;
}

.box-list				{ width:660px;margin:0 auto;padding:10px 0;}
.box-list ul			{ float:left; list-style: none; padding: 0; margin-left:7px;}
.box-list li h3			{ font-weight:normal; font-size:12px; line-height:1.2em; background:url(../images/home/about/bullet.gif) no-repeat left top; padding-left:15px; color: #404042;}