/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/* Layout */
body {text-align: center; font-family: Arial, sans-serif; font-size: 72.5%; color: #000; background: #eee; border-top: 7px solid #d31c13;}
#wrap {width: 780px; text-align: left; margin: 0 auto 20px auto;}
#header {background: #fbdc0c; position: relative; height: 100px; background: url(../img/header.jpg) no-repeat top left;}
#header h1 {display: none;}
#logo {width: 148px; height: 78px; display: block; background: url(../img/logo.jpg) no-repeat top left; position: relative; left: 20px; top: 9px;}
#nav {overflow: hidden; height: 1%; background: #fbdb07; border-bottom: 1px solid #000;}
#nav ul li {float: left; width: 100px; height: 30px;}
#nav ul li a {display: block; width: 100px; height: 30px; text-decoration: none; text-align: center; font-size: 1.2em; background: #fbdb07; color: #000;}
#nav ul li a:hover {background: #ce1b12; color: #fff; font-weight: bold;}
#nav ul li a span {padding: 7px 0 0 0; display: block;}
#content {background: #fff; overflow: hidden; height: 1%;}
#content h2 {font-size: 2em; font-weight: bold; color: #d31c13; margin: 0 0 10px 0;}
#content p {margin: 0 0 10px 0; line-height: 150%;}
#content .gutter {padding: 10px 20px;}
.left {padding: 10px 0 10px 20px; width: 520px; float: left;}
.left em {font-weight: bold;}
.right {width: 200px; float: right;padding: 10px 20px 0 0;}
.right h3 {font-size: 1em; text-align: center; font-weight: bold; margin: 0 0 10px 0;}
.right form {text-align: center; margin: 10px 0 0 0;}
.banner {overflow: hidden; height: 1%; border-bottom: 1px solid #ccc;}
.banner img {float: right;}
.imgright {margin: 0 0 10px 10px; float: right;}
.imgleft {margin: 0 10px 10px 0; float: left;}
.price {color: #d31c13; font-weight: bold;}
.bottom {padding: 10px 20px; clear: both; background: #fff; overflow: hidden; border-top: 1px solid #ccc;}
.bottom h4 {color: #d31c13; font-size: 2em; font-weight: bold; text-align: center; margin: 0 0 10px 0;}
.patent {display: block; padding: 4px 2px; background: #fff; width: 12em; margin: 10px auto; border: 1px solid #000;}
.example {padding: 0 0 10px 0; margin: 0 auto;}
.example2 {padding: 10px 0 0 0; margin: 0 0 0 200px;}
.imgbox {text-align: center;}
#content .banner h2 {width:260px; float: left; font-size: 2.4em; color: #d31c13; font-weight: bold; padding: 20px 0 0 20px;}
#footer {text-align: center; background: #fbdc0c; clear: both; border-top: 1px solid #000;}
#footer .gutter {padding: 20px 0;}
#footer p {margin: 0; line-height: 150%;}
br {clear: both;}