/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
/* GLOBAL */
html { margin:0; padding:0; height:100%; background:no-repeat center top url(images/bg_leaf.png); }
body { padding: 0px; margin: 0px; width: 100%; background: repeat-x center bottom url(images/bg_grad_3.png); height: 100%; }
a { font-style:normal; font-weight:normal; text-decoration:none; color:#1986ff; }
/* to remove the link highlight in firefox & opera */
img { border-width:0 }
/* HEADER */
/* header wrapper */
#header { padding-top:84px; margin-right:auto; margin-left:auto; height:35px; width:870px; }
/* octotrade header logo */
#logo { float:left; background:no-repeat url(images/logo_old.gif); height:38px; width:204px; }
/* language switching buttons */
#language-switch-en { margin-top:10px; background:-5px -4px no-repeat url(images/language_switch.gif); float:right; width:134px; height:15px; }
#language-switch-jp { margin-top:10px; background:-5px -27px no-repeat url(images/language_switch.gif); float:right; width:134px; height:15px; }
/* MENU */
#menu-sides { margin-top:10px; background:repeat-x url(images/menu_sides.png); height:55px; width:auto; }
#menu { border-bottom-color:#4bbe00; border-bottom-style:solid; border-bottom-width:5px; margin-right:auto; margin-left:auto; width:870px; height:50px; background-color:black; }
/* english buttons */
#button-en-what { float:left; border-right:white solid 1px; background:-4px -12px url(images/menu.png); width:170px; height:50px; }
#button-en-who { float:left; border-right:white solid 1px; background:-182px -12px url(images/menu.png); width:170px; height:50px; }
#button-en-news { float:left; border-right:white solid 1px; background:-377px -12px url(images/menu.png); width:170px; height:50px; }
#button-en-contact { float:left; border-right:white solid 1px; background:-572px -12px url(images/menu.png); width:170px; height:50px; }
/* japanese buttons */
#button-jp-what { float:left; border-right:white solid 1px; background:16px -63px url(images/menu.png); width:170px; height:50px; }
#button-jp-who { float:left; border-right:white solid 1px; background:-142px -63px url(images/menu.png); width:170px; height:50px;}
#button-jp-news { float:left; border-right:white solid 1px; background:-302px -63px url(images/menu.png); width:170px; height:50px; }
#button-jp-contact { float:left; border-right:white solid 1px; background:-474px -63px url(images/menu.png); width:170px; height:50px ;}
/* active button green highlight */
.button-green { float:left; background-color:#4bbe00; }
/* CONTENT */
/* content wrapper */
#content { background-color: white; padding:20px 10px 10px 10px; margin-right:auto; margin-left:auto; width:870px; }
.content-header { min-height: 200px; width: 870px; }
.content-image { float: right }
h1,h2,h3,h4,h5,h6 { font-family:"Helvatica Neue", Helvetica, Verdana, Arial, sans-serif; }
h1 { margin-bottom:5px; text-transform:uppercase; font-size:16px; font-family:Helvetica, Verdana, Arial, sans-serif; font-weight:bold; }
h2 { text-align:justify; text-shadow:0 0 1px #e6e6e6; color:gray; font-size:13px; font-style:normal; font-weight:normal; }
h3 { margin-bottom:10px; text-shadow:0 0 1px #e6e6e6; color:gray; font-size:15px; font-style:normal; font-weight:normal; }
h4 { text-shadow:0 0 1px #e6e6e6; color:gray; font-size:15px; font-style:normal; font-weight:normal; }
h5 { margin-top: 50px; font-size: 20px; text-decoration:none; color:#4bbe00; font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif }
h6 { font-style:normal; font-weight:normal; font-size: 13px; color:#666666; font-family:Helvetica, Verdana, Arial, sans-serif; }
/* separators */
.separator-thick { background-color:#cccccc; margin-bottom:10px; margin-top:10px; height:5px; width:100%; }
.separator-thin { background-color:#cccccc; margin-bottom:10px; margin-top:10px; height:1px; width:100% }
/* TEAM THUMBNAILS */
.team-wrapper {height: 130px; margin-left: -10px; width: 880px;}
.team-thumbnail {font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; margin-left: 10px; float: left; height: 150px; width: 100px;}
.team-thumbnail img {padding-bottom: 5px}
/* SHOPS */
.shops-wrap { height: 110px; width: auto; margin-left:-10px }
.individual-shop { margin-left: 10px; height: auto; width: 166px; }
/* CONTENT TABS */
.tab-wrapper { border-bottom-color: #b3b3b3; border-bottom-style: solid; border-bottom-width: 1px; padding-top:0; font-size:12px; text-transform:uppercase; font-family:Helvetica, Verdana, Arial, sans-serif; padding-right:10px; padding-left:10px; margin-bottom:10px; width:auto; height:20px; }
.tab-active {
border-left-color: #b3b3b3; border-bottom-color: white; border-right-color: #b3b3b3; border-top-color: #b3b3b3; border-width: 1px; border-style: solid; font-weight:bold; color:#333333; padding-top:4px; width:auto; height:15px; float:left; padding-right:10px; padding-left:10px; }
.tab-inactive { font-weight:bold; color:#666666; padding-top:5px; width:auto; float:left; padding-right:10px; padding-left:10px; height:15px; }
/* WORDPRESS CONTENT STYLES */
.content-news { color:#4c4c4c; font-size:12px; font-family:Helvetica, Verdana, Arial, sans-serif;width:500px; }
.news-wrap { width: 522px; margin-top: 20px; margin-bottom: 20px; }
/* 5 PART VERTICAL DIVISION */
.c15 { width:174px; }
.c25 { width:338px; }
.c35 { float: right; width:522px; }
.c45 { width:696px; }
h6 img { margin-left: -4px; margin-top: 10px; padding: 3px; border-color: #e6e6e6; border-style: solid; border-width: 1px; }
h6 p { margin-bottom: 15px; }