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

body {text-align:center; background-color: #dfe1cc; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}

#wrapper {margin-right:auto; margin-left:auto; margin-top:auto; width:764px; display:table; height:auto;}

#subwrap {width: 764px; height: 398px; display:inline table;}

#header {width: 764px; height:157px;}

#lft_div {width: 11px; height: 398px; background-color:#d4cccd; float: left; margin-top:10px;}

#rt_div {width: 11px; height: 398px; background-color:#d4cccd; float: left; margin-top:10px; margin-left:10px;}

#nav {width: 183px; height:398px; margin-left:11px; margin-top:10px; float: left;}


#home {  display: block;  width: 183px;  height: 35px;  background: url(../images/home.jpg) no-repeat 0 0;}
#home:hover{ background: url(../images/home_over.jpg) no-repeat 0 0;}
#home span{  display: none;}

#about { display: block;  width: 183px;  height: 35px;  background: url(../images/about.jpg) no-repeat 0 0; margin-top:5px;}
#about:hover{ background: url(../images/about_over.jpg) no-repeat 0 0;}
#about span{  display: none;}

#line { display: block;  width: 183px;  height: 36px;  background: url(../images/linecard.jpg) no-repeat 0 0; margin-top:5px;}
#line:hover{ background: url(../images/linecard_over.jpg) no-repeat 0 0;}
#line span{  display: none;}

#order{ display: block;  width: 183px;  height: 36px;  background: url(../images/ordering.jpg) no-repeat 0 0; margin-top:5px;}
#order:hover{ background: url(../images/ordering_over.jpg) no-repeat 0 0;}
#order span{  display: none;}

#wholesale{ display: block;  width: 183px;  height: 35px;  background: url(../images/wholesale.jpg) no-repeat 0 0; margin-top:5px;}
#wholesale:hover{ background: url(../images/wholesale_over.jpg) no-repeat 0 0;}
#wholesale span{  display: none;}

#request{ display: block;  width: 183px;  height: 35px;  background: url(../images/request.jpg) no-repeat 0 0; margin-top:5px;}
#request:hover{ background: url(../images/request_over.jpg) no-repeat 0 0;}
#request span{  display: none;}

#employee{ display: block;  width: 183px;  height: 35px;  background: url(../images/employee.jpg) no-repeat 0 0; margin-top:5px;}
#employee:hover{ background: url(../images/employee_over.jpg) no-repeat 0 0;}
#employee span{  display: none;}

#industry{ display: block;  width: 183px;  height: 35px;  background: url(../images/industry.jpg) no-repeat 0 0; margin-top:5px;}
#industry:hover{ background: url(../images/industry_over.jpg) no-repeat 0 0;}
#industry span{  display: none;}

#award{ display: block;  width: 183px;  height: 35px;  background: url(../images/award.jpg) no-repeat 0 0; margin-top:5px;}
#award:hover{ background: url(../images/award_over.jpg) no-repeat 0 0;}
#award span{  display: none;}

#contact{ display: block;  width: 183px;  height: 35px;  background: url(../images/contact.jpg) no-repeat 0 0; margin-top:5px;}
#contact:hover{ background: url(../images/contact_over.jpg) no-repeat 0 0;}
#contact span{  display: none;}




#hpcontent {width: 296px; height:401px; margin-left:5px; margin-top:10px; float: left; background-color:#886f3b;}

#subcontent {width: 513px; min-height:381px; margin-left:5px; margin-top:10px; float: left; padding:10px; background-color:#886f3b; display:table; text-align:left;}

#top_content {width: 296px; height:290px; background-color:#886f3b;}

#slideshow {width: 278px; height:272px; padding:9px;}

#btm_content {width: 296px; height:111px; background-color:#322628;}

#hp_text {width: 281px; height:94px; padding:8px; text-align:left;}

.h1 {text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff;}

.title {text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#e5e5e5; letter-spacing:3px;}

.h2 {text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#ffffff;}

.h2 a:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-decoration:none; color:#ffffff; font-weight: bold;}
.h2 a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-decoration:none; color:#ffffff; font-weight: bold;}
.h2 a:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-decoration:none; color:#ffffff; text-decoration:underline; font-weight: bold;}
.h2 a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-decoration:none; color:#ffffff; text-decoration:underline; font-weight: bold;}

.h3 {text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#ffffff; font-weight:bold;}

#rthp_content {width: 232px; height:401px; margin-left:5px; margin-top:10px; float: left;}

#online_orderhp{width: 223px; height:188px; background-image:url(../images/online_bg.jpg); background-repeat:no-repeat; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:5px}

#hda {width: 223px; height:188px; background-image:url(../images/hdabg.jpg); margin-top:5px; background-repeat:no-repeat; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:5px}


div.footer {width:724px; height:43px; background-image:url(../images/footerbg.gif); background-repeat:repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none; color:#ffffff; padding:20px; float:left; margin-top:18px;}

.footer a:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none; color:#ffffff;}
.footer a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none; color:#ffffff;}
.footer a:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none; color:#ffffff; text-decoration:underline;}
.footer a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none; color:#ffffff; text-decoration:underline;}

li {color:#FFFFFF;}