EVOLUTION-NINJA

Edit File: lp10.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />

<title>{page_title}</title>

<style type="text/css">
  body {
        background-color: #{body_background_color};
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        background-image: url();
        background-position: center 2px;
  }
  #wrapper {
        height: 550px;
        width: 750px;
        margin-right: auto;
        margin-left: auto;
        margin-top:0px;
        background-image: url({image_img});
        background-repeat: no-repeat;
        background-position: -30px top;
        margin-top: 2px;
        background-color: #FFF;
        position: relative;
        z-index: 1;
        border: 2px solid #FFF;
  }
  #content {
        height: 500px;
        width: 750px;
        margin-right: auto;
        margin-left: auto;
        background-image: url({base_url}/images/lp10_shadign.png);
        background-repeat: repeat-x;
        background-position: center top;
        padding: 0px;
        position: relative;
        z-index: 2;
  }
  #top {
        background-image: url({base_url}/images/lp10_shadow.png);
        background-repeat: no-repeat;
        background-position: center top;
        position: relative;
        height: 20px;
        width: 100%;
        z-index: 9999;
        margin-top: -550px;
  }
  #left {
        width: 400px;
        height: 500px;
  }
  #right {
        height: 460px;
        width: 310px;
        padding: 20px;
        float: right;
        background-image: url({base_url}/images/lp10_text-bg.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        position: absolute;
        z-index: 5;
        left: 400px;
  }
  #footer {
        height: 30px;
        width: 710px;
        background-color:#{footer_background_color};
        padding-top: 10px;
        padding-right: 20px;
        padding-bottom: 10px;
        padding-left: 20px;
        background-image: url({base_url}/images/lp10_footer-shadow.png);
        background-repeat: no-repeat;
        background-position: 200px top;
  }
  h1 {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 36px;
        margin-top: 10px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 20px;
        color: #{left_heading_text_color};
  }
  #header {
        height: 450px;
        width: 100%;
        position: absolute;
        margin: 0px;
        left: 0px;
        top: 0px;
        background-image: url({base_url}/images/lp10_shadign.png);
        background-repeat: repeat-x;
        background-position: center top;
        z-index: 1;
  }
  #blue-box {
        height: 210px;
        width: 360px;
        background-color: #{footer_background_color};
        position:absolute;
        z-index:2;
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        margin: 0px;
        top: 250px;
        left: 0px;
        background-image: url({base_url}/images/lp10_blue-bg.png);
        background-repeat: no-repeat;
        background-position: right bottom;
  }
  p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        padding: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        margin-left: 0px;
        line-height: 20px;
        color: #{body_text_color};
  }
  h2 {
        padding: 0px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #{left_sub_heading_text_color};
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        margin-left: 0px;
  }
  h4 {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #{right_header_color};
        margin: 0px;
        font-weight: bold;
        font-size: 19px;
  }
  .button:link {
        padding-top: 20px;
        padding-right: 40px;
        padding-bottom: 20px;
        padding-left: 40px;
        background-color: #{button_background_color};
        font-family: Verdana, Geneva, sans-serif;
        font-size: 36px;
        font-weight: bold;
        color: #FFF;
        text-decoration: none;
        line-height: 36px;
        border: 3px solid #{button_background_color};
        background-image: url({base_url}/images/lp10_BUTTON-BG.png);
        background-repeat: no-repeat;
        background-position: left bottom;
  }
  .button:hover {
        padding-top: 20px;
        padding-right: 40px;
        padding-bottom: 20px;
        padding-left: 40px;
        background-color: #C00;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 36px;
        font-weight: bold;
        color: #FFF;
        text-decoration: none;
        line-height: 36px;
        border: 3px solid #c00;
        background-image: url({base_url}/images/lp10_BUTTON-BG.png);
        background-repeat: no-repeat;
        background-position: left bottom;
  }
  .button:active {
        padding-top: 20px;
        padding-right: 40px;
        padding-bottom: 20px;
        padding-left: 40px;
        background-color: #{button_background_color};
        font-family: Verdana, Geneva, sans-serif;
        font-size: 36px;
        font-weight: bold;
        color: #FFF;
        text-decoration: none;
        line-height: 36px;
        border: 3px solid #{button_background_color};
        background-image: url({base_url}/images/lp10_BUTTON-BG.png);
        background-repeat: no-repeat;
        background-position: left bottom;
  }
  .button:visited {
        padding-top: 20px;
        padding-right: 40px;
        padding-bottom: 20px;
        padding-left: 40px;
        background-color: #{button_background_color};
        font-family: Verdana, Geneva, sans-serif;
        font-size: 36px;
        font-weight: bold;
        color: #FFF;
        text-decoration: none;
        line-height: 36px;
        border: 3px solid #{button_background_color};
        background-image: url({base_url}/images/lp10_BUTTON-BG.png);
        background-repeat: no-repeat;
        background-position: left bottom;
  }
  .black {
        color: #{right_description_text_color};
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
  }

ul li {
        list-style-image: url({base_url}/images/lp10_83dhkmxaj.png);
        list-style-position: outside;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 18px;
        color: #333;
  }
  h3
  {
        background-image: url({base_url}/images/lp10_83dhkmxaj.png);
        background-repeat:no-repeat;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 18px;
        color: #{bullet_text_color};
        text-indent: 36px;
        font-weight:normal;
  }
  .footer-text {
        color:#{footer_text_color};
        font-size: 12px;
  }
  .footer:link {
        color:#c1color;
        font-size: 12px;
  }
  .footer:hover {
        color:#{footer_text_color};
        text-decoration:none;
        font-size: 12px;
  }
  .footer:active {
        color:#{footer_text_color};
        font-size: 12px;
  }
  .footer:visited {
        color:#{footer_text_color};
        font-size: 12px;
  }
  </style>
</head>

<body>
  <div id="wrapper">
    <div id="right">
      <h4>{right_header}</h4>

<p class="black"><br />
      {right_description_text_txtarea}</p>

<h3>{bullet}</h3>

<h3>{bullet2}</h3>

<h3>{bullet3}</h3>

<h3>{bullet4}</h3>

<h3>{bullet5}</h3>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p align="center"><a href="{action_url}" style=
      "color:#{button_text_color}" class="button">{button_text}</a></p>
    </div>

<div id="left">
      <div id="header">
        <h1>{left_heading_text}</h1>
      </div>

<div id="blue-box">
        <h2>{left_sub_heading_text}</h2>

<p>{left_sub_description_text_txtarea}</p>
      </div>
    </div>

<div id="footer">
      <p align="right" class="footer-text">{copyright_text} {your_website_text}</p>
    </div>
  </div>
</body>
</html>