* {border: 0px; padding: 0px; margin: 0px}

body {font-family: verdana, tahoma, "liberation mono", arial, helvetica, sans-serif; font-size: 16px; color: #000; background: url(pic/main-bg.png) repeat top left transparent}

a {font-weight: bold; text-decoration: underline}
a:link, a:visited  {color: #000}
a:hover {color: #ff9900; text-shadow: 1px 1px 1px #555}
a:active {text-shadow: none; color: #000}

div#page {width: 980px; margin: 0px auto; padding: 0; position: relative}

div#header {margin-top: 10px; height: 200px; background: url(pic/head-bg.png) no-repeat top right}
div#headleft {display: table-cell; width: 390px; height: 190px; padding: 5px; vertical-align: bottom; text-align: left; background: url(pic/logo.png) no-repeat 40px 40px; font-size: 14px; color: #b36b00}
p#firmname {font-size: 40px}
p#firminfo {font-style: italic}

div#headrightbg {position: absolute; left: 402px; top: 125px; width: 578px; height: 75px; border-radius: 0 0 10px 10px; opacity: 0.8; background-color: #ffe6bf}
div#headright {position: absolute; left: 402px; top: 125px; width: 578px; padding: 5px; font-weight: bold}
div#headright p span {display: inline-block; width: 100px; text-align: right; font-weight: normal; text-shadow: 0 0 1px #bbb}
div#mainmenu {margin-top: 5px; padding: 5px 0; border-top: 1px dotted #b36b00; border-bottom: 1px dotted #b36b00; text-align: center}
ul#menu {display: block; list-style-type: none}

ul#menu li {display: inline-block; margin: 1px 2px; border: 1px solid #b36b00; vertical-align: middle; font-size: 14px; letter-spacing: 1px}
ul#menu li a {display: inline-block; padding: 0 20px; vertical-align: middle; font-size: 14px; letter-spacing: 1px; background: url(pic/menu_btn_bg.jpg) repeat top left transparent}

ul#menu li span {display: inline-block; padding: 2px 4px; border-left: 1px solid #b36b00; border-right: 1px solid #b36b00; background-color: #fff}

/*
#ff9900
#b36b00
#ffe6bf
#ffcc80
*/

div#content {padding: 10px}
div#content h1 {padding-left: 30px; font-size: 32px; font-style: italic; color: #b36b00}
div#content p {margin: 8px; text-align: justify; text-indent: 20px}
  img.mainpreview {margin: 5px}
  div#content p.price {font-size: 24px; color: #b36b00}
div#content hr {margin: 10px 0; border: 1px dotted #b36b00}
div#content span.caption {font-weight: bold}

div#footer {margin-top: 5px; padding: 5px 0; border-top: 1px dotted #b36b00; text-align: center; font-size: 12px}
  p#copytext {display: block; padding: 2px; background-color: #b36b00; color: #fff}
  p#copytext span {font-size: 14px}