* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  font-size: 1em;
  font-weight: normal;
  text-align: left;
  line-height: 1; }

body, html {
  width: 100%;
  height: 100%;
  background: url('/images/bg_grad.gif');
  background-repeat: repeat-y;
  background-position: center;
  background-color: #000000;
  color: #CCCCCC;
  font-family: Arial, sans-serif;
  font-size: 14px; }

.clearer {
  float: none;
  clear: both;
  line-height: 0;
  height: 0;
  font-size: 0;
  width: 100%;
  display: block; }

#wrap {
  width: 940px;
  margin: 20px auto 0 auto;
  position: relative;
  overflow: hidden; }

.text-replace {
  overflow: hidden;
  display: block;
  position: relative; }
  .text-replace a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100; }
    .text-replace a * {
      cursor: pointer; }
  .text-replace span {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background-position: top left;
    background-repeat: no-repeat; }

a {
  color: #CCCCCC;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

#logo {
  width: 140px;
  height: 140px;
  float: left; }
  #logo span {
    background-image: url('/images/logo_large.gif'); }

#preview {
  float: right;
  width: 780px;
  background: url('/images/reflections-green.jpg') bottom right no-repeat; }
  #preview #swf-holder {
    width: 780px;
    height: 341px;
    margin-bottom: 20px; }
  #preview #swf {
    background-image: url('/images/preview_panel.gif'); }
  #preview #banner {
    width: 780px;
    height: 50px;
    margin-bottom: 46px; }
  #preview #banner-swf a {
    margin: 0;
    border: 0;
    padding: 0;
    outline: 0; }
    #preview #banner-swf a img {
      margin: 0;
      border: 0;
      padding: 0;
      outline: 0; }

#nav {
  list-style: none;
  width: 140px;
  font-size: 14px;
  letter-spacing: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 47px;
  background: url('/images/reflections.jpg') bottom left no-repeat;
  float: left;
  border-top: 1px solid #1a1a1a; }
  #nav li {
    padding: 10px 10px 10px 30px;
    border-bottom: 1px solid #1a1a1a;
    background-color: #111111;
    background-position: 8px center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden; }
  #nav #nav-buy-now {
    background-image: url('/images/nav/nav_icon_paypal.gif'); }
  #nav #nav-documentation {
    background-image: url('/images/nav/nav_icon_doc.gif'); }
  #nav #nav-tutorials {
    background-image: url('/images/nav/nav_icon_yt.gif'); }
  #nav #nav-preset-packs {
    background-image: url('/images/nav/nav_icon_preset.gif'); }
  #nav #nav-twitter {
    background-image: url('/images/nav/nav_icon_twitter.gif'); }
  #nav #nav-forum {
    background-image: url('/images/nav/nav_icon_feedback.gif'); }
  #nav form {
    position: absolute;
    top: 0;
    left: 0; }

#content {
  width: 960px;
  position: relative;
  float: none;
  margin-bottom: 20px;
  clear: both; }
  #content .column {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    display: inline;
    overflow: hidden;
    width: 300px;
    background: url('/images/info_box_bg.gif') top left repeat-x; }
    #content .column.wide {
      width: 620px; }
      #content .column.wide h2 {
        background-image: url('/images/title_underline_wide.gif'); }
    #content .column h2 {
      font-size: 20px;
      font-family: 'Trebuchet MS', sans-serif;
      padding: 15px 15px 8px 15px;
      background: url('/images/title_underline.gif') bottom left no-repeat; }
    #content .column p {
      color: #a0a0a0;
      padding: 15px;
      letter-spacing: 1px;
      line-height: 1.3; }
      #content .column p span {
        font-size: 16px;
        color: #55d400; }
    #content .column a {
      color: #f48020; }
    #content .column #flashden {
      width: 260px;
      height: 57px;
      margin-left: 20px; }
      #content .column #flashden span {
        background-image: url('/images/flashden_link.gif'); }
    #content .column ul {
      list-style-type: disc;
      list-style-position: outside;
      padding: 0 15px 0 15px; }
      #content .column ul li {
        margin: 0 0 5px 20px; }
  #content #feedback {
    float: left;
    display: inline;
    width: 300px;
    background: url('/images/feedback_bg.gif') top left no-repeat;
    text-align: right;
    border-bottom: 1px solid #1a1a1a;
    padding-bottom: 20px;
    overflow: hidden; }
    #content #feedback h2 {
      width: 300px;
      padding: 10px 10px 8px 30px;
      background-position: 8px center;
      background-repeat: no-repeat;
      background-image: url('/images/nav/nav_icon_feedback.gif');
      font-size: 16px;
      letter-spacing: 0;
      float: left;
      margin-bottom: 30px; }
    #content #feedback q {
      padding-left: 15px;
      padding-right: 15px;
      margin-bottom: 30px;
      display: block;
      font-family: "Times New Roman", Times, serif;
      font-size: 28px;
      font-style: italic;
      text-align: center; }
    #content #feedback span {
      color: #A0A0A0;
      padding-right: 30px; }

#footer {
  width: 939px;
  height: 45px;
  background: url('/images/footer_bg.gif');
  background-repeat: no-repeat;
  margin: 0 auto 0 auto;
  padding-top: 15px;
  color: #222222;
  font-size: 0.8em; }