@charset "utf-8";
/* CSS Document */

HTML{SCROLLBAR-FACE-COLOR:#BCDDEC;
 SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc;
 SCROLLBAR-SHADOW-COLOR: #fff;
 SCROLLBAR-3DLIGHT-COLOR:#fff;
 SCROLLBAR-ARROW-COLOR: #fff;
 SCROLLBAR-TRACK-COLOR: #fff;
 SCROLLBAR-DARKSHADOW-COLOR: #fff;
 SCROLLBAR-BASE-COLOR: #fff}
 div,p,ul,li,h1,h2,h3,h4.h5{  margin:0; padding:0;}
html,body{  
    background: url(images/bgall.jpg) top repeat-x #FAF9F9 fixed; /* prevent screen flash in IE6 */
   margin:0; padding:0;font-family: Arial, Helvetica, sans-serif;}

#foot{  background:#CCC;  text-align:center;
  overflow:hidden; 
  width:100%;both;font-size:9pt ; line-height:15pt;font-family:Arial, Helvetica, sans-serif;
  position:fixed; bottom:0;
 /* position fixed for IE6 */  
    _position: absolute;  
    _top:expression( documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight );  
}  

#content{PADDING-TOP:120PX;PADDING-bottom:60PX; text-align:center; position:relative;}
td{font-size:80%;line-height:130%;	}
a{
	color: #003366;
	text-decoration: none;
}
a:hover{
	color: #006699;
	text-decoration: underline;
}
#top{ width:100%;
 height:130px;background:url(images/bgall.jpg) top repeat-x fixed;
  position:fixed; top:0; bottom:0px;
  _position: absolute; /* position fixed for IE6 */
  _top:expression(documentElement.scrollTop+"px");
  z-index:1; text-align:center;}

.ll{ background:url(images/p_03_l.gif)  right  bottom no-repeat; padding-right:10px;}
.ll2{ background:url(images/p_03_l.gif) left bottom no-repeat; left:30px;}

#menuall{ margin:0; padding:0;
background:url(images/p_03.gif) repeat-x; width:100%;height:41px; text-align:center;}

#menu{LIST-STYLE-TYPE: none; MARGIN:0px auto; width:964PX;MARGIN:0px auto;text-align:center;}
#menu LI{Z-INDEX:100;POSITION:relative; font-size:11pt;top:11px; PADDING:0px;margin:0px; WIDTH:180px; white-space:nowrap; FLOAT:left;HEIGHT:2em;display:block; }
.li180{ WIDTH:180px;display:block; }
#menu li a{font-family: Geneva, Arial, Helvetica, sans-serif;color:#FFFFFF;text-decoration:none;top:1px;left:1px;}
#menu li a:visited{color:#fff;text-decoration:none;}
#menu li a:hover{color: #99FFFF;text-decoration:none;}
#menu LI DL {
	POSITION:absolute;
	TOP:0px;
	LEFT:0px;}


#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dl {margin:0px ; padding:0;Z-INDEX:200;}
#menu li dd {display:none;margin:0px ; padding:0;}
#menu li dd p{display:none;margin:0px ; padding:0;}
#menu li dd p{DISPLAY:none;}
#menu li dd a:hover p{POSITION:absolute;top:55px;LEFT:160px;DISPLAY: block;}
#menu li dd:hover p{POSITION:absolute;top:55px;LEFT:160px;DISPLAY: block;}

#menu LI:hover {BORDER:0px; }
#menu LI A:hover  {BORDER:0px;display:block; }
#menu LI:hover DD {	DISPLAY: block}
#menu LI A:hover DD {DISPLAY: block}
#menu LI:hover DL{	PADDING-BOTTOM:10px;display:block;}
#menu LI A:hover DL {PADDING-BOTTOM:10px}
#menu li dd p{PADDING-BOTTOM:10px;BACKGROUND: url(images/menubg3.gif) no-repeat;}


#menu TABLE { MARGIN: -1px; PADDING: 0px; BORDER-COLLAPSE: collapse;}
#menu dl {width:180px; margin:0px; padding:0;text-align:center; cursor:pointer;display:block;}
#menu dt {margin:0px 0px 10px 0px ;_ margin-bottom:12px;padding: 3px;display:block;}
#menu dd {margin:0px ; padding:0; color: #fff; text-align:left;height:23px;line-height:18pt; }
#menu dd.last {border-bottom:1px solid #444;margin:0px ; padding:0;}

.gallery dd{background:url(images/menubg.gif) repeat-y;margin:0px ; padding:0;height:23px;line-height:18pt;}
.gallery DT A{DISPLAY: block; COLOR: #444;font-size:11pt;margin:0px ; padding:0; }
.gallery DT A:visited {	DISPLAY: block; COLOR: #444}

.gallery dd a{BACKGROUND: url(images/menubg2.gif) no-repeat; font-size:9pt;WIDTH:180px;COLOR: #fff; TEXT-DECORATION: none;margin:0px ; padding:0px;}

.gallery dd a:visited {DISPLAY: block;BACKGROUND: url(images/menubg4.gif) no-repeat; COLOR: #fff; TEXT-DECORATION: none; }
.gallery dd p a:visited {DISPLAY: block;BACKGROUND: url(images/menubg3.gif) no-repeat; COLOR: #fff; TEXT-DECORATION: none;}
.gallery dd a:hover{BACKGROUND: url(images/menubg3.gif) no-repeat; color:#9cf;DISPLAY: block; text-decoration:none; }

.gallery p{BACKGROUND: url(images/menubg32.gif)  repeat-y;margin:0px ; padding:0;DISPLAY: block;   }
.gallery dd p a{font-size:9pt; height:23px; DISPLAY:block; WIDTH:160px;BACKGROUND:url(images/menubg3.gif) no-repeat; COLOR: #fff;DISPLAY: block; TEXT-DECORATION: none;margin:0px; line-height:18pt;}

.gallery dd p a:hover{line-height:18pt; height:23px;BACKGROUND: url(images/menubg2.gif) no-repeat; color:#9cf;DISPLAY: block; text-decoration:none;  }
.gallery dd p:hover {line-height:18pt; height:23px;BACKGROUND: url(images/menubg2.gif) no-repeat; color:#9cf;DISPLAY: block; text-decoration:none; }

.mm3{width:250px;}
.mm4{width:210px;}


.news{position:relative;
	width:760px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;margin:10px auto 10px auto;
	line-height: 130%;text-align:left;
	color: #333333; display:block; text-align:center;
	}
.news ul{}	
.news li{ list-style:outside; background:url(images/dotbg.gif) bottom repeat-x; padding:3px;margin:0px ; text-align:left;}
.newst{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 18pt;
	font-weight: bold;
	color: #336699;
	text-decoration: none; margin-top:10px;
}
.news h1{
	margin:0px 0px 3px 10px;
	padding:0px;
	color: #006699;
	font:16px  Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:left;
	letter-spacing: 3pt;
}


#foot1{position:relative;
margin:0px auto 0px auto;
	width:964px; font-size:9pt ; line-height:15pt; font-family:Arial, Helvetica, sans-serif;
	padding:10px 0PX 0PX 0PX;height:80px;clear:both;}	
.welcome{position:relative;display:block;
	float:left;left:80px;
	width:490px;
	height:200px;	padding:0px;
	margin:10px 0px 10px 0px;}

.nproduct{position:relative;
    display:block;
	float:left;
	width:490px;
	height:120px;	padding:0px;
	margin:10px 0px 10px 0px;
	left:80px;}
.nproduct h1{
	margin:0px 0px 3px 10px;
	padding:0px;
	color: #006699;
	font:16px  Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:left;

}	
.nproduct li{ list-style:none; float:left; margin:3px;}	
	
.nproduct li img{width:110px;border:solid 1px #ccc;}	
	

#about{padding:0px;margin:10px auto 10px auto; width:80%; height:auto; text-align:center; position:relative;}
#about h1{
	margin:20px 0px 20px 10px;
	padding:0px;
	color: #006699;
	font:18px  Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:left;
	letter-spacing: 1pt; background:url(images/dotbg.gif) repeat-x bottom;

}
#about p{ width:80%; height:auto; margin:30px auto 50px  auto;}
#about td{ border-bottom:solid 1px #ccc;color: #333; text-align:left;font:80%; }
.hh2{
	margin:0px 0px 0px 20px;
	padding:0px;
	color: #009999;
	font:15px  Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:left;
	letter-spacing: 1pt;
}
.ff1{color: #333366;
	font:80%  Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:left;
	letter-spacing: 1pt;}
.ff2{color: #333366;
	font:80%  Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:center;
	letter-spacing: 1pt;}
	
	
	
.page{font-size: 10pt; float:right;padding:2px; width:160px; height:20px;color: #666699;
	text-decoration: none;}
.page a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #333399;
	text-decoration: none;padding:4px;
}
.page a:visited{
	color: #666699;
	text-decoration: none;
}
.page a:hover{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #336699;
}

.pagein{	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;color: #FFFFFF;
	text-decoration: none;
	background-color: #CCCCCC;}
.ff2{
	font-size: 10pt;
	line-height: 16pt;
	color: #003366;
}
.F11{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 17pt;
}