@import url("stylesheet.css");

#headertop { margin: 0 auto;  background-image: url(../images/header.jpg);  height: 44px;	margin: 0 auto;  padding: 0 ; width:1000px;}
#headertop ul { margin: 0 auto;  padding: 5px 0 0 20px;  float: left;  list-style: none; }
#headertop li { display: inline; }

#headerright { float: right; width:80px;}
#headerright ul { float: left;  display: block;  padding: 0; width:80px;}
#headerright li { float: left;  display: block; padding: 12px 0 0 5px; }

#header02 { margin: 0 auto;  height: 150px; width:1000px; }
#header02 ul { margin: 0 auto;  padding: 0;  list-style: none; }
#header02 li { display: inline;  margin: 0 auto;  padding: 0; }


#menu { margin: 0 auto;  background-image: url(../images/hline.gif);  height: 36px; width:1000px; }
#menu ul { margin: 0 auto;  padding: 0 0 0 20px;  list-style: none; }
#menu li { display: inline; }

#menu .clock { float: left;  padding: 7px 0 0 10px;	}
#menu .imgclock { float: left;  padding: 3px 0 0 0;	}

#menu .menu { float: right;  padding: 7px 20px 0 0;	}
#menu .menu li{ padding: 0 0 0 2px;  height: 36px; }


#page { width: 1000px;  margin: 0 auto;  padding: 0; }

#sidebar { float: left;  width: 220px;  padding: 0;  background: url(../images/leftshadow.gif); }

#leftmenu { float: left; margin: 0 0 15px 0; width: 220px;  border-bottom: 1px solid #EBEBEB; }
#leftmenu ul { margin: 15px 0 0 0 ;  padding: 0;  list-style: none; }
#leftmenu li { border-top: 1px solid #EBEBEB; line-height: 35px; }

#leftmenu a:link { padding: 5px 0 0 25px;  background: url(../images/leftbullet.gif) no-repeat 6px 5px;  font-weight: bold;  color: #00749e;  
				  font-family: arial, verdana, sans-serif; font-size: 12px; text-decoration: none; }
#leftmenu a:visited { padding: 5px 0 0 25px; background: url(../images/leftbullet.gif) no-repeat 6px 5px;  font-weight: bold;  color: #00749e; 
		  		  font-family: arial, verdana, sans-serif;  font-size: 12px; text-decoration: none;}
#leftmenu a:active  { padding: 5px 0 0 25px;  background: url(../images/leftbullet.gif) no-repeat 6px 5px;  font-weight: bold;  color: #00749e; 
		  		  font-family: arial, verdana, sans-serif;  font-size: 12px; text-decoration: none;}
#leftmenu a:hover   { padding: 5px 0 0 25px;  background: url(../images/leftbullet.gif) no-repeat 6px 5px;  font-weight: bold;  color: #000000;
				  font-family: arial, verdana, sans-serif;  font-size: 12px; text-decoration: none;}
				  				  
#leftlogo { float: left; width: 220px; margin:0 auto; padding:0;	}
#leftlogo ul { margin: 0 auto;  padding: 0; list-style: none; }
#leftlogo li { float: left; }

#leftlogo .buttom { vertical-align: bottom; }
#leftlogo .img { float: left;  padding: 0 0 5px 78px; }
#leftlogo .img2 { float: left;  padding: 0 0 12px 65px; }


#pagecontant { float:right;  width: 765px;  margin: 15px 0 10px 15px; }

#pagetitle { height:25px;  }

h1 { float: right;  width: 747px;  margin: 0;  padding: 0 0 0 18px;  color: #2ab1d8; font-size: 18px;  font-family: arial, verdana, sans-serif;  font-weight: bold;  vertical-align:top;  background-image:url(../images/bulletpage.jpg); background-repeat:no-repeat; }

#pageindex { float:right;  width: 765px;  margin: 0 0 15px 0; }

#imgindex { margin: 10px 0 15px 83px;}

#pagecenter { float: right;  width: 765px;  margin: 15px 0 15px 0; }
#pagecenter .centertitle { padding: 0 0 0 10px;  color: #2ab1d8; font-size: 18px;  font-family: arial, verdana, sans-serif;  font-weight: bold; }

#indexspan { float: left;  width: 200px; margin: 0 0 20px 25px; }

#pageend { float: right;  width: 765px;  margin: 15px 0 0 0;	}

#pagetqm { float: left; width:450px; margin:0 0 0 25px ; padding:0;}
#pagetqm ul { float: left; margin: 0 ;  padding: 5px 0 0 50px; }
#pagetqm li { margin: 0;  padding: 5px 0 0 0; }

#pagecompany { float: right;  width: 765px;  margin: 10px 0 0 0; }
#pagecompany .tqmimag { margin: 0 225px 0 225px; }
#pagecompany .techimag { margin: 0 282px 0 283px; }
#pagecompany .div { margin: 0 0 20px 40px; width:500px; float:left; }

#productsname { float: left;  width: 765px; margin: 5px 0 10px 0; text-align:center;}

.producttitle { float: left; padding: 0; margin: 0; width: 765px; color: #0033FF; font-size: 13px; font-family: arial, verdana, sans-serif; font-weight: bold; }
.producttitle ul {margin: 5px 0 0 0; padding: 0; }
.producttitle li { float: left;  list-style: none;  width: 188px;}

.productimages { float: left;  width: 760px;  margin: 10px 0 0 2px; text-align:center; }
.productimages ul {margin: 10px 0 0 0; padding: 0; }
.productimages li { float: left;  list-style: none;  width: 188px;}

.imagesname { float: left;  width: 760px; margin: 0 0 0 2px; text-align:center;}
.imagesname ul { margin: 0; padding:0; }
.imagesname li { float: left;  list-style: none; width: 188px;}


#footer { background-image: url(../images/footer.gif);  height: 46px;  margin: 0 auto;  padding: 0; width:1000px;  }
#footer ul { margin: 0 auto;  padding: 20px 0 0 20px;  float: left;  list-style: none; }
#footer li { display: inline; }

#footer .menu { float: right;  padding: 20px 20px 0 0; }
#footer .menu li{ padding: 0 0 0 2px; }

#footer a:link    { color: #8d8d8d; font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; }
#footer a:visited { color: #8d8d8d; font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; }
#footer a:active  { color: #8d8d8d; font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; }
#footer a:hover   { color: #000000; font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: normal; text-decoration: underline; }

#footer .copyright  { color: #8d8d8d; font-size: 12px; font-family: arial, verdana, sans-serif; font-weight: normal; }