HTML * { outline: none; }
img, p, form, span, textfiled, textform, ul, li, ol, dd, dt { padding: 0px; margin: 0px; }
h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; }
a { font: bold 11px/14px Verdana; color: #006BB5; text-decoration: underline; }
a:hover { font: bold 11px/14px Verdana; color: #006BB5; text-decoration: none; }
.leftflo{ float: left; }
.rightflo{ float: left; }
.clear{ clear:both; }

h1{ font: bold 20px/22px arial; color: #67B000; text-decoration: none; }
h2{ font: bold 17px/22px arial; color: #67B000; text-decoration: none; }
h3{ font: bold 16px/18px arial; color: #000; text-decoration: none; }

body { padding: 0px; margin: 0px; 
	font: normal 11px/18px Verdana;
	color: #000000;
	text-decoration: none;
	background: #ffffff url(../images/body_back.jpg) repeat-x top left ;
	}
#wrap{ margin: 0 auto;
	width: 1003px;
	}
#header{ float:left;
	width: 928px;
	padding: 0px 38px 0px 37px;
	background: url(../images/page_back.jpg) no-repeat top center;
	}
	#header #toplink{ float:right;
	height: 52px;
	padding-right: 5px;
	line-height: 52px;
	color: #fff;
	}
	#header #toplink a{ font: normal 12px/52px Verdana; text-decoration: none; color: #fff;
	padding: 0px 19px 0px 19px; 
	} 
	#header #toplink a:hover { color: #023152; }
	
	/* ============= menu nav =============== */
	#header #menu_nav { float:left;
	width:928px;
	height: 60px;
	background: url(../images/menu_nav_back.jpg) no-repeat top left;
	}
	#header #menu_nav ul { float:left;
	list-style-type: none;
	padding-left: 18px;
	}
	#header #menu_nav li { float:left;
	height: 60px;
	display: block;
	background: url(../images/menu_nav_seperator.jpg) no-repeat top right;
	padding: 0px 16px 0px 15px;
	}
	#header #menu_nav a{ float:left;
	height: 60px;
	font: normal 12px/60px verdana; color: #000; text-decoration: none;
	}
	#header #menu_nav a:hover{ font: normal 12px/60px verdana; color: #fff; text-decoration: none; }
	
	#header #menu_nav li.none{
	background: url(../images/menu_nav_seperator_none.jpg) no-repeat top right;
	}
	/* ============================================ */
	#header #banner{ 
	width: 928px;
	height: 301px;
	}
	#banner img { float:left;
	}
#container{ float:left;
	width: 920px;
	padding: 0px 42px 20px 41px;
	background: url(../images/container_back.jpg) repeat-y left center;
	}
	/* =========== left nav ================== */
	#container #left_nav{ float:left;
	width: 233px;
	}
	#container #left_nav #online{ 
	width: 233px;
	height: 128px;
	background: url(../images/view_online_back.jpg) no-repeat top left;
	text-align: center;
	padding-bottom: 10px;
	}
	#container #left_nav #online2{ 
	width: 233px;
	height: 128px;
	background: url(../images/view_online_back.jpg) no-repeat top left;
	text-align: center;
	padding-bottom: 0px;
	}
	
	
	/* ========== right nav ================= */
	#container #right_nav{ float:left;
	width: 674px;
	padding-left: 13px;
	}
	#container #right_nav strong{ font-weight: bold; color: #5F9F00; }
	.home_matter ul { list-style-type: none; }
	.home_matter li { padding-left: 14px; background: url(../images/bullet_blue.jpg) no-repeat left 9px; height:18px; line-height:20px; margin-left: 5px;
		}
	.home_matter_left { float: left; width: 250px; }
	.home_matter_right { float: right; width: 400px; }
	.home_matter_right strong { color: #333333; }
	
	#container #right_nav2{ float:left;
	width: 640px;
	padding: 0 20px 0 20px;
	text-align:justify;
	}
	#container #right_nav2 #innerhead{ 
	width: px;
	height: 25px;
	padding-left: 32px;
	font: bold 24px/25px Arial; color: #001D90; text-decoration: none; 
	background: url(../images/icon_inner_head.jpg) no-repeat left center;
	}
	#container #right_nav2 strong{ font-weight: bold; color: #5F9F00; }
	
	/* =========================== */
		
	.extra_nav { 
	width: 180px;
	margin: 0px 7px 0px 7px;
	padding: 15px 18px 23px 18px;
	background: #EFEFEF;
	text-align:justify;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	}
	.faq { float: none; }
	.faq ol { font: bold 12px/22px Verdana; color: #000; text-decoration: none; padding-left:30px;   }
	.faq ol li a { font: bold 12px/22px Verdana; color: #62AA03; text-decoration: none;}
	.faq ol li a:hover { text-decoration: underline; }
	.faq_ans ul { list-style-type: none; font: bold 13px/25px Verdana; color: #fff; text-decoration: none;  background: #008BEB;}
	.faq_ans li { font: normal 11px/18px Verdana; color: #005B9A; text-decoration: none; padding: 12px; background: #D3EDFF; }
	.faq_ans li a { font: bold 11px/18px Verdana; color: #005B9A; text-decoration: underline; }
	.faq_ans li a:hover{ text-decoration: none; }
	.faq_ans .padd_faq{ padding: 0px 10px 0px 10px; }
	.faq_top { background: #D3EDFF; padding:5px; } 
	.faq_top a { font: bold 11px/18px Verdana; color: #005B9A; text-decoration: underline; }
	.faq_top a:hover{ text-decoration: none; }
	
	.border_inner { padding: 10px; border: 1px solid #999999; }
	
	
	/* =========================== */

#footer{
	width: 920px;
	height: 86px;
	padding: 0px 42px 45px 41px;
	background: url(../images/footer_back.jpg) no-repeat top left;
	text-align: center;
	}
#footer #footermenu{ 
	width: 920px;
	height: 43px;
	background: #AAEB4C;
	color: #000;
	text-align: center;
	}
#footer #footermenu a{ 
	font: normal 11px/43px Verdana; color: #000; text-decoration: none; padding: 8px 8px ;
	}
#footer #footermenu a:hover{ 
	color: #528B00;
	}
#footer #copyright{  
	line-height: 42px;
	text-align:center;
	}
/* ============================================ */
/* ========== <-------- text, link styles ----------> ============= */
.txt_white1_call{ font: normal 20px/41px Verdana; text-decoration: none; color: #fff; }
.txt_white2{ font: bold 13px/18px Verdana; text-decoration: none; color: #fff; }
.txt_black{ font: normal 11px/18px Verdana; text-decoration: none; color: #000; }
.txt_blackB{ font: bold 11px/18px Verdana; text-decoration: none; color: #000; }
.txt_grey2{ font: bold 11px/18px Verdana; text-decoration: none; color: #747474; }
.txt_grey2 a{ font: bold 11px/18px Verdana; text-decoration: none; color: #747474; border-bottom: 1px dotted #333333;}
.txt_grey2 a:hover{ font: bold 11px/18px Verdana; text-decoration: none; color: #000; border-bottom: 1px dotted #ffffff; }

.txt_grey{ font: normal 12px/18px Verdana; text-decoration: none; color:#000;}
.txt_black2{ font: bold 13px/18px Verdana; text-decoration: none; color: #000; }
.txt_green{ font: bold 15px/25px Verdana; text-decoration: none; color: #70B52B; }
.txt_green2{ font: bold 13px/25px Verdana; text-decoration: none; color: #70B52B; }
.txt_green2 a{ font: bold 13px/25px Verdana; text-decoration: underline; color: #70B52B; }
.txt_green2 a:hover{ font: bold 13px/25px Verdana; text-decoration: none; color: #70B52B; }
.txt_blue{ font: bold 14px/18px Verdana; text-decoration: none; color: #006BB5; }
.txt_blue2{ font: bold 12px/22px Verdana; text-decoration: none; color: #006BB5; }

.txt_link_inner{ font: bold 11px/18px Verdana; text-decoration: underline; color: #037ED6 }
.txt_link_inner:hover{ font: bold 11px/18px Verdana; text-decoration: none; color:#037ED6; }

.border_down{ border: 1px solid #2192DE; }

/* ========== <-------- Padding, margin styles ----------> ============= */
.marg_top1 { margin: 10px 0px 0px 0px; }
.marg_top2 { margin: 20px 0px 0px 0px; }
.marg_top3 { margin: 30px 0px 0px 0px; }
.marg_bottom1 { margin: 0px 0px 10px 0px; }
.marg_matter { margin: 0px 32px 7px 32px; }
.marg_welcome { margin: 0px 0px 16px 3px; }
.marg_livedemo { margin: 34px 0px 0px 5px; }
.marg_network { margin: 10px 0px 10px 0px; }
.padd_top1 { padding: 10px 0px 0px 0px; }
.padd_welcome_matter { padding: 0px 16px 0px 6px; }
.padd_extra { padding: 0px 10px 20px 10px; }