/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
/* Global properties */
/*body {background:url(../images/menu.jpg) top repeat-x #f2f2f2;border:0;font:14px Tahoma, Geneva, sans-serif;color:#4c4c4c;line-height:20px;padding-bottom:20px;min-width:980px}*/

body {background:url(../image/menu.jpg) top repeat-x #f2f2f2;border:0;font:14px Tahoma, Geneva, sans-serif;color:#4c4c4c;line-height:20px;padding-bottom:20px;min-width:980px}
.css3 {border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure */
.main {margin:0 auto;width:980px}
/*.bodytop {background:url(../images/bgh.jpg) top center no-repeat}*/

.bodytop {background:url(../image/mwave-slider.jpg) top center no-repeat}

/* main layout */
a {color:#005aa5;text-decoration:none;outline:none}
a:hover {color:#ee8800;text-decoration:underline}
h1 {padding:31px 0 0 39px}
h2 {font-size:32px;color:#000;text-transform:uppercase;line-height:1.2em;padding:31px 0 20px 0;letter-spacing:-1px}
h2 span {display:block;margin-top:-12px}
h3 {font-size:27px;color:#000;line-height:1.2em;padding:14px 0 13px 0;letter-spacing:-2px}
h4 {font:18px Tahoma, Geneva, sans-serif;line-height:1.0em;padding:10px 0 10px 0;letter-spacing:-1px}
p {padding-bottom:20px}
/* header */
header {height:63px;width:100%;overflow:hidden;padding-bottom:20px;background-color:transparent}
#logo {display:block;background:url(../images/qualwave.png) no-repeat;width:481px;height:100px;text-indent:-9999px}
#menu {float:left;padding:11px 0 0 39px}
#menu li {float:left;padding-right:17px;background:url(../images/menu_line.jpg) right 0 no-repeat;margin-right:15px}
#menu .end {background:none}
#menu li a {display:block;font-size:15px;color:#fff;line-height:36px;text-transform:uppercase;text-decoration:none;height:40px}
#menu li a:hover, #menu #menu_active a {color:#44fbfe}
#icon {float:right;padding:16px 40px 0 0}
#icon li {float:left;padding-left:15px}
#icons {float:right;padding:20px 39px 0 0}
#icons li {float:left;padding-left:11px}
#slogan {font-size:42px;color:#002b3a;line-height:1.2em;margin:25px 0 0 39px;padding-top:0px;letter-spacing:-2px}
#slogan span {display:block;font-size:34px;line-height:1.2em;margin-top:-12px}
.banners {padding:26px 0 0 35px}
.banners li {padding-bottom:2px}
/* content */
#content {width:100%;overflow:hidden;padding-bottom:30px}
.pad1 {padding:0 34px}
.pad_left1 {padding-left:6px}
.pad_left2 {padding-left:42px}
.pad_top1 {padding-top:33px}
.pad_top2 {padding-top:7px}
.pad_bot1 {padding-bottom:10px}
.pad_bot2 {padding-bottom:18px}
.marg_right1 {margin-right:21px}
.marg_top1 {margin-top:-10px}
.marg_left1 {margin-left:-5px}
.marg_left2 {margin-left:20px}
.font1 {text-align:left;display:block;font-size:23px;line-height:1.2em;padding:7px 0 36px 0;color:#000;letter-spacing:-1px}
.font2 {font-size:22px;line-height:1.2em;color:#0055a2;padding:0 0 20px 0;letter-spacing:-1px;margin-top:-3px}
.font2 span {display:block;margin-top:-6px}
.font2 a {color:#0055a2;text-decoration:none}
.font2 a:hover {color:#000}
.box1 {padding:0 34px;background:#ff;padding-bottom:45px}
.box2 {padding:0 10px 45px 10px;background:#fff}
.box3 {background:#f2f2f2;padding:17px 30px 20px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;margin-right:5px;margin-bottom:25px}
.box4 {width:470px;height:200px; margin: 10px 10px 10px 10px;float:left;background:#fff;}
.box4 img {width:200px;height:200px;float:left}
.box5 {padding:0 10px 0 10px;width:250px;float:left;}
.box5 p {font-size:16px;}
.button {display:inline-block;color:#fff;background:url(../images/button1_bg.gif) 0 0 repeat-x;line-height:40px;text-decoration:none;cursor:pointer}
.button span {display:block;background:url(../images/button1_left.gif) 0 0 no-repeat}
.button span span {background:url(../images/button1_right.gif) top right no-repeat;padding:0 25px;height:42px}
.button:hover {background-position:bottom}
.button:hover span {background-position:bottom left}
.button:hover span span {background-position:bottom right}
#menu_p {padding:0px 24px 68px 24px; background:#0055a2; }
#menu_p li {float: left; line-height:24px;}
#menu_p a {height: 24px; padding: 5px 10px 5px 10px; float:left; color:#ffffff; font-size:12px;text-decoration:none; display:inline-block;}
#menu_p a:hover {color: #44fbfe; text-shadow: 0px 0px 2px #897435;}
.list1 {margin-top:-1px}
.list1 li {font:15px Tahoma, Geneva, sans-serif;line-height:30px}
.list1 li a {text-decoration:none;padding-left:10px;background:url(../images/ln1.gif) 0 6px no-repeat}
.list1 li a:hover {color:#ee8800;background:url(../images/ln2.gif) 0 7px no-repeat}
.list2 {text-align: center; margin-left: -24px; margin-right: -24px;}
.list2 a {width: 100px; height: 150px; margin: 7px 18px 7px 17px; float:left; text-decoration: none; color:#0055a2;text-shadow: 0px 0px 2px #897435;}
.list2 a:hover, .list a:active {color:#ee8822;}
.list2 a img, .list2 a:link img, .list2 a:visited img, .list4 a img, .list4 a:link img, .list4 a:visited img
{ 
	-moz-box-shadow:0 3px rgba(0,0,0,0.1), inset 0 -4px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 3px rgba(0,0,0,0.1), inset 0 -4px rgba(0,0,0,0.1);
	box-shadow:0 3px rgba(0,0,0,0.1), inset 0 -4px rgba(0,0,0,0.1);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	color:#fff;
	overflow:visible;
	text-decoration: none;
	background:#3099da;
	background: -moz-linear-gradient(top, #9fd7f8 0%, #3099da 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9fd7f8), color-stop(100%,#3099da));
	background:linear-gradient(top, #9fd7f8 0%, #3099da 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fd7f8', endColorstr='#3099da',GradientType=0 );
	-moz-transition:box-shadow 0.2s ease-in-out;
	-webit-transition:box-shadow 0.2s ease-in-out;
	transition:box-shadow 0.2s ease-in-out;
	width: 100px;
	height: 100px;
	margin-bottom: 4px;
}
.list2 a:hover img, .list2 a:active img, .list4 a:hover img, .list4 a:active img
{
	-moz-box-shadow:0 3px rgba(0,0,0,0.15), inset 0 -4px rgba(0,0,0,0.15), inset 0 0 80px rgba(255,255,255,0.3);
	-webkit-box-shadow:0 3px rgba(0,0,0,0.15), inset 0 -4px rgba(0,0,0,0.15), inset 0 0 80px rgba(255,255,255,0.3);
	box-shadow:0 3px rgba(0,0,0,0.15), inset 0 -4px rgba(0,0,0,0.15), inset 0 0 80px rgba(255,255,255,0.3);
	background: -moz-linear-gradient(top, #f8e8a8 0%, #f9e4a5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8e8a8), color-stop(100%,#f9e4a5));
	background:linear-gradient(top, #f8e8a8 0%, #f9e4a5 100%);
}
.list3 {width: 320px; float:left; margin-left: 10px;}
.list3 ul {list-style-type: square;}
.list3 ul li {margin-left: 10px;}
.list4 {float:left; margin:0px 0px 20px 0px; width: 450px;}
.list4 img {width:160px; float: left;}
.list5 {width: 260px; float: left; margin-left: 5px;}
.list5 h5 {padding-bottom: 14px;}
.brochure a {width: 200px; float: left; margin: -14px 0px 14px 10px; text-decoration:none;}
.brochure a img {width:63px; border:1px solid #9fd7f8;}
.brochure a:hover img {border-color: #f8e8a8;}
.rohs img {width: 80px; }
.zoomout img {width: 250px;}
.sup {font-size:10px; color: #005aa5;}
.paper {padding:5px 7px 5px 8px}
.news a {padding:0px 10px;background:url(../images/ln1.gif) center right no-repeat}
.date {float:left;width:72px;height:50px;background:url(../images/date.gif) 0 0 no-repeat;margin-right:14px;font-size:34px;line-height:1.2em;padding-top:22px;text-align:center}
.link1 {text-decoration:none}
.link1:hover {color:#0055a2}
.quot {padding-left:42px;background:url(../images/quot.gif) 0 4px no-repeat;overflow:hidden}
.quot span {display:block}
.color1 {color:#0056a3}
.color2 {color:#8f8f8f}
.lfloat {float:left;}
table {margin-right:17px;margin-bottom:30px;vertical-align:center; text-align:center;border: 1px solid;border-color: #b2b2b2 #000000 #000000 #b2b2b2;box-shadow:0px 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.3);-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.3);opacity:0.95; width:910px;}
th {background-color:#469abc;padding: 1px 2px 1px 2px;border: 1px solid;border-color: #000000 #bfdff3 #bfdff3 #000000;color: #000000}
td {padding: 1px 2px 1px 2px;border: 1px solid; border-color: #000000 #b2b2b2 #b2b2b2 #000000}
.w100 a {text-decoration:none; }
.w100 a img {width: 100px; border: 2px solid #9fd7f8; margin: 5px 0px 0px 0px;}
.w100 a:hover img {border-color: #f8e8a8;}
.num {font-weight:bold; padding: 1px 4px 1px 4px;}
.comment {clear: both; margin-top:-20px; color: #005aa5; font-size: 13px;}
.notes {margin-top: 20px; margin-bottom: 20px}
/* footer */
footer {font:12px Arial, Helvetica, sans-serif;width:100%;overflow:hidden;padding-bottom:52px;line-height:20px}
footer a {color:#0055a2}
footer a:hover {font-weight:bold}

/*jerry */

/*#menu{background-color:#0707ff}*/