/* body */
body { background: url(./images/layout/frame_bg.png) repeat-x; margin: 0; padding: 0; overflow: hidden; }
div, span, h1, a, body { font-family: Arial, sans-serif; }

/* frame content */
div#frame { width: 1020px; position: relative; left: 50%; margin-left: -500px; margin-top: 0;}

/* logo */
img#logo { width: 238px; height: 50px; margin-top: 24px; float: left; }

/* description */
div#description { width: 450px; height: 65px; margin: 15px 20px 0 20px; font-size: 8pt; color: #212121; line-height: 150%; overflow: hidden; float: left; }
div#description h1 { margin: 0 0 1px 0; font-size: 11pt; font-weight: bold; color: #d13211; }
div#description a { color: #212121; font-style: italic; text-decoration: none; }
div#description a:hover { color: #d13211; font-style: italic; text-decoration: none; }

/* code box */
div#code-container { width: 292px; height: 93px; margin: 0px; background: url(./images/layout/frame_code.png) repeat-x; float: left; }
div#code-title { width: 292px; margin-top: 14px; font-size: 14pt; color: #cccccc; text-align: center; float: left; }
div#code { width: 292px; height: 22px; margin: 0px; font-size: 14pt; color: #ffffff; text-align: center; float: left; }
div#code-works { width: 292px; margin-top: 8px; color: #d6d6d6; font-size: 8pt; text-align: center; float: left; }
div#code-works a { font-size: 8pt; font-weight: bold; text-decoration: none; }
div#code-works a:hover { text-decoration: underline; }
div#code-works a#yes { color: #b4ff00; }
div#code-works a#no { color: #ff0000; }