/* standard elements */
html {min-height: 100%;}
* {
	margin: 0;
	padding: 0;
}
a {
  color: #0000FF;
  font:bold 12px Arial;
  }
  
a:hover {
color: #CC6600;
  font:bold ;
}

body {
	background:#000000;
	font-family:Arial,sans-serif;	
	font-size:12px;
}
li {list-style: none;}
h1{
padding-left:12px;
font: bold 13px sans-serif ;
font-style: italic;
color: #FFFFFF;
padding-top:3px;
}
h1 a{
text-decoration:none;
color:#FFFFFF;
font-style: italic;
}

h2{
font: bold 14px sans-serif ;
}

h3{
padding-left:6px;
font: bold 13px sans-serif ;
font-style: italic;
color: #FFFFFF;
padding-top:3px;
}
h4{
padding-left:12px;
font: bold 13px sans-serif ;
font-style: italic;
color: #FFFFFF;
padding-top:3px;
}

/* misc */
.clearer {clear: both;}
.left {float: left;}

.right {float: right;}

/**********************************************main-setting**********/

/* head */
.head {
	margin: 10px auto 0;
	width: 900px;
	color: #FFFFFF;
}

/*logo */
.logo {
	background: url(../images/logobg.gif) repeat-x;
	height:75px;	
		
}
.logo-left {
float:left;
width:220px;
height:75px;
}
.logo-right {
background:url(../images/logoright.gif) no-repeat right;
width:20px;
height:75px;
float:right;
}

.logo-contact {
width:190px;
height:40px;
margin-top:15px;
float:right;
}
.logo-contact a{
color:#FF0000;
}

/* navigation */
.navigation {	
	background: url(../images/b05.gif) repeat-x ;
	height:30px;
    text-align:center;
	
}
.nav-left{
background: url(../images/b03.gif) no-repeat left;
width:10px;
height:30px;
float:left;
}

.nav-right{
background: url(../images/b04.gif) no-repeat right;
width:10px;
height:30px;
float:right;
}
.navigation a {
	border-left: 1px solid #D8EBD8;
	color: #ffffff;
	display: block;
	float:right;
	font: bold 13px sans-serif;
	line-height:30px;
	padding: 0 25px;
	text-decoration: none;
}
.navigation a:hover {
background: #7DCA2B; 
}

.head-bottom {
background:url(../images/logo2.jpg) top  no-repeat ;
height:187px;
width:900px;
}


/*********************************************header************/
/* main-body */
.container {
	background: #f2f2f2 ;
	margin: 0 auto;
	width: 900px;
	overflow:auto;

}
.product-list {
width:200px;
float:right;
}
.product-listtop{
background: url(../images/head2002.jpg);
height:25px;
clear:both;
}
.prod-top2{
height:10px;
width:200px;
}
.prod-menu li{
background:url(../images/b01.jpg);
height:23px;
}
.prod-menu a {
    font:bold 12px Arial;
	color: #000000;
	padding-left:30px;
	text-decoration:none;
	background:url(../images/bit05.gif) no-repeat left ;
	background-position:15px 90%;
	}
.prod-menu a:hover{
    color: #CC6600;
	}	
	
.prod-listbottom{
height:10px;
width:200px;
}

/************************************right menu************************/
/****main--top***/
.main-top{
      width:690px;
	  height:25px;
	  background: url(../images/b09.gif) repeat-x;
	  float:left;
	 	  }
.main-topleft {
background:url(../images/b08.gif) left no-repeat;
width:10px;
height:25px;
float:left;
}	
.main-toprihgt {
background:url(../images/b10.gif) right no-repeat;
width:10px;
height:25px;
float:right;
}		  
.main-mid{
	width:688px;
	float:left;
	border:1px solid #CCCCCC;
	background:#FFFFFF;	
		  }
.main-mid p{
padding:0 5px;
 }	  
.main-mid img{
width:220px;
height:150px;
float: right;
padding:1px 1px;
}
.main-midnews{
text-align:center;
font:bold;
  }
.main-menuli{
	width:688px;
	float:left;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	text-align:right;
	font:bold;
	  }
.main-menuli a{
padding:0 5px;
}
.main-contact{
	width:688px;
	float:left;
	border:1px solid #CCCCCC;
	background:#FFFFFF;	
		  }
 
  
/************************main body******************/
/***product-list****/
.product-small{
width:160px;
height:145px;
padding:2px 2px;
float:left;
margin-right:4px;
margin-left:4px;
margin-bottom:10px;
background: #CCCCCC;
text-align:center;
}
.product-small img{
padding:0 auto 0;
width:160px;

}

.product-small a{
text-decoration:none;
}
/*****product-middle**********/
.prod-mid{
width:230px;
height:170px;
float:left;
border:1px #999999 solid;
}
.prod-midleft{
width:207px;
height:130px;
float:left;
padding-left:20px;
padding-top:40px;
font: bold 14px sans-serif ;
line-height:22px;
border:1px #999999 solid;
}
.prod-midleft p{
color:#006666;
}
.prod-midright{
width:197px;
height:120px;
float:left;
padding-top:50px;
padding-left:30px;
border:1px #999999 solid;
}
.prod-midright a img{
border:none;

}
/******product-meno********/
.prod-menotop{
width:690px;
height:24px;
float:left;
background:url(../images/b12.gif) no-repeat;
}
/*footer******/
.footer{
background: #000000  url(../images/b11.gif) top no-repeat;
width:900px;
height:95px;
margin:0 auto ;
}
.footlink{
padding-top:5px;
}
.footlink a{
color: #000000;
font:12px Arial;
}
.footnav{
padding-top:5px;
text-align:center;
}
.footnav a{
font:  bold 13px Arial, Helvetica, sans-serif;
color:#000000;
border-right:1px solid  #00CCFF;
padding:0 15px;
text-decoration:none;
}
.footimg{
background:url(../images/008.gif) no-repeat center;
height:20px;
}