/* CSS Document */
* {margin:0;padding:0}
body {text-align:center;background:url(bg-index.jpg) no-repeat center;font-family:Arial, Helvetica, sans-serif}
img {border:0}
a,input,select {font-family:Arial, Helvetica, sans-serif}
h1,h2,h3,h4.h5.h6 {width:100%;float:left;display:block}
h1 {font-size:20px;position:relative}
h1 p {margin:0 20px;height:30px;border-bottom:#ccc 3px solid}
h1 b {font-size:12px;color:#999;padding-left:10px}
h2 {font-size:16px}
h2 p {padding:3px 20px 3px 20px;color:#663300}
h2 p b {float:right}
h2 p b select {font-size:12px}
h3 {font-size:12px;font-weight:normal}
h3 p {padding:3px 20px 3px 20px;color:#663300}
h3 b {font-weight:normal;padding:0 5px}
h3 a {font-weight:bold;color:#663300}
h3 a:hover {color:#f60;text-decoration:none}
h4 {font-size:14px;}
h4 p {padding:3px 20px 3px 20px;color:#000}
h4 b {font-weight:normal;padding:0 10px;font-size:12px;color:#f60}
h4 a {font-weight:bold;color:#663300}
h4 a:hover {color:#f60;text-decoration:none}
h5 p {padding:10px 20px;font-size:12px}
h6 p {padding:10px 20px;font-size:14px;color:#36c}

/* WRAP */
.wrap {width:830px;margin-left:auto;margin-right:auto}
.wrap div {float:left}
.wraphead {width:100%}
.wraphead div {width:100%}
  .logo {height:60px;position:relative}
  .logo img {position:absolute;left:20px;top:10px}
  .nav {height:55px;background:url(nav-bg.gif) no-repeat}
  .nav p {padding-left:37px}
  .nav p a {padding:0 5px;display:block;float:left}

.wrapbody {text-align:left;width:100%}
  
  #about .wrapbody {background:#FFF7F4 url(bg-about.gif) no-repeat}
  #contact .wrapbody {background:#EEF4FF url(bg-contact.gif) no-repeat}
  #equipment .wrapbody {background:#F8FFDF url(bg-equipment.gif) no-repeat}
  #jobs .wrapbody {background:#F4FFF4 url(bg-jobs.gif) no-repeat}
  #product .wrapbody {background:#F1EEE4 url(bg-product.gif) no-repeat}
  #menber .wrapbody {background:#f9f9f9 url(bg-menber.gif) no-repeat}
  #news .wrapbody {background:#FFF4E8 url(bg-news.gif) no-repeat}
  #supply .wrapbody {background:#FFF4FF url(bg-supply.gif) no-repeat}
  
  #left {width:180px}
  #right {width:650px}

.wrapfoot {height:100px;width:100%}
  .wrapfoot p {padding-top:20px;text-align:center;line-height:20px;font-size:11px}
  .wrapfoot p a {padding:0 10px;color:#630;text-decoration:none}
  .wrapfoot p a:hover {color:#000;text-decoration:underline}
  
  #about .wrapfoot {background:url(bg-about2.gif) no-repeat}
  #contact .wrapfoot {background:url(bg-contact2.gif) no-repeat}
  #equipment .wrapfoot {background:url(bg-equipment2.gif) no-repeat}
  #jobs .wrapfoot {background:url(bg-jobs2.gif) no-repeat}
  #product .wrapfoot {background:url(bg-product2.gif) no-repeat}
  #menber .wrapfoot {background:url(bg-menber2.gif) no-repeat}
  #news .wrapfoot {background:url(bg-news2.gif) no-repeat}
  #supply .wrapfoot {background:url(bg-supply2.gif) no-repeat}

/* LEFT */
#left p {padding:0 10px 0 20px}
#left p a {width:100%;display:block;border-bottom:#ccc 1px dashed;padding:5px 0;font-size:11px;color:#666;text-decoration:none}
#left p a:hover {color:#630;background:url(bg-subnav.gif) no-repeat center}
#left p.menber {padding-bottom:10px}
#left p.menber a {font-weight:bold;color:#000}
.leftad {padding-left:20px;padding-top:20px}
#product #left .leftad,#equipment #left .leftad {padding-top:50px}

/* RIGHT */
.content {width:100%}
.content div {width:100%}
#about .content {background:url(bg-about3.gif) repeat-y center top}
#contact .content {background:url(bg-contact3.gif) repeat-y center top}
#equipment .content {background:url(bg-equipment3.gif) repeat-y center top}
#jobs .content {background:url(bg-jobs3.gif) repeat-y center top}
#product .content {background:url(bg-product3.gif) repeat-y center top}
#menber .content {background:url(bg-menber3.gif) repeat-y center top}
#news .content {background:url(bg-news3.gif) repeat-y center top}
#supply .content {background:url(bg-supply3.gif) repeat-y center top}

.productlist {padding:10px 0}
.productlist ul {margin:0 20px;list-style-type:none}
.productlist ul li {display:block;width:203px;float:left;padding-bottom:10px}
.productlist ul li p {text-align:center;font-size:12px;line-height:20px}
.productlist ul li p span {display:block;width:183px;margin:0 10px;height:30px;line-height:30px;text-align:center;overflow:hidden}
.productlist ul li p a {color:#666;font-weight:bold;text-decoration:none}
.productlist ul li p a:hover {color:#f60}
#equipment .productlist ul li {background:url(bg-equipment4.gif) no-repeat center top;padding-top:9px}
#equipment .productlist ul li p span {margin-top:10px}

.reply {}
.reply ul {padding:10px 20px}
.reply p {font-size:12px;background:#fff;padding:10px;color:#666}
.reply p b {display:block}

.pageno p {text-align:center;font-size:10px;padding:5px 0 10px 0}
.pageno p a {margin:0 5px;color:#000;text-decoration:none;background:#fff;padding:0 3px}
.pageno p a:hover {color:#fff;background:#000}
.pageno p strong {margin:0 5px;color:#000;}
.pageno p b {font-weight:normal}

.productinfo {}
.productname p {padding-top:10px;margin:0 20px;font-size:20px;font-weight:bold}
.productimg p {padding:10px 0;margin:0 20px;border-bottom:#ccc 2px solid}
.productcontent {padding:10px 0}
.productcontent p {padding:0 20px;line-height:20px;font-size:12px}
#jobs .productname {text-align:center}
#jobs .productname span {display:block;text-align:center;font-size:10px}
#menber .productname {text-align:center}
#menber .productname span {display:block;text-align:center;font-size:10px}
#news .productname {text-align:center}
#news .productname span {display:block;text-align:center;font-size:10px}
#supply .productname {text-align:center}
#supply .productname span {display:block;text-align:center;font-size:10px}

.nextprev {padding:10px 0}
.nextprev p {margin:0 20px;font-size:12px;border-top:#ccc 2px solid;line-height:20px;padding-top:10px}
.nextprev p a {color:#663300;text-decoration:none}
.nextprev p a:hover {color:#f60;text-decoration:underline}

.totop {}
.totop p {padding:0 20px 10px 20px;text-align:right;font-size:10px;font-weight:bold}
.totop p a {color:#000;text-decoration:none}
.totop p a:hover {color:#f60}

.list {}
.list ul {padding-left:20px;float:left}
.list ul li {float:left;border-bottom:#ccc 1px solid}
.list ul li.a {width:510px;height:30px;overflow:hidden}
.list ul li.a a {color:#333;text-decoration:none}
.list ul li.a a:hover {color:#f60}
.list ul li.b {width:100px;}
.list ul.listtitle {}
.list ul.listtitle li {color:#fff;font-size:12px;background:#666;border:0}
.list ul.listtitle li.a {height:20px}
.list ul.listtitle li.b {width:99px;border-left:#FFF4E8 1px solid;height:20px}
.list ul.listtitle li p {text-align:center;line-height:20px}
.list ul li p {font-size:12px;padding:0 10px;line-height:30px}
.list ul li.b p {text-align:center}
.list ul li p b {color:#f30;font-size:10px;padding-right:5px}
.list ul li p strong {color:#f30;padding-right:5px}
.list ul.over li {background:#fff;border-bottom:#FFF4E8 1px solid}
.list ul.on li {background:none;border-bottom:#ccc 1px solid}
#jobs .list ul.listtitle li {background:#390}
#menber .list ul.listtitle li {background:#999}
#news .list ul.listtitle li {background:#c60}
#supply .list ul.listtitle li {background:#c6c}

.relative {padding-top:10px}
.relative p {margin:0 20px;font-size:12px;line-height:20px}
.relative p strong {display:block;border-top:#ccc 2px solid;padding-top:10px}
.relative p a {display:block;color:#666;text-decoration:none}
.relative p a:hover {color:#f60;text-decoration:underline}

fieldset {border:0}
.post {width:100%;float:left;margin-top:10px}
.post ul {margin:0 20px;background:#fff;border:#ccc 1px solid}
.post p {padding:5px 20px;font-size:12px;}
.post p input {font-size:12px}
.post p b {float:left;padding-right:10px;line-height:20px;width:60px}

.search {width:100%;float:left;margin:10px 0}
.search ul {margin:0 20px;background:#fff;border:#ccc 1px solid}
.search p {padding:5px 20px;font-size:12px;text-align:center}
.search p input {font-size:12px}

#jobs .post p {text-align:center}
#jobs .post p input {font-weight:bold;width:200px}

.login {float:right;position:absolute;right:18px;top:5px}
.login ul {}
.login ul li {float:left;font-size:12px;padding-left:10px;line-height:20px;font-weight:normal}
.login ul li input {font-size:12px}
.login ul li a {color:#00c;text-decoration:underline}
.login ul li a:hover {color:#fc0;text-decoration:none}

.login2 {width:100%;float:left;margin-top:10px}
.login2 ul {margin:0 20px;background:#fff;border:#ccc 3px solid;height:100px}
.login2 ul p {text-align:center;padding:0 20px;font-size:14px;line-height:30px;color:#f60;font-weight:bold}
.login2 ul li {list-style-type:none;width:50%;text-align:center;float:left;font-size:12px}

.upgrade {width:100%;float:left;margin-top:10px}
.upgrade ul {margin:0 20px;background:#fff;border:#ccc 1px solid;padding:10px 0}
.upgrade ul p {text-align:center;font-size:12px;line-height:25px;font-weight:bold;padding:0 20px}
.upgrade ul p select {color:#00c;font-size:12px}
.upgrade ul p b {font-size:14px;}
.upgrade ul p b span {color:#f60}

.upgrade2 {width:100%;float:left;}
.upgrade2 ul {margin:0 20px;background:#fff;border:#ccc 1px solid;padding:10px 0}
.upgrade2 ul p {font-size:12px;padding:0 20px}
.upgrade2 ul p select {color:#00c;font-size:12px}
.upgrade2 ul p b {font-size:14px;}
.upgrade2 ul p b span {color:#f60}
.upgrade2 ul li {list-style-type:none;float:left;width:33%;font-size:12px;padding-top:20px}
.upgrade2 ul li b {display:block}

.register {width:100%;float:left;}
.register ul {margin:0 20px;padding:10px 0}
.register ul p {padding:5px 0 5px 80px;position:relative;font-size:12px;float:left;width:530px}
.register ul p b {position:absolute;left:0;top:5px;text-align:right;width:80px;line-height:20px}
.register ul p span {float:right;display:block;width:350px;line-height:16px;font-size:11px;color:#666;padding-top:2px}

.notes {width:100%;float:left;}
.notes ul {margin:0 20px;padding:10px 0}
.notes ul p {font-size:12px;padding:10px 0}
.notes ul h6 {text-align:center;font-size:16px;color:#f60;line-height:40px;border-bottom:#ccc 2px solid}

/*GOOGLE SEARCH*/
.searchframe {position:absolute;right:10px;top:10px;z-index:999}
.searchframe input {font-size:12px}
.searchframe p {font-size:11px}