<!doctype html>
<html>
    <head><meta name="viewport" content="width=device-width" /><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	    <title>[SUBJECT]</title>
	    <style type="text/css">/* -------------------------------------
              GLOBAL RESETS
          ------------------------------------- */
          
          /*All the styling goes here*/
          
          img {
            border: none;
            -ms-interpolation-mode: bicubic;
            max-width: 100%;
          }
        
          /* -------------------------------------
              BODY & CONTAINER
          ------------------------------------- */
          .body {
            background-color: #f6f6f6;
            width: 100%;
          }
          /* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
          .templatecontainer {
            display: block;
            margin: 0 auto !important;
            /* makes it centered */
            max-width: 580px;
            padding: 10px;
            width: 580px;
          }
          .logo {
          padding-bottom: 10px;
          }
          
          /* This should also be a block element, so that it will fill 100% of the .container */
          .templatecontent {
            box-sizing: border-box;
            display: block;
            margin: 0 auto;
            max-width: 580px;
            padding: 10px;
          }
          /* -------------------------------------
              HEADER, FOOTER, MAIN
          ------------------------------------- */
          .main {
            background: #ffffff;
            border-radius: 3px;
            width: 100%;
          }
          .wrapper {
            box-sizing: border-box;
            padding: 20px;
          }
          .templatecontent-block {
            padding-bottom: 10px;
            padding-top: 10px;
          }
          .footer {
            clear: both;
            margin-top: 10px;
            text-align: center;
            width: 100%;
          }
            .footer td,
            .footer p,
            .footer span,
            .footer a {
              color: #999999;
              font-size: 12px;
              text-align: center;
          }
          /* -------------------------------------
              TYPOGRAPHY
          ------------------------------------- */
          h1,
          h2,
          h3,
          h4 {
            color: #000000;
            font-family: sans-serif;
            font-weight: 400;
            line-height: 1.4;
            margin: 0;
            margin-bottom: 30px;
          }
          h1 {
            font-size: 35px;
            font-weight: 300;
            text-align: center;
            text-transform: capitalize;
          }
          p,
          ul,
          ol {
            font-family: sans-serif;
            font-size: 14px;
            font-weight: normal;
            margin: 0;
            margin-bottom: 15px;
          }
            p li,
            ul li,
            ol li {
              list-style-position: inside;
              margin-left: 5px;
          }
          /* -------------------------------------
              BUTTONS
          ------------------------------------- */
          .templatebtn {
            box-sizing: border-box;
            width: 100%; }
            .templatebtn > tbody > tr > td {
              padding-bottom: 15px; }
            .templatebtn table {
              width: auto;
          }
            .templatebtn table td {
              background-color: #ffffff;
              border-radius: 5px;
              text-align: center;
          }
            .templatebtn a {
              background-color: #ffffff;
              border: solid 1px #3498db;
              border-radius: 5px;
              box-sizing: border-box;
              color: #3498db;
              cursor: pointer;
              display: inline-block;
              font-size: 14px;
              font-weight: bold;
              margin: 0;
              padding: 12px 25px;
              text-decoration: none;
              text-transform: capitalize;
          }
          .templatebtn-primary table td {
            background-color: #3498db;
          }
          .templatebtn-primary a {
            background-color: #3498db;
            border-color: #3498db;
            color: #ffffff;
          }
          /* -------------------------------------
              OTHER STYLES THAT MIGHT BE USEFUL
          ------------------------------------- */
          .last {
            margin-bottom: 0;
          }
          .first {
            margin-top: 0;
          }
          .align-center {
            text-align: center;
          }
          .align-right {
            text-align: right;
          }
          .align-left {
            text-align: left;
          }
          .clear {
            clear: both;
          }
          .mt0 {
            margin-top: 0;
          }
          .mb0 {
            margin-bottom: 0;
          }
          .preheader {
            color: transparent;
            display: none;
            height: 0;
            max-height: 0;
            max-width: 0;
            opacity: 0;
            overflow: hidden;
            mso-hide: all;
            visibility: hidden;
            width: 0;
          }
          .powered-by a {
            text-decoration: none;
          }
          hr {
            border: 0;
            border-bottom: 1px solid #f6f6f6;
            margin: 20px 0;
          }
          /* -------------------------------------
              RESPONSIVE AND MOBILE FRIENDLY STYLES
          ------------------------------------- */
          @media only screen and (max-width: 620px) {
            table[class=body] h1 {
              font-size: 28px !important;
              margin-bottom: 10px !important;
            }
            table[class=body] p,
            table[class=body] ul,
            table[class=body] ol,
            table[class=body] td,
            table[class=body] span,
            table[class=body] a {
              font-size: 16px !important;
            }
            table[class=body] .wrapper,
            table[class=body] .article {
              padding: 10px !important;
            }
            table[class=body] .templatecontent {
              padding: 0 !important;
            }
            table[class=body] .templatecontainer {
              padding: 0 !important;
              width: 100% !important;
            }
            table[class=body] .main {
              border-left-width: 0 !important;
              border-radius: 0 !important;
              border-right-width: 0 !important;
            }
            table[class=body] .templatebtn table {
              width: 100% !important;
            }
            table[class=body] .templatebtn a {
              width: 100% !important;
            }
            table[class=body] .img-responsive {
              height: auto !important;
              max-width: 100% !important;
              width: auto !important;
            }
          }
          /* -------------------------------------
              PRESERVE THESE STYLES IN THE HEAD
          ------------------------------------- */
          @media all {
            .ExternalClass {
              width: 100%;
            }
            .ExternalClass,
            .ExternalClass p,
            .ExternalClass span,
            .ExternalClass font,
            .ExternalClass td,
            .ExternalClass div {
              line-height: 100%;
            }
            .apple-link a {
              font-family: inherit !important;
              font-size: inherit !important;
              font-weight: bold !important;
              line-height: inherit !important;
            }
            .templatebtn-primary table td:hover {
              background-color: #34495e !important;
            }
            .templatebtn-primary a:hover {
              background-color: #34495e !important;
              border-color: #34495e !important;
            }
          }
	    </style>
    </head>
    <body style=" background-color: #f6f6f6;font-family: sans-serif;-webkit-font-smoothing: antialiased;font-size: 14px;line-height: 1.4;margin: 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
    <p>&nbsp;</p>

    <table border="0" cellpadding="0" cellspacing="0" class="body" role="presentation" style="border-collapse: separate;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 100%;">
	    <tbody>
		    <tr>
			    <td style="font-family: sans-serif;font-size: 14px;vertical-align: top;">&nbsp;</td>
			    <td class="container" style="font-family: sans-serif;font-size: 14px;vertical-align: top;">
			    <div class="templatecontent">
			    <div class="logo">
			    <center><img src="[LOGO]" /></center>
			    </div>
			    <!-- START CENTERED WHITE CONTAINER -->

			    <table class="main" role="presentation" style="border-collapse: separate;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 100%;"><!-- START MAIN CONTENT AREA -->
				    <tbody>
					    <tr>
						    <td class="wrapper" style="font-family: sans-serif;font-size: 14px;vertical-align: top;">
						    <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: separate;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 100%;">
							    <tbody>
								    <tr>
									    <td style="font-family: sans-serif;font-size: 14px;vertical-align: top;">
                                            <span class="preheader">This is preheader text. Some clients will show this text as a preview.</span>
                                            [CONTENT]
                                        </td>
								    </tr>
							    </tbody>
						    </table>
						    </td>
					    </tr>
					    <!-- END MAIN CONTENT AREA -->
				    </tbody>
			    </table>
			    <!-- START FOOTER -->

			    <div class="footer">
			    <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: separate;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 100%;">
				    <tbody>
					    <tr>
						   <td class="templatecontent-block" style="font-family: sans-serif;font-size: 13px;vertical-align: top;">
                                                    <span class="apple-link">[FOOTER]</span>
						    <div>
                                <div style="color: #3498db; text-decoration: underline;">[CONTACT]</div>|<div>  
                                <a href="[FORWARDURL]" style="color: #3498db; text-decoration: underline;">Forward this message</a></div>
                                                    </div>
						    </td>
					    </tr>
				    </tbody>
			    </table>
			    </div>
			    <!-- END FOOTER --><!-- END CENTERED WHITE CONTAINER --></div>
			    </td>
			    <td>&nbsp;</td>
		    </tr>
	    </tbody>
    </table>
    </body>
</html>