@charset "utf-8";
/* created by NK */

body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#373737;
	background:url(images/tBg.gif) top repeat-x;
}
div, form, p, img, h1, h2, h3, h4, h5, h6, h7 {
	margin:0px;
	padding:0px;
	border:none;
}
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	border:1px #bfbfbf solid;
}
.input {
	background:#4c4c37;
	color:#fff;
	border:none;
	padding:2px;
}
.input2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	width:300px;
}
.btn1 {
	background:#4c4c37;
	color:#fff;
	border:none;
	padding:2px;
	cursor:pointer;
	width:30px;
}
.btn2 {
	background:#4c4c37;
	color:#fff;
	border:none;
	padding:2px;
	cursor:pointer;
	width:100px;
}
.b {
	font-weight:bold;
}
.i {
	font-style:italic;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.absmid {
	vertical-align:middle;
}
.clb {
	clear:both;
}
.lh18 {
	line-height:18px;
}
.bt {
	border-top:#e5e5e5 1px solid;
}
.bb {
	border-bottom:#e5e5e5 1px solid;
}
.bl {
	border-left:#e5e5e5 1px solid;
}
.br {
	border-right:#e5e5e5 1px solid;
}
.border-img {
	border:#e5e5e5 1px solid; padding:6px;
}
.mleft8px {
	margin-left:8px;
}
.mleft12px {
	margin-left:12px;
}
.mbot12px {
	margin-bottom:12px;
}
.ver {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.treb {
	font-family:"trebuchet MS";
}
.container {
	width:1000px;
	margin:0 auto;
}
.container-inner {
	width:1000px;
	margin:0 auto;
	background:url(images/link-header.jpg) top no-repeat;
}

.containerL {
	width:850px;
	margin:0 auto;
}
.boxcon {
	width:158px;
	height:93px;
	overflow:hidden;
}

.boxdemo {
	width:281px;
	height:100px;
	overflow:hidden;
	margin-bottom:20px;
}

.logbox {
	width:255px;
	padding-right:26px;
	margin-bottom:20px;
}

.p1 {
	background:url(images/b1.gif) 9px no-repeat;
	padding-left:22px;
	margin:10px 0;
}
.p2 {
	background:url(images/b2.gif) center left no-repeat;
	padding-left:10px;
	margin-bottom:5px;
}
.dblue {
	color:#3399cc;
}
.white {
	color:#ffffff;
}

.lblack {
	color:#666666;
}

.black {
	color:#000000;
}
.f18 {
	font-size:18px;
}

.f16 {
	font-size:16px;
}

.f14 {
	font-size:14px;
}

.f13 {
	font-size:13px;
}
.f11 {
	font-size:11px;
}
.topLink a {
	padding:11px 10px;
	float:left;
	display:block;
	text-align:center;
}
.topLink a:hover {
	background:url(images/tlinkHov.gif) repeat-x;
}
.linkdblue {
	color:#3399cc;
	text-decoration:none;
}
.linkdblue:hover {
	color:#000000;
}
.linkblack {
	color:#000000;
	text-decoration:none;
}
.linkblack:hover {
	color:#ffffff;
}
.linkblack1 {
	color:#000000;
	text-decoration:none;
}
.linkblack1:hover {
	color:#666;
	text-decoration:underline;
}

.linkblack2 {
	color:#666666;
	text-decoration:none;
}
.linkblack2:hover {
	color:#3399cc;
	text-decoration:underline;
}
.linkblack3 {
	color:#666666;
	text-decoration:none;
}
.linkblack3:hover {
	color:#3399cc;
	text-decoration:underline;
}

.lnews a {
	background:url(images/btn.gif) top left no-repeat;
	display:block;
	padding:60px 20px;
}
.lnews a:hover {
	background:url(images/btn.gif) -165px 0px no-repeat;
}
.art a {
	background:url(images/btn.gif) left -100px no-repeat;
	display:block;
	padding:60px 20px;
}
.art a:hover {
	background:url(images/btn.gif) -165px -100px no-repeat;
}
.pro a {
	background:url(images/btn.gif) left -200px no-repeat;
	display:block;
	padding:60px 20px;
}
.pro a:hover {
	background:url(images/btn.gif) -165px -200px no-repeat;
}
.keep a {
	background:url(images/btn.gif) left -302px no-repeat;
	display:block;
	padding:60px 20px;
}
.keep a:hover {
	background:url(images/btn.gif) -165px -302px no-repeat;
}


.demo a {
	background:url(images/demob.gif) left top no-repeat;
	display:block;
	padding:60px 20px;
}
.demo a:hover {
	background:url(images/demob.gif) left -358px no-repeat;
}

.about a {
	background:url(images/demob.gif) left -120px no-repeat;
	display:block;
	padding:60px 20px;
}
.about a:hover {
	background:url(images/demob.gif) left -478px no-repeat;
}

.contact a {
	background:url(images/demob.gif) left -235px no-repeat;
	display:block;
	padding:60px 20px;
}
.contact a:hover {
	background:url(images/demob.gif) left -593px no-repeat;
}

.tree{}
.tree a{ text-decoration:none; color:#000;}
.tree a:hover{ color:#3399cc;}

.paging a{font:bold; color: #000000;text-decoration: none; padding:1px 5px; border:#4c3843 1px solid; margin-right:5px;}
.paging a:hover{background-color:#4c3843; color:#FFFFFF; padding:1px 5px;}
.paging-bgcolor{font: bold; background-color:#4c3843; color: #FFFFFF; padding:2px 6px; margin-right:5px;}
/* Paging Style */

.main_index {
	display:block;
	margin-bottom:10px;
	padding: 5px;
	padding-right:8px;
	border-bottom:1px solid #f0f0f0;
	border-top:1px solid #f0f0f0;
	margin:10px 0px 10px 0px;
}
.index {
	margin-left:10%;
	margin-right:10%;
	text-align:center;
}
.index_A_Z {
	margin-left:2%;
	margin-right:2%;
	text-align:center;
}
.navBarTxt {
	width:16px;
	height:15px;
	border: 1px solid #dddddd;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	padding:1px 4px 1px 4px;
}
.navBarTxt:hover {
	width:16px;
	height:15px;
	background-color:#AB2A2C;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	padding:1px 4px 1px 4px;
	border: 1px solid #666665;
}
.pag_active {
	width:16px;
	height:15px;
	background-color:#AB2A2C;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	padding:1px 4px 1px 4px;
	border: 1px solid #666665;
}
/**IDs**/
#lftSec {
	width:307px;
	background:url(images/tbanLBg.jpg) top center no-repeat;
}
#link-lftSec {
	width:307px;
}
#rgtSec {
	width:693px;
}

/**Menu**/
ul.menu {list-style:none; margin:0; padding:0; text-transform:uppercase;}
ul.menu * {margin:0; padding:0;}
ul.menu a {display:block; color:#fff; text-decoration:none; }
ul.menu li {position:relative; float:left; margin-right:0px;  padding:1px 0;}
ul.menu ul {position:absolute; top:26px; left:0; background:#373737; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative;  width:190px; margin:0;}
ul.menu ul li a {display:block; padding:3px 20px 5px; background:#373737 url(images/a.gif) 6px 6px no-repeat;}
ul.menu ul li a:hover {background:#666666 url(images/ahov.gif) 6px 6px no-repeat;}
ul.menu ul ul {left:148px; top:-1px;}
ul.menu .menulink { padding:5px 10px 7px; }
ul.menu .menulink:hover, ul.menu .menuhover {background:#373737;}
ul.menu .sub {background:#373737 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline { background:none;}

h1{font:bold 24px Arial, Helvetica, sans-serif; color:#3399cc;}
h2{font:bold 16px Arial, Helvetica, sans-serif; color:#333;}
h3{font:bold 16px Arial, Helvetica, sans-serif; color:#3399cc;}

/*-------------------------------------------------*/

.pt10pb10{padding:10px 0;}

.pb8{padding-bottom:8px;}
.mb15{padding-bottom:15px;}
.mb5{padding-bottom:5px;}

/*-------------------------------------------------*/

.w40{width:40%;}
.w59{width:59%;}
.w80{width:80%;}


/* Paging Style */

.main_index{
	display:block; 
	margin-bottom:10px; 
	padding: 5px; 
	padding-right:8px;
	border-bottom:1px solid #f0f0f0;
	border-top:1px solid #f0f0f0;
	margin:10px 0px 10px 0px;
}
.index{
	margin-left:10%; 
	margin-right:10%; 
	text-align:center; 
}
.index_A_Z{
	margin-left:2%; 
	margin-right:2%; 
	text-align:center; 
}
.navBarTxt {
	width:16px; 
	height:15px; 
	border: 1px solid #dddddd; 
	font: bold 10px Arial, Helvetica, sans-serif; 
	color: #333333; 
	text-decoration: none; 
	padding:1px 4px 1px 4px; 
}
.navBarTxt:hover {
	width:16px; 
	height:15px; 
	background-color:#AB2A2C; 
	font: bold 10px Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	text-decoration: none; 
	padding:1px 4px 1px 4px; 
	border: 1px solid #666665; 
}

.pag_active {
	width:16px; 
	height:15px; 
	background-color:#AB2A2C; 
	font: bold 10px Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	text-decoration: none; 
	padding:1px 4px 1px 4px; 
	border: 1px solid #666665; 
}
.left-cate a{ font:bold 11px Arial, Helvetica, sans-serif; color:#333; text-decoration:none; display:block; padding:4px 0 4px 17px; background:url(images/arrow1.gif) 4px no-repeat; border-bottom:#e9e9e9 1px solid;}
.left-cate a:hover{color:#3399cc;}

.left-cate1{ font:bold 11px Arial, Helvetica, sans-serif; color:#3399cc ; text-decoration:none; display:block; padding:4px 0 4px 17px;}
.left-cate1:hover{color:#333;}