*{margin:0;padding:0;border:0} 
body{font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#000; background-color:#eee;}
a{text-decoration: none;color:#000;}
a:hover,a:active{color:red}
p{line-height:25px;}
p a{color:#00466a;}
p a:hover{color:red} 
th{text-align:left}
.maxdiv{width:1001px;
		margin:0 auto;
		background-color:#FFF;
		}
.banner{background: url(../images/banners/Jofalogo1001px3.jpg) no-repeat;
		width:1001px;
		height:100px;}	
		
.blank{width:999px; height:198px; background:url(images/banners/product.jpg) no-repeat; border:1px solid #ddd}
.blank2{width:999px; height:30px; background-color:#eee; border:1px solid #ddd}
.content1{border-left:1px solid #ddd;border-right:1px solid #ddd;;width:999px;background-color:#eee}
.right{float:left;width:838px;border-left:solid 1px #ddd; background-color:#fff;}
.aboutus{width:818px;padding:10px;font-family:Arial, Helvetica, sans-serif;font-size:14px;}
.divtext{margin:10px 5px 20px 5px;}
			
#nav{line-height: 30px;  list-style-type: none; z-index:2} 
     
    #nav a{display: block;text-decoration:none;text-align:center;} 
     
    #nav a:link {color:#00466a;} 
    #nav a:visited {color:#00466a;} 
    #nav a:hover {color:#FFF;font-weight:bold} 
     
    #nav li{float: left; width:110px;margin-right:1px; background-color:orange}
	#nav li a{font-weight:bold;}
    #nav li a:hover{background:#00466a} 
    #nav li ul{list-style-type: none;text-align:left;left: -999em; width: 180px; position: absolute; z-index:3} 
    #nav li ul li{float: left; width: 170px;} 
     
     
    #nav li ul a{display: block;text-align:left;padding-left:12px; line-height:30px; font-weight:normal;
					background-color:#EEE;overflow:hidden} 
    #nav li ul a:hover {color:#F3F3F3;font-weight:normal;background:#00466a} 
     
    #nav li:hover ul{left: auto} 
    #nav li.sfhover ul{left: auto} 
 	
.navright{float:right;height:30px; background-color:orange;width:335px;}
.clear{clear:both}
.floatleft{float:left}

#leftnav, #leftnav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 160px; /* Width of Menu Items */
  border-bottom: 1px solid #fff;
  font: bold 12px verdana;
  }

#leftnav li, #leftnav ul li {
  position: relative;
  }
  
#leftnav li ul {
  position: absolute;
  left: 159px; /* Set 1px less than menu width */
  top: 0;
  display: none;
  font-weight:normal;
  }

/* Styles for Menu Items */
#leftnav li a {
  display: block;
  text-decoration: none;
  color: #00466a;
  background:#eee; /* IE6 Bug */
  padding: 10px 0px 10px 10px;
  border: 1px solid #fff;
  border-bottom: 0;
  }

/* Fix IE. Hide from IE Mac \*/
* html #leftnav li { float: left; height: 1%; }
* html #leftnav li a { height: 1%; }
/* End */

#leftnav li a:hover, #leftnav ul li a:hover { color:#fff; background: #00466a; } /* Hover Styles */
    
#leftnav li ul li a { padding: 6px 0px 6px 10px; background-color:#eee; } /* Sub Menu Styles */
    
#leftnav li:hover ul, #leftnav li.over ul { display: block; } /* The magic */



.xian{border-top:solid 1px #999;}



.vm{display:inline-block;
	float:right;
	font-size:12px;
	margin-right:10px;
	color:#000;
	vertical-align:bottom;
	font-weight:600;
	}
.footer{
		width:1001px;
		background: url(../images/banners/footer.jpg) no-repeat;
		color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		}
.f1{width:1001px;height:99px;line-height:20px;border-bottom:1px dashed #666;}		
.f1left{float:left;
		width:265px;
		padding:27px 0px 0px 60px;
		}
.f1center{float:left;
		width:255px;
		padding:27px 0px 0px 60px;
		}	
.f1right{float:left;
		width:260px;
		padding:27px 0px 0px 60px;
		}
.f2{clear:both;
		width:1001px;	height:35px;
		padding:15px 0px 0px 10px;
		}					
.contact{font-size:16px;color:#999;}