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

body	{ margin:0; padding:0; font-family: Verdana, Arial, sans-serif; font-size: small; line-height: 16px; }
img		{ border: 0; }

#page	{ position: relative; width: 900px; height: auto; margin: 0 auto; }

#menubar	{ position: relative; float: left; width: 900px; height: 40px; margin: 20px 0 10px 0; background: url(../images/bgmenubar.jpg) left top no-repeat; }
.logo		{ position: relative; float: left; width: auto; height: 40px; margin: 3px 0 0 20px; }
.menubar	{ position: relative; float: right; width: auto; height: 40px; margin-right: 40px; }
.menubar ul		{ position: relative; float: left; width: auto; height: 40px; list-style: none; margin: 0; padding: 0; }
.menubar ul li	{ position: relative; float: left; width: auto; height: 40px; margin: 0; padding: 0 5px; }

#submenu	{ position: relative; float: left; width: 900px; height: auto; text-align: right; margin: 0; padding: 0; font-size: 11px; }
#submenu ul		{ position: relative; float: right; width: auto; height: auto; list-style: none; margin: 0; padding: 0; }
#submenu ul li	{ position: relative; float: left; width: auto; height: auto; margin: 0; padding: 0 8px; }
#submenu ul li a { color: #007633; text-decoration: none; }
#submenu ul li a:hover { color: #0782c6; text-decoration: none; }

#banner		{ position: relative; float: left; width: 900px; height: 390px; margin: 10px 0; }

#home		{ position: relative; float: left; width: 900px; height: auto; }

.boxEach			{ position: relative; float: left; width: 210px; height: 130px; padding-right: 20px; margin: 10px 0; }
.boxEachLast		{ position: relative; float: left; width: 210px; height: 130px; margin: 10px 0; }
.boxEach-header		{ position: relative; float: left; width: 210px; height: 25px; background: url(../images/bgboxhome-header.jpg) left top no-repeat; }
.boxEach-header span	{ position: relative; float: left; margin: 5px 0 0 10px; color: #fff; font-weight:bold; }
.boxEach-body		{ position: relative; float: left; width: 210px; height: 105px; }
.boxEach-body img	{ position: relative; float: left; width: 210px; height: 105px; }

#subpage	{ position: relative; float: left; width: 900px; height: auto; margin: 10px 0; }

.leftside	{ position: relative; float: left; width: 210px; height: auto; }
.leftside-headerbox	{ position: relative; float: left; width: 210px; height: 25px; background: url(../images/bgboxhome-header.jpg) left top no-repeat; }
.leftside-headerbox span	{ position: relative; float: left; margin: 5px 0 0 10px; color: #fff; font-weight:bold; }

.categories			{ position: relative; float: left; width: 210px; height: auto; }
.categories h3		{ position: relative; float: left; width: 210px; height: 28px; margin: 0; padding: 0; }
.categories	ul		{ position: relative; float: left; width: 210px; height: auto; list-style: none; margin: 5px 0 0 0; padding: 0; }
.categories	ul li	{ position: relative; float: left; padding: 10px 0 10px 5px; background: url(../images/icon_cate.jpg) left center no-repeat; width: 205px; border-bottom: 1px #ccc dotted; margin: 0; }
.categories ul li a			{ color: #737373; text-decoration: none; }
.categories ul li a:hover	{ color: #0b94d6; text-decoration: none; } 

.subbanner		{ position: relative; float: left; width: 210px; height: auto; margin: 15px 0; }
.subbanner img	{ width: 210px; height: auto; }

.rightside	{ position: relative; float: right; width: 680px; height: auto; margin-left: 10px; display: block; }

.topicEach		{ position: relative; float: left; width: 680px; height: 35px; background: url(../images/topicbg.jpg) left top no-repeat; margin-bottom: 15px; }
.topicEach span	{ position: relative; float: left; color: #0b94d6; text-decoration: none; margin: 5px 0 0 10px; font-weight:bold;  }

.aboutus		{ position: relative; float: left; width: 680px; height: auto; }
.aboutus p.topic	{ position: relative; float: left; width: 670px; height: auto; color: #0b94d6; font-weight:bold; margin: 5px 5px; text-indent: 0; }
.aboutus p			{ position: relative; float: left; width: 670px; height: auto; margin: 8px 0; margin: 5px 5px; text-indent: 50px; color: #737373; }

.product			{ position: relative; float: left; width: 680px; height: auto; }
.product p.topic	{ position: relative; float: left; width: 670px; height: auto; color: #0b94d6; font-weight:bold; margin: 5px 5px; text-indent: 0; padding: 0; }
.product p			{ position: relative; float: left; width: 670px; height: auto; margin: 5px 5px; color: #737373; padding: 0; }

.contactForm		{ position: relative; float: left; width: 300px; height: auto; }
.contactForm span	{ color: #737373; text-decoration: none; }
.contactDetail		{ position: relative; float: left; width: 370px; height: auto; margin-left: 10px; }
.contactDetail p.comp	{ position: relative; float: left; color: #0b94d6; width: 370px; height: auto; margin-bottom: 12px; margin: 0; padding: 0; font-weight:bold; }
.contactDetail p	{ position: relative; float: left; width: 370px; height: auto; color: #737373; margin: 5px 0; padding: 0; }
.contactDetail span	{ font-weight:bold; text-decoration: none; margin: 0; padding: 0; }

.map		{ position: relative; float: left; width: 680px; height: auto; margin: 15px 0; }
.map img	{ position: relative; float: left; width: 680px; height: auto; }

#copyright	{ position: relative; float: left; width: 900px; height: auto; margin: 50px 0 0 0; border-top: 1px #666 solid; border-bottom: 1px #666 solid; padding: 5px 0; color: #007633; font-size: 10px; }
#footer		{ position: relative; float: left; width: 900px; height: auto; margin: 5px 0 15px 0; }
.company	{ position: relative; float: left; width: auto; height: auto; margin: 3px 0; font-size: 11px; color: #007633; }
.company p	{ margin: 0; padding: 0; }
.footermenu	{ position: relative; float: left; width: auto; height: auto; margin: 3px 0; }
.footermenu ul { position: relative; float: left; width: auto; height: auto; margin: 0; padding: 0; list-style: none; }
.footermenu ul li	{ position: relative; float: left; width: auto; height: auto; padding: 0 8px; font-size: 11px; border-right: 1px #007633 solid;  }
.footermenu ul li.first { padding-left: 0;  }
.footermenu ul li.last { border: none; }
.footermenu ul li a { color: #007633; text-decoration: none; }
.footermenu ul li a:hover { color: #0782c6; text-decoration: none; }
.logofooter	{ position: relative; float: right; width: auto; height: auto; margin: 3px 0; }
.logofooter img  { position: relative; }