Snow Bunny Template Mobile Phone Rendering

Anonymous
Not applicable

Snow Bunny Template Mobile Phone Rendering

Hi we put in a jpeg that has the Marketo recommended specifications into the Snow Bunny template  Hero Section. But on the mobile rendering it's cutting out the person in the photo. Any suggestions on how to fix this problem? Will Marketo let you upload one photo for desktop and a separate one for mobile?

Thanks for your help!

Tags (1)
7 REPLIES 7
Anonymous
Not applicable

Re: Snow Bunny Template Mobile Phone Rendering

Josh Hill

Any thoughts on this? Or any developers you know to direct us to?

Frank_Breen2
Level 10

Re: Snow Bunny Template Mobile Phone Rendering

Please share the code so we can debug and give a solution.

Anonymous
Not applicable

Re: Snow Bunny Template Mobile Phone Rendering

Brittany Brown​ can you past the code here

Anonymous
Not applicable

Re: Snow Bunny Template Mobile Phone Rendering

<!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" style="width: 100%;">

  <head>

    <!-- Marketo Variable Definitions -->

    <meta class="mktoColor" id="emailBackgroundColor" mktoname="Email Background Color" default="#eaeaea" mktomodulescope="false" />

    <meta class="mktoColor" id="blankSpaceBackgroundColor" mktoname="Module Background" default="#f2f2f5" mktomodulescope="true" />

    <meta class="mktoNumber" id="blankSpaceSpacer" mktoname="Top Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="headerBackgroundColor" mktoname="Module Background" default="#215fa3" mktomodulescope="true" />

    <meta class="mktoNumber" id="headerSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="headerSpacer2" mktoname="Spacer Below Right Image" default="8" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="headerSpacer3" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="headerBorderColor" mktoname="Module Border Border Color" default="#215fa3" />

    <meta class="mktoNumber" id="headerBorderSize" mktoname="Module Border Border Width" default="7" min="0" max="20" units="px" step="1" />

    <meta class="mktoImg" id="heroBackgroundImage" mktoname="Background Image" default="http://templates.marketo.net/newsletter8/bg-hero.jpg" mktomodulescope="true" />

    <meta class="mktoColor" id="heroBackgroundColor" mktoname="Module Background" default="#333333" mktomodulescope="true" />

    <meta class="mktoColor" id="heroButtonBackgroundColor" mktoname="Button Background Color" default="#ff9000" mktomodulescope="true" />

    <meta class="mktoColor" id="heroBorderColor" mktoname="Button Border Color" default="#ff9000" mktomodulescope="true" />

    <meta class="mktoNumber" id="heroBorderSize" mktoname="Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoString" id="heroLinkText" mktoname="Button Text" default="DISCOVER" mktomodulescope="true" />

    <meta class="mktoString" id="heroLink" mktoname="Button Link" default="http://mylink" mktomodulescope="true" />

    <meta class="mktoColor" id="threeArticlesBackgroundColor" mktoname="Module Background" default="#efeef4" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesSpacer" mktoname="Top Spacer" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="threeArticlesBorderColor" mktoname="Left Box Border Border Color" default="#e4e4e4" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesBorderSize" mktoname="Left Box Border Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="threeArticlesBackgroundColor2" mktoname="Left Box Background" default="#FFFFFF" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesSpacer2" mktoname="Spacer Below Left Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesSpacer3" mktoname="Spacer Below Left Date" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesSpacer4" mktoname="Spacer Below Left Title" default="25" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesSpacer5" mktoname="Spacer Below Left Text" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="threeArticlesButtonBackgroundColor" mktoname="Left Button Background Color" default="#ff9000" mktomodulescope="true" />

    <meta class="mktoColor" id="threeArticlesBorderColor2" mktoname="Left Button Border Color" default="#ff9000" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesBorderSize2" mktoname="Left Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesSpacer6" mktoname="Spacer Below Left Button" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="threeArticlesBorderColor3" mktoname="Center Box Border Border Color" default="#e4e4e4" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesBorderSize3" mktoname="Center Box Border Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="threeArticlesBackgroundColor4" mktoname="Center Box Background" default="#FFFFFF" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesSpacer7" mktoname="Spacer Below Center Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesSpacer8" mktoname="Spacer Below Center Date" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesSpacer9" mktoname="Spacer Below Center Title" default="25" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesSpacer10" mktoname="Spacer Below Center Text" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="threeArticlesButtonBackgroundColor2" mktoname="Center Button Background Color" default="#ff9000" mktomodulescope="true" />

    <meta class="mktoColor" id="threeArticlesBorderColor4" mktoname="Center Button Border Color" default="#ff9000" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesBorderSize4" mktoname="Center Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesSpacer11" mktoname="Spacer Below Center Button" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="threeArticlesBorderColor5" mktoname="Right Box Border Border Color" default="#e4e4e4" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesBorderSize5" mktoname="Right Box Border Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="threeArticlesBackgroundColor6" mktoname="Right Box Background" default="#FFFFFF" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesSpacer12" mktoname="Spacer Below Right Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesSpacer13" mktoname="Spacer Below Right Date" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesSpacer14" mktoname="Spacer Below Right Title" default="25" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesSpacer15" mktoname="Spacer Below Right Text" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="threeArticlesButtonBackgroundColor3" mktoname="Right Button Background Color" default="#ff9000" mktomodulescope="true" />

    <meta class="mktoColor" id="threeArticlesBorderColor6" mktoname="Right Button Border Color" default="#ff9000" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesBorderSize6" mktoname="Right Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesSpacer16" mktoname="Spacer Below Right Button" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="threeArticlesSpacer17" mktoname="Bottom Spacer" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoString" id="threeArticlesLinkText" mktoname="Left Button Text" default="READ MORE" mktomodulescope="true" />

    <meta class="mktoString" id="threeArticlesLink" mktoname="Left Button Link" default="http://mylink" mktomodulescope="true" />

    <meta class="mktoString" id="threeArticlesLinkText2" mktoname="Center Button Text" default="READ MORE" mktomodulescope="true" />

    <meta class="mktoString" id="threeArticlesLink2" mktoname="Center Button Link" default="http://mylink" mktomodulescope="true" />

    <meta class="mktoString" id="threeArticlesLinkText3" mktoname="Right Button Text" default="READ MORE" mktomodulescope="true" />

    <meta class="mktoString" id="threeArticlesLink3" mktoname="Right Button Link" default="http://mylink" mktomodulescope="true" />

    <meta class="mktoColor" id="titleBackgroundColor" mktoname="Module Background" default="#efeef4" mktomodulescope="true" />

    <meta class="mktoNumber" id="titleSpacer" mktoname="Top Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="titleSpacer2" mktoname="Bottom Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="freeImageBackgroundColor" mktoname="Module Background" default="#efeef4" mktomodulescope="true" />

    <meta class="mktoNumber" id="freeImageSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="freeImageSpacer2" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="freeTextBackgroundColor" mktoname="Module Background" default="#efeef4" mktomodulescope="true" />

    <meta class="mktoNumber" id="freeTextSpacer" mktoname="Top Spacer" default="25" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="freeTextSpacer2" mktoname="Bottom Spacer" default="25" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="callToActionBackgroundColor" mktoname="Module Background" default="#efeef4" mktomodulescope="true" />

    <meta class="mktoNumber" id="callToActionSpacer" mktoname="Top Spacer" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="callToActionButtonBackgroundColor" mktoname="Button Background Color" default="#ff9000" mktomodulescope="true" />

    <meta class="mktoColor" id="callToActionBorderColor" mktoname="Button Border Color" default="#ff9000" mktomodulescope="true" />

    <meta class="mktoNumber" id="callToActionBorderSize" mktoname="Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="callToActionSpacer2" mktoname="Bottom Spacer" default="25" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoString" id="callToActionLinkText" mktoname="Button Text" default="VIEW DETAILS" mktomodulescope="true" />

    <meta class="mktoString" id="callToActionLink" mktoname="Button Link" default="http://mylink" mktomodulescope="true" />

    <meta class="mktoColor" id="separatorBackgroundColor" mktoname="Module Background" default="#efeef4" mktomodulescope="true" />

    <meta class="mktoNumber" id="separatorSpacer" mktoname="Top Spacer" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="separatorColor" mktoname="Separator Color" default="#b2b2b2" mktomodulescope="true" />

    <meta class="mktoNumber" id="separatorSize" mktoname="Separator Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="separatorSpacer2" mktoname="Top Spacer" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="horizontalBackgroundColor" mktoname="Module Background" default="#efeef4" mktomodulescope="true" />

    <meta class="mktoNumber" id="horizontalSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="horizontalBorderColor" mktoname="Left Box Border Border Color" default="#e4e4e4" mktomodulescope="true" />

    <meta class="mktoNumber" id="horizontalBorderSize" mktoname="Left Box Border Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="horizontalBackgroundColor2" mktoname="Left Box Background" default="#FFFFFF" mktomodulescope="true" />

    <meta class="mktoNumber" id="horizontalSpacer2" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="horizontalSpacer3" mktoname="Spacer Below Left Date" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="horizontalSpacer4" mktoname="Spacer Below Left Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="horizontalSpacer5" mktoname="Spacer Below Left Text" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="horizontalButtonBackgroundColor" mktoname="Left Button Background Color" default="#ff9000" mktomodulescope="true" />

    <meta class="mktoColor" id="horizontalBorderColor2" mktoname="Left Button Border Color" default="#ff9000" mktomodulescope="true" />

    <meta class="mktoNumber" id="horizontalBorderSize2" mktoname="Left Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="horizontalSpacer6" mktoname="Spacer Below Left Button" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="horizontalSpacer7" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoString" id="horizontalLinkText" mktoname="Left Button Text" default="READ MORE" mktomodulescope="true" />

    <meta class="mktoString" id="horizontalLink" mktoname="Left Button Link" default="http://mylink" mktomodulescope="true" />

    <meta class="mktoColor" id="overlayImageBackgroundColor" mktoname="Module Background" default="#efeef4" mktomodulescope="true" />

    <meta class="mktoNumber" id="overlayImageSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoImg" id="overlayImageBackgroundImage" mktoname="Background Image" default="http://templates.marketo.net/newsletter8/big-hero2.jpg" mktomodulescope="true" />

    <meta class="mktoColor" id="overlayImageBackgroundColor2" mktoname="Box Background" default="#efeef4" mktomodulescope="true" />

    <meta class="mktoColor" id="overlayImageBackgroundColor3" mktoname="Box" default="#FFFFFF" mktomodulescope="true" />

    <meta class="mktoColor" id="featuresBackgroundColor" mktoname="Module Background" default="#efeef4" mktomodulescope="true" />

    <meta class="mktoNumber" id="featuresSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="featuresBorderColor" mktoname="Box border Border Color" default="#e4e4e4" mktomodulescope="true" />

    <meta class="mktoNumber" id="featuresBorderSize" mktoname="Box border Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="featuresBackgroundColor2" mktoname="Left Box background" default="#FFFFFF" mktomodulescope="true" />

    <meta class="mktoNumber" id="featuresSpacer2" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="featuresSpacer3" mktoname="Spacer Below Left Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="featuresSpacer4" mktoname="Spacer Below Left Data Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="featuresSpacer5" mktoname="Spacer Below Left Links" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="featuresBorderColor2" mktoname="Left Box border Border Color" default="#e4e4e4" mktomodulescope="true" />

    <meta class="mktoNumber" id="featuresBorderSize2" mktoname="Left Box border Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="featuresBackgroundColor3" mktoname="Center Box background" default="#FFFFFF" mktomodulescope="true" />

    <meta class="mktoNumber" id="featuresSpacer6" mktoname="Spacer Below Center Links" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="featuresSpacer7" mktoname="Spacer Below Center Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="featuresSpacer8" mktoname="Spacer Below Center Data Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="featuresSpacer9" mktoname="Spacer Below Center Links" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="featuresBorderColor3" mktoname="Center Box border Border Color" default="#e4e4e4" mktomodulescope="true" />

    <meta class="mktoNumber" id="featuresBorderSize3" mktoname="Center Box border Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="featuresBackgroundColor4" mktoname="Right Box background" default="#FFFFFF" mktomodulescope="true" />

    <meta class="mktoNumber" id="featuresSpacer10" mktoname="Spacer Below Right Links" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="featuresSpacer11" mktoname="Spacer Below Right Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="featuresSpacer12" mktoname="Spacer Below Right Data Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="featuresSpacer13" mktoname="Spacer Below Right Links" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="featuresSpacer14" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoColor" id="footerBackgroundColor" mktoname="Module Background" default="#efeef4" mktomodulescope="true" />

    <meta class="mktoNumber" id="footerSpacer" mktoname="Top Spacer" default="25" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="footerSpacer2" mktoname="Spacer Below Text" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoNumber" id="footerSpacer3" mktoname="Bottom Spacer" default="25" min="1" max="300" units="px" step="1" mktomodulescope="true" />

    <meta class="mktoString" id="footerLink" mktoname="Facebook Icon Link" default="http://mylink" mktomodulescope="true" />

    <meta class="mktoString" id="footerLink2" mktoname="Twitter Icon Link" default="http://mylink" mktomodulescope="true" />

    <!-- Other Meta Tags -->

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />

    <meta name="robots" content="noindex,nofollow" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700" rel="stylesheet" type="text/css" />

    <link href="https://fonts.googleapis.com/css?family=Questrial:300,400,700" rel="stylesheet" type="text/css" />

    <!--[if mso]>

<style type='text/css'>

.primary-font {

font-family: Arial, sans-serif !important;

}

</style>

<![endif]-->

    <!--[if mso]>

<style type='text/css'>

.secondary-font {

font-family: Arial, sans-serif !important;

}

</style>

<![endif]-->

    <style>

/*startcommon*/

@media only screen and (max-width: 640px) {

table.m_boxing{

width: 100% !important;

}

}

/*endcommon*/

</style>

    <style media="all">

/* CLIENT-SPECIFIC STYLES */

#outlook a {

  padding: 0;

}

/* Force Outlook to provide a "view in browser" message */

.ReadMsgBody {

  width: 100%;

}

.ExternalClass {

  width: 100%;

}

/* Force Hotmail to display emails at full width */

.ExternalClass,

.ExternalClass p,

.ExternalClass span,

.ExternalClass font,

.ExternalClass td,

.ExternalClass div {

  line-height: 100%;

}

/* Force Hotmail to display normal line spacing */

/* iOS BLUE LINKS */

.appleBody a {

  color: .m_000;

  text-decoration: none;

}

.appleFooter a {

  color: .m_000;

  text-decoration: none;

}

@-ms-viewport {

    width: device-width;

}

</style>

    <style media="all">

@media only screen and (max-width: 640px) {

/*starttablet*/

body {

width: auto !important;

}

table.table600{

width: 450px !important;

}

table.table-inner{

width: 86% !important;

}

table.table1-2{

width: 47% !important;

clear: both;

}

table.table1-3{

width: 29.4% !important;

}

table.table1-4{

width: 100% !important;

text-align: left !important;

}

table.table2-3{

width: 64% !important;

text-align: center !important;

}

table.table3-3{

width: 100% !important;

text-align: center !important;

clear: both;

}

table.footer-logo{

width: 10% !important;

text-align: right !important;

}

td.outer{

min-width: 0 !important;

}

td.stack{

padding-bottom: 40px !important;

}

.stack-tablet {

padding-bottom: 20px !important;

overflow: visible !important;

float: none !important;

mso-hide: none !important;

display: block !important;

}

img.mobile-img{

width: 100% !important;

height: auto !important;

}

td.center-tablet{

text-align: center !important;

}

td.hide-tablet{

display: none !important;

}

table.footer-column{

width: 47% !important;

text-align: left !important;

}

.m_header td {

text-align: center !important;

}

.m_hero .background {

background-size: cover !important;

}

.m_overlay-image .background {

background-size: cover !important;

}

.mktoVideoThumbnail{

width: 100% !important;

height: auto!important;

max-height:inherit!important;

min-height:inherit!important;

}

.m_menu {

padding-top: 10px !important;

padding-right: 0 !important;

padding-bottom: 10px !important;

padding-left: 0 !important;

}

.m_menu p {

display: block !important;

padding-top: 0 !important;

padding-right: 0 !important;

padding-bottom: 10px !important;

padding-left: 0 !important;

}

.m_horizontal img {

display: inline-block;

margin-top: 0;

margin-right: auto;

margin-bottom: 30px;

margin-left: auto;

}

.m_article .table1-2 {

width: 100% !important;

clear: both;

}

.m_article .cta table {

margin-top: 0 !important;

margin-right: auto !important;

margin-bottom: 0 !important;

margin-left: auto !important;

}

.m_overlay-image .box {

float: none !important;

width: 220px;

margin-top: 0 !important;

margin-right: auto !important;

margin-bottom: 0 !important;

margin-left: auto !important;

}

.m_contacts .table1-2 {

width: 100% !important;

clear: both;

text-align: center !important;

}

.m_free-image img {

width: 450px !important;

height: auto;

}

.m_team .spacer,

.m_three-articles .spacer {

width: 28px !important;

}

.m_features .spacer {

width: 26px;

}

/*endtablet*/

}

@media only screen and (max-width: 479px) {

/*startmobile*/

body {

width: auto !important;

}

table.table600{

width: 290px !important;

}

table.table-inner{

width: 80% !important;

float: none !important;

}

table.table1-2{

width: 100% !important;

clear: both;

}

table.table1-3{

width: 100% !important;

clear: both;

}

table.table1-4{

width: 100% !important;

text-align: center !important;

}

table.table2-3{

width: 100% !important;

text-align: center !important;

}

table.table3-3{

width: 100% !important;

text-align: center !important;

clear: both;

}

table.footer-logo{

width: 60% !important;

text-align: center !important;

}

td.outer{

min-width: 0 !important;

}

td.td3-1{

width: 60% !important;

text-align: center !important;

}

.stack-smartphone {

padding-bottom: 20px !important;

overflow: visible !important;

float: none !important;

display: block !important;

mso-hide: none !important;

}

td.center-smartphone{

text-align: center !important;

}

img.mobile-img{

width: 100% !important;

}

td.center-tablet{

text-align: center !important;

}

td.hide-smartphone{

display: none !important;

}

table.footer-column{

width: 100% !important;

text-align: center !important;

}

.m_free-image img {

width: 290px !important;

height: auto;

}

.m_horizontal img {

margin-top: 0 !important;

margin-right: auto !important;

margin-bottom: 0 !important;

margin-left: auto !important;

}

.m_hero .background {

background-size: cover !important;

}

.m_overlay-image .background {

background-size: cover !important;

}

/*endmobile*/

}

</style>

  </head>

  <body style="margin-bottom: 0; -webkit-text-size-adjust: 100%; padding-bottom: 0; min-width: 100%; margin-top: 0; margin-right: 0; -ms-text-size-adjust: 100%; margin-left: 0; padding-top: 0; padding-right: 0; padding-left: 0; width: 100%;">

    <div style="display:none; white-space:nowrap; font:15px courier; line-height:0;">

                                                                  

    </div>

    <!-- Outer table START -->

    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;">

      <tbody>

        <tr>

          <td class="outer" valign="top" style="-webkit-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-ms-text-size-adjust: 100%;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;min-width: 600px;border-collapse: collapse;background-color:${emailBackgroundColor};">

            <table width="640" align="center" id="boxing" border="0" cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" class="m_boxing">

              <tbody>

                <tr>

                  <td class="mktoContainer boxedbackground" id="template-wrapper" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">

                    <table id="blankSpace" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_blankSpace" mktoname="Blank Space">

                      <tbody>

                        <tr>

                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;background-color:${blankSpaceBackgroundColor};" bgcolor="${blankSpaceBackgroundColor}" valign="top">

                            <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                              <tbody>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${blankSpaceSpacer};font-size:${blankSpaceSpacer};" height="${blankSpaceSpacer}"> </td>

                                </tr>

                              </tbody>

                            </table> </td>

                        </tr>

                      </tbody>

                    </table>

                    <table id="header" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_header" mktoname="Header">

                      <tbody>

                        <tr>

                          <td class="bordered" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;border-top-width:${headerBorderSize};border-top-style: solid;border-top-color:${headerBorderColor};border-collapse: collapse;background-color:${headerBackgroundColor};border-left-color:${headerBorderColor};border-bottom-color:${headerBorderColor};border-right-color:${headerBorderColor};border-left-width:${headerBorderSize};border-bottom-width:${headerBorderSize};border-right-width:${headerBorderSize};" bgcolor="${headerBackgroundColor}" valign="top">

                            <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;width: 600px;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                              <tbody>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${headerSpacer};font-size:${headerSpacer};" height="${headerSpacer}"> </td>

                                </tr>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">

                                    <center>

                                      <table class="table3-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; width: 220px;" align="left" border="0" cellpadding="0" cellspacing="0" width="220">

                                        <tbody>

                                          <tr>

                                            <td class="center-tablet logo" style="-moz-hyphens: none; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -ms-text-size-adjust: 100%; hyphens: none; width: 100%; font-weight: normal; font-size: 12px; text-align: left; border-collapse: collapse;">

                                              <div style="display:inline-block" class="mktoImg" mktoname="logo" id="logo" mktolockimgsize="true">

                                                <a><img src="http://goactive.backroads.com/rs/235-CWJ-695/images/backroads_logo_white.png" alt="Logo" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; max-width: 100%; line-height: 100%; width: 278px; display: inline-block; height: auto;" height="auto" width="278" /></a>

                                              </div> </td>

                                          </tr>

                                        </tbody>

                                      </table>

                                      <table class="table3-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; width: 340px; valign: middle;" align="right" border="0" cellpadding="0" cellspacing="0" width="340">

                                        <tbody>

                                          <tr>

                                            <td class="primary-font center-tablet links" style="-moz-hyphens: none; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -ms-text-size-adjust: 100%; hyphens: none; width: 100%; font-weight: normal; font-size: 12px; text-align: right; border-collapse: collapse; font-family: Arial, Helvetica,  serif; font-size: 17px; valign: middle;" valign="middle">

                                              <div class="mktoText" mktoname="Right Header Links" id="headerLinks">

                                                <span style="font-family: Helvetica, sans-serif; color: #ffffff; font-size: 15px; font-weight: normal; line-height: 16px; text-align: right; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; valign: middle;"><strong><span style="color: #f99507;">CALL</span> 800-462-2848</strong><br /><a href="https://www.backroads.com/find/destination" target="_blank" style="color: #ffffff; text-decoration: none;">Find a Trip</a> | <a href="mailto:#" target="_blank" style="color: #ffffff; text-decoration: none;">Email Us</a></span>

                                              </div></td>

                                          </tr>

                                        </tbody>

                                      </table>

                                    </center> </td>

                                </tr>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${headerSpacer};font-size:${headerSpacer};" height="${headerSpacer}"> </td>

                                </tr>

                              </tbody>

                            </table> </td>

                        </tr>

                      </tbody>

                    </table>

                    <table id="hero" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_hero" mktoname="Hero">

                      <tbody>

                        <tr>

                          <td class="background" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;-ms-text-size-adjust: 100%;vertical-align: middle;height: 353px;background-repeat: no-repeat;background-position: center

center;background:${heroBackgroundImage};background-color:${heroBackgroundColor};padding-top: 0;padding-right: 0;padding-bottom: 0;padding-left: 0;background-image:${heroBackgroundImage};border-collapse: collapse;" height="353" background="${heroBackgroundImage}" bgcolor="${heroBackgroundColor}" valign="top" width="700">

                            <center>

                              <!--[if gte mso 9]>

                    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:640px;height:353px">

<v:fill type="frame" src="${heroBackgroundImage}" color="${heroBackgroundColor}" />

<v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">

<![endif]-->

                              <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                                <tbody>

                                  <tr>

                                    <td class="" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="86"> </td>

                                  </tr>

                                  <tr>

                                    <td class="primary-font title" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:Arial, Helvetica sans-serif;font-size: 60px;line-height: 90%;color: #003f7f;text-align: left;border-collapse: collapse;">

                                      <div class="mktoText" mktoname="Title" id="title">

                                        SKY RACE

                                      </div> </td>

                                  </tr>

                                  <tr>

                                    <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="10"> </td>

                                  </tr>

                                  <tr>

                                    <td class="primary-font subtitle" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:Arial, Helvetica sans-serif;text-align: left;color: black;font-weight: bold;font-size: 17px;letter-spacing: 1px;border-collapse: collapse;">

                                      <div class="mktoText" mktoname="Subtitle" id="subtitle">

                                        LOREM IPSUM DOLOR

                                      </div> </td>

                                  </tr>

                                  <tr>

                                    <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="30"> </td>

                                  </tr>

                                  <tr>

                                    <td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">

                                      <center>

                                        <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0">

                                          <tbody>

                                            <tr>

                                              <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" align="center" bgcolor="${heroButtonBackgroundColor}"> <a href="${heroLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;display: inline-block;font-size: 14px;font-family:Arial, Helvetica sans-serif;color: white;padding-top: 12px;padding-right: 18px;padding-bottom: 12px;padding-left: 18px;border-top-width:${heroBorderSize};border-right-width:${heroBorderSize};letter-spacing: 2px;border-left-width:${heroBorderSize};border-top-style:

solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-bottom-width:${heroBorderSize};text-decoration: none;border-top-color:${heroBorderColor};border-right-color:${heroBorderColor};border-bottom-color:${heroBorderColor};border-left-color:${heroBorderColor};background-color:${heroButtonBackgroundColor};">${heroLinkText}</a> </td>

                                            </tr>

                                          </tbody>

                                        </table>

                                      </center> </td>

                                  </tr>

                                  <tr>

                                    <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="86"> </td>

                                  </tr>

                                </tbody>

                              </table>

                              <!--[if gte mso 9]>

                    </v:textbox>

                    </v:rect>

                    <![endif]-->

                            </center></td>

                        </tr>

                      </tbody>

                    </table>

                    <table id="three-articles" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_three-articles" mktoname="Three-articles">

                      <tbody>

                        <tr>

                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;background-color:${threeArticlesBackgroundColor};" bgcolor="${threeArticlesBackgroundColor}" valign="top">

                            <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                              <tbody>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer};font-size:${threeArticlesSpacer};" height="${threeArticlesSpacer}"> </td>

                                </tr>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">

                                    <center>

                                      <table class="table1-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="173">

                                        <tbody>

                                          <tr>

                                            <td class="bordered" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;-ms-text-size-adjust:

100%;background-color:${threeArticlesBackgroundColor2};border-top-width:${threeArticlesBorderSize};border-left-color:${threeArticlesBorderColor};border-bottom-width:${threeArticlesBorderSize};border-left-width:${threeArticlesBorderSize};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style:

solid;border-top-color:${threeArticlesBorderColor};border-right-color:${threeArticlesBorderColor};border-bottom-color:${threeArticlesBorderColor};border-right-width:${threeArticlesBorderSize};border-collapse: collapse;" bgcolor="${threeArticlesBackgroundColor2}">

                                              <table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">

                                                <tbody>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">

                                                      <center>

                                                        <div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo" mktolockimgsize="true">

                                                          <a><img alt="Photo" src="http://templates.marketo.net/newsletter8/photo1.jpg" class="mobile-img" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; width: auto; height: auto; max-width: 100%; display: block; line-height: 100%;" height="auto" width="173" /></a>

                                                        </div>

                                                      </center></td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer2};font-size:${threeArticlesSpacer2};" height="${threeArticlesSpacer2}"> </td>

                                                  </tr>

                                                  <tr>

                                                    <td class="secondary-font date" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;font-size: 13px;font-family:'Questrial', Arial, sans-serif;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;color: #003f7f;border-collapse: collapse;">

                                                      <div class="mktoText" mktoname="Left Date" id="date2">

                                                        10.23.2016

                                                      </div> </td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer3};font-size:${threeArticlesSpacer3};" height="${threeArticlesSpacer3}"> </td>

                                                  </tr>

                                                  <tr>

                                                    <td class="primary-font title" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;font-family:Arial, Helvetica sans-serif;color: #003f7f;font-size: 15px;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;border-collapse: collapse;">

                                                      <div class="mktoText" mktoname="Left Title" id="title2">

                                                        LOREM IPSUM DOLOR SIT AMET

                                                      </div> </td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer4};font-size:${threeArticlesSpacer4};" height="${threeArticlesSpacer4}"> </td>

                                                  </tr>

                                                  <tr>

                                                    <td class="secondary-font text" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;padding-left: 20px;font-family:'Questrial', Arial, sans-serif;color: #7e878b;font-size: 14px;line-height: 150%;padding-top: 0;padding-right: 20px;padding-bottom:

0;border-collapse: collapse;">

                                                      <div class="mktoText" mktoname="Left Text" id="text">

                                                        Lorem ipsum dolor sitan consectetur adipiscing ultrices pellentesque liti sett lacinia eros.

                                                      </div> </td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer5};font-size:${threeArticlesSpacer5};" height="${threeArticlesSpacer5}"> </td>

                                                  </tr>

                                                  <tr>

                                                    <td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">

                                                      <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0">

                                                        <tbody>

                                                          <tr>

                                                            <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" align="center" bgcolor="${threeArticlesButtonBackgroundColor}"> <a href="${threeArticlesLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;display: inline-block;letter-spacing: 2px;text-decoration: none;border-top-style: solid;padding-top: 5px;padding-right: 15px;padding-bottom: 5px;padding-left: 15px;border-top-width:${threeArticlesBorderSize2};border-right-width:${threeArticlesBorderSize2};font-size:

12px;border-left-width:${threeArticlesBorderSize2};color: #FFFFFF;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color:${threeArticlesBorderColor2};border-right-color:${threeArticlesBorderColor2};border-bottom-color:${threeArticlesBorderColor2};border-left-color:${threeArticlesBorderColor2};font-family:Arial, Helvetica

sans-serif;border-bottom-width:${threeArticlesBorderSize2};background-color:${threeArticlesButtonBackgroundColor};">${threeArticlesLinkText}</a> </td>

                                                          </tr>

                                                        </tbody>

                                                      </table> </td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer6};font-size:${threeArticlesSpacer6};" height="${threeArticlesSpacer6}"> </td>

                                                  </tr>

                                                </tbody>

                                              </table> </td>

                                          </tr>

                                        </tbody>

                                      </table>

                                      <table class="spacer" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="40">

                                        <tbody>

                                          <tr>

                                            <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="40" width="100%"></td>

                                          </tr>

                                        </tbody>

                                      </table>

                                      <table class="table1-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="173">

                                        <tbody>

                                          <tr>

                                            <td class="bordered" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;-ms-text-size-adjust:

100%;background-color:${threeArticlesBackgroundColor4};border-top-width:${threeArticlesBorderSize3};border-left-color:${threeArticlesBorderColor3};border-bottom-width:${threeArticlesBorderSize3};border-left-width:${threeArticlesBorderSize3};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style:

solid;border-top-color:${threeArticlesBorderColor3};border-right-color:${threeArticlesBorderColor3};border-bottom-color:${threeArticlesBorderColor3};border-right-width:${threeArticlesBorderSize3};border-collapse: collapse;" bgcolor="${threeArticlesBackgroundColor4}">

                                              <table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">

                                                <tbody>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">

                                                      <center>

                                                        <div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo2" mktolockimgsize="true">

                                                          <a><img alt="Photo" src="http://templates.marketo.net/newsletter8/photo2.jpg" class="mobile-img" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; width: auto; height: auto; max-width: 100%; display: block; line-height: 100%;" height="auto" width="173" /></a>

                                                        </div>

                                                      </center></td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer7};font-size:${threeArticlesSpacer7};" height="${threeArticlesSpacer7}"> </td>

                                                  </tr>

                                                  <tr>

                                                    <td class="secondary-font date" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;font-size: 13px;font-family:'Questrial', Arial, sans-serif;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;color: #003f7f;border-collapse: collapse;">

                                                      <div class="mktoText" mktoname="Center Date" id="date3">

                                                        10.23.2016

                                                      </div> </td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer8};font-size:${threeArticlesSpacer8};" height="${threeArticlesSpacer8}"> </td>

                                                  </tr>

                                                  <tr>

                                                    <td class="primary-font title" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;font-family:Arial, Helvetica sans-serif;color: #003f7f;font-size: 15px;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;border-collapse: collapse;">

                                                      <div class="mktoText" mktoname="Center Title" id="title3">

                                                        LOREM IPSUM DOLOR SIT AMET

                                                      </div> </td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer9};font-size:${threeArticlesSpacer9};" height="${threeArticlesSpacer9}"> </td>

                                                  </tr>

                                                  <tr>

                                                    <td class="secondary-font text" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;padding-left: 20px;font-family:'Questrial', Arial, sans-serif;color: #7e878b;font-size: 14px;line-height: 150%;padding-top: 0;padding-right: 20px;padding-bottom:

0;border-collapse: collapse;">

                                                      <div class="mktoText" mktoname="Center Text" id="text2">

                                                        Lorem ipsum dolor sitan consectetur adipiscing ultrices pellentesque liti sett lacinia eros.

                                                      </div> </td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer10};font-size:${threeArticlesSpacer10};" height="${threeArticlesSpacer10}"> </td>

                                                  </tr>

                                                  <tr>

                                                    <td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">

                                                      <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0">

                                                        <tbody>

                                                          <tr>

                                                            <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" align="center" bgcolor="${threeArticlesButtonBackgroundColor2}"> <a href="${threeArticlesLink2}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;display: inline-block;letter-spacing: 2px;text-decoration: none;border-top-style: solid;padding-top: 5px;padding-right: 15px;padding-bottom: 5px;padding-left: 15px;border-top-width:${threeArticlesBorderSize4};border-right-width:${threeArticlesBorderSize4};font-size:

12px;border-left-width:${threeArticlesBorderSize4};color: #FFFFFF;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color:${threeArticlesBorderColor4};border-right-color:${threeArticlesBorderColor4};border-bottom-color:${threeArticlesBorderColor4};border-left-color:${threeArticlesBorderColor4};font-family:Arial, Helvetica

sans-serif;border-bottom-width:${threeArticlesBorderSize4};background-color:${threeArticlesButtonBackgroundColor2};">${threeArticlesLinkText2}</a> </td>

                                                          </tr>

                                                        </tbody>

                                                      </table> </td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer11};font-size:${threeArticlesSpacer11};" height="${threeArticlesSpacer11}"> </td>

                                                  </tr>

                                                </tbody>

                                              </table> </td>

                                          </tr>

                                        </tbody>

                                      </table>

                                      <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="1">

                                        <tbody>

                                          <tr>

                                            <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="40" width="100%"></td>

                                          </tr>

                                        </tbody>

                                      </table>

                                      <table class="table1-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0" width="173">

                                        <tbody>

                                          <tr>

                                            <td class="bordered" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;-ms-text-size-adjust:

100%;background-color:${threeArticlesBackgroundColor6};border-top-width:${threeArticlesBorderSize5};border-left-color:${threeArticlesBorderColor5};border-bottom-width:${threeArticlesBorderSize5};border-left-width:${threeArticlesBorderSize5};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style:

solid;border-top-color:${threeArticlesBorderColor5};border-right-color:${threeArticlesBorderColor5};border-bottom-color:${threeArticlesBorderColor5};border-right-width:${threeArticlesBorderSize5};border-collapse: collapse;" bgcolor="${threeArticlesBackgroundColor6}">

                                              <table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">

                                                <tbody>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">

                                                      <center>

                                                        <div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo3" mktolockimgsize="true">

                                                          <a><img alt="Photo" src="http://templates.marketo.net/newsletter8/photo3.jpg" class="mobile-img" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; width: auto; height: auto; max-width: 100%; display: block; line-height: 100%;" height="auto" width="173" /></a>

                                                        </div>

                                                      </center></td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer12};font-size:${threeArticlesSpacer12};" height="${threeArticlesSpacer12}"> </td>

                                                  </tr>

                                                  <tr>

                                                    <td class="secondary-font date" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;font-size: 13px;font-family:'Questrial', Arial, sans-serif;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;color: #003f7f;border-collapse: collapse;">

                                                      <div class="mktoText" mktoname="Right Date" id="date4">

                                                        10.23.2016

                                                      </div> </td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer13};font-size:${threeArticlesSpacer13};" height="${threeArticlesSpacer13}"> </td>

                                                  </tr>

                                                  <tr>

                                                    <td class="primary-font title" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;font-family:Arial, Helvetica sans-serif;color: #003f7f;font-size: 15px;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;border-collapse: collapse;">

                                                      <div class="mktoText" mktoname="Right Title" id="title4">

                                                        LOREM IPSUM DOLOR SIT AMET

                                                      </div> </td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer14};font-size:${threeArticlesSpacer14};" height="${threeArticlesSpacer14}"> </td>

                                                  </tr>

                                                  <tr>

                                                    <td class="secondary-font text" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;padding-left: 20px;font-family:'Questrial', Arial, sans-serif;color: #7e878b;font-size: 14px;line-height: 150%;padding-top: 0;padding-right: 20px;padding-bottom:

0;border-collapse: collapse;">

                                                      <div class="mktoText" mktoname="Right Text" id="text3">

                                                        Lorem ipsum dolor sitan consectetur adipiscing ultrices pellentesque liti sett lacinia eros.

                                                      </div> </td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer15};font-size:${threeArticlesSpacer15};" height="${threeArticlesSpacer15}"> </td>

                                                  </tr>

                                                  <tr>

                                                    <td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">

                                                      <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0">

                                                        <tbody>

                                                          <tr>

                                                            <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" align="center" bgcolor="${threeArticlesButtonBackgroundColor3}"> <a href="${threeArticlesLink3}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;display: inline-block;letter-spacing: 2px;text-decoration: none;border-top-style: solid;padding-top: 5px;padding-right: 15px;padding-bottom: 5px;padding-left: 15px;border-top-width:${threeArticlesBorderSize6};border-right-width:${threeArticlesBorderSize6};font-size:

12px;border-left-width:${threeArticlesBorderSize6};color: #FFFFFF;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color:${threeArticlesBorderColor6};border-right-color:${threeArticlesBorderColor6};border-bottom-color:${threeArticlesBorderColor6};border-left-color:${threeArticlesBorderColor6};font-family:Arial, Helvetica

sans-serif;border-bottom-width:${threeArticlesBorderSize6};background-color:${threeArticlesButtonBackgroundColor3};">${threeArticlesLinkText3}</a> </td>

                                                          </tr>

                                                        </tbody>

                                                      </table> </td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer16};font-size:${threeArticlesSpacer16};" height="${threeArticlesSpacer16}"> </td>

                                                  </tr>

                                                </tbody>

                                              </table> </td>

                                          </tr>

                                        </tbody>

                                      </table>

                                    </center> </td>

                                </tr>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer17};font-size:${threeArticlesSpacer17};" height="${threeArticlesSpacer17}"> </td>

                                </tr>

                              </tbody>

                            </table> </td>

                        </tr>

                      </tbody>

                    </table>

                    <table id="title5" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; font-family: Arial, Helvetica sans-serif; text-align: center; color: #ff9000;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_title" mktoname="Title5">

                      <tbody>

                        <tr>

                          <td class="background" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;background-color:${titleBackgroundColor};" bgcolor="${titleBackgroundColor}" valign="top">

                            <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                              <tbody>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${titleSpacer};font-size:${titleSpacer};" height="${titleSpacer}"> </td>

                                </tr>

                                <tr>

                                  <td class="primary-font title" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family:Arial, Helvetica sans-serif;border-collapse: collapse;">

                                    <div class="mktoText" mktoname="Title" id="title6">

                                      Lorem Ipsum adalah contoh teks atau dummy.

                                    </div></td>

                                </tr>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${titleSpacer2};font-size:${titleSpacer2};" height="${titleSpacer2}"> </td>

                                </tr>

                              </tbody>

                            </table> </td>

                        </tr>

                      </tbody>

                    </table>

                    <table id="free-image" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_free-image" mktoname="Free-image">

                      <tbody>

                        <tr>

                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;background-color:${freeImageBackgroundColor};" bgcolor="${freeImageBackgroundColor}" valign="top">

                            <center>

                              <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                                <tbody>

                                  <tr>

                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${freeImageSpacer};font-size:${freeImageSpacer};" height="${freeImageSpacer}"> </td>

                                  </tr>

                                  <tr>

                                    <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">

                                      <center>

                                        <div style="display:inline-block" class="mktoImg" mktoname="Photo" id="photo4" mktolockimgsize="true">

                                          <a><img alt="Photo" src="http://templates.marketo.net/newsletter8/single.jpg" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; width: auto; height: auto; max-width: 100%; display: block; line-height: 100%;" width="600" /></a>

                                        </div>

                                      </center> </td>

                                  </tr>

                                  <tr>

                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${freeImageSpacer2};font-size:${freeImageSpacer2};" height="${freeImageSpacer2}"> </td>

                                  </tr>

                                </tbody>

                              </table>

                            </center> </td>

                        </tr>

                      </tbody>

                    </table>

                    <table id="free-text" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_free-text" mktoname="Free-text">

                      <tbody>

                        <tr>

                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;background-color:${freeTextBackgroundColor};" bgcolor="${freeTextBackgroundColor}" valign="top">

                            <center>

                              <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                                <tbody>

                                  <tr>

                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${freeTextSpacer};font-size:${freeTextSpacer};" height="${freeTextSpacer}"> </td>

                                  </tr>

                                  <tr>

                                    <td class="primary-font text" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;font-family:Arial, Helvetica sans-serif;font-size: 14px;color: #333333;line-height: 170%;border-collapse: collapse;">

                                      <div class="mktoText" mktoname="Text" id="text4">

                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum officiis dolorum, nulla, mollitia ducimus iure modi perferendis tenetur ea illum veniam aut sapiente deserunt repellendus. Excepturi illo numquam sint harum.

                                      </div></td>

                                  </tr>

                                  <tr>

                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${freeTextSpacer2};font-size:${freeTextSpacer2};" height="${freeTextSpacer2}"> </td>

                                  </tr>

                                </tbody>

                              </table>

                            </center> </td>

                        </tr>

                      </tbody>

                    </table>

                    <table id="callToAction" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_callToAction" mktoname="Call To Action">

                      <tbody>

                        <tr>

                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;background-color:${callToActionBackgroundColor};" bgcolor="${callToActionBackgroundColor}" valign="top">

                            <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                              <tbody>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${callToActionSpacer};font-size:${callToActionSpacer};" height="${callToActionSpacer}"> </td>

                                </tr>

                                <tr>

                                  <td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">

                                    <center>

                                      <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">

                                        <tbody>

                                          <tr>

                                            <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" align="center" bgcolor="${callToActionButtonBackgroundColor}"> <a href="${callToActionLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;display: inline-block;font-size: 14px;font-family:Arial, Helvetica sans-serif;color: white;padding-top: 12px;padding-right: 18px;padding-bottom: 12px;padding-left: 18px;border-top-width:${callToActionBorderSize};border-right-width:${callToActionBorderSize};letter-spacing:

2px;border-left-width:${callToActionBorderSize};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color:${callToActionBorderColor};border-right-color:${callToActionBorderColor};border-bottom-color:${callToActionBorderColor};border-left-color:${callToActionBorderColor};border-bottom-width:${callToActionBorderSize};text-decoration:

none;background-color:${callToActionButtonBackgroundColor};">${callToActionLinkText}</a> </td>

                                          </tr>

                                        </tbody>

                                      </table>

                                    </center> </td>

                                </tr>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${callToActionSpacer2};font-size:${callToActionSpacer2};" height="${callToActionSpacer2}"> </td>

                                </tr>

                              </tbody>

                            </table> </td>

                        </tr>

                      </tbody>

                    </table>

                    <table id="Separator" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_Separator" mktoname="Separator">

                      <tbody>

                        <tr>

                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;background-color:${separatorBackgroundColor};" bgcolor="${separatorBackgroundColor}" valign="top">

                            <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                              <tbody>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${separatorSpacer};font-size:${separatorSpacer};" height="${separatorSpacer}"> </td>

                                </tr>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">

                                    <center>

                                      <table class="table-inner" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                                        <tbody>

                                          <tr>

                                            <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">

                                              <table class="table3-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="600">

                                                <tbody>

                                                  <tr style="height: 10px;">

                                                    <td class="bordered" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family: Arial, Helvetica sans-serif;border-top-style: none;border-bottom-width:${separatorSize};border-bottom-style: solid;border-bottom-color:${separatorColor};border-collapse: collapse;"></td>

                                                  </tr>

                                                  <tr style="height: 10px;">

                                                    <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;"></td>

                                                  </tr>

                                                </tbody>

                                              </table> </td>

                                          </tr>

                                        </tbody>

                                      </table>

                                    </center> </td>

                                </tr>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${separatorSpacer2};font-size:${separatorSpacer2};" height="${separatorSpacer2}"> </td>

                                </tr>

                              </tbody>

                            </table> </td>

                        </tr>

                      </tbody>

                    </table>

                    <table id="horizontal" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_horizontal" mktoname="Horizontal">

                      <tbody>

                        <tr>

                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;background-color:${horizontalBackgroundColor};" bgcolor="${horizontalBackgroundColor}" valign="top">

                            <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                              <tbody>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${horizontalSpacer};font-size:${horizontalSpacer};" height="${horizontalSpacer}"> </td>

                                </tr>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">

                                    <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">

                                      <tbody>

                                        <tr>

                                          <td class="bordered" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;-ms-text-size-adjust:

100%;background-color:${horizontalBackgroundColor2};border-top-width:${horizontalBorderSize};border-left-color:${horizontalBorderColor};border-bottom-width:${horizontalBorderSize};border-left-width:${horizontalBorderSize};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style:

solid;border-top-color:${horizontalBorderColor};border-right-color:${horizontalBorderColor};border-bottom-color:${horizontalBorderColor};border-right-width:${horizontalBorderSize};border-collapse: collapse;" bgcolor="${horizontalBackgroundColor2}">

                                            <center>

                                              <table class="table3-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="209">

                                                <tbody>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">

                                                      <table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">

                                                        <tbody>

                                                          <tr>

                                                            <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${horizontalSpacer2};font-size:${horizontalSpacer2};" height="${horizontalSpacer2}"> </td>

                                                          </tr>

                                                          <tr>

                                                            <td class="secondary-font date" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;font-size: 13px;font-family:'Questrial', Arial, sans-serif;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;color: #003f7f;border-collapse: collapse;">

                                                              <div class="mktoText" mktoname="Left Date" id="date5">

                                                                10.23.2016

                                                              </div> </td>

                                                          </tr>

                                                          <tr>

                                                            <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${horizontalSpacer3};font-size:${horizontalSpacer3};" height="${horizontalSpacer3}"> </td>

                                                          </tr>

                                                          <tr>

                                                            <td class="primary-font title" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;font-family:Arial, Helvetica sans-serif;color: #003f7f;font-size: 15px;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;border-collapse: collapse;">

                                                              <div class="mktoText" mktoname="Left Title" id="title7">

                                                                LOREM IPSUM DOLOR SIT AMET

                                                              </div> </td>

                                                          </tr>

                                                          <tr>

                                                            <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${horizontalSpacer4};font-size:${horizontalSpacer4};" height="${horizontalSpacer4}"> </td>

                                                          </tr>

                                                          <tr>

                                                            <td class="secondary-font text" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;padding-left: 20px;font-family:'Questrial', Arial, sans-serif;color: #7e878b;font-size: 14px;line-height: 150%;padding-top: 0;padding-right: 20px;padding-bottom:

0;border-collapse: collapse;">

                                                              <div class="mktoText" mktoname="Left Text" id="text5">

                                                                Lorem ipsum dolor sitan consectetur adipiscing ultrices pellentesque liti sett lacinia eros.

                                                              </div> </td>

                                                          </tr>

                                                          <tr>

                                                            <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${horizontalSpacer5};font-size:${horizontalSpacer5};" height="${horizontalSpacer5}"> </td>

                                                          </tr>

                                                          <tr>

                                                            <td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">

                                                              <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0">

                                                                <tbody>

                                                                  <tr>

                                                                    <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" align="center" bgcolor="${horizontalButtonBackgroundColor}"> <a href="${horizontalLink}" target="_blank" class="primary-font

button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;display: inline-block;letter-spacing: 2px;text-decoration: none;border-top-style: solid;padding-top: 5px;padding-right: 15px;padding-bottom: 5px;padding-left: 15px;border-top-width:${horizontalBorderSize2};border-right-width:${horizontalBorderSize2};font-size: 12px;border-left-width:${horizontalBorderSize2};color:

#FFFFFF;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color:${horizontalBorderColor2};border-right-color:${horizontalBorderColor2};border-bottom-color:${horizontalBorderColor2};border-left-color:${horizontalBorderColor2};font-family:Arial, Helvetica

sans-serif;border-bottom-width:${horizontalBorderSize2};background-color:${horizontalButtonBackgroundColor};">${horizontalLinkText}</a> </td>

                                                                  </tr>

                                                                </tbody>

                                                              </table> </td>

                                                          </tr>

                                                          <tr>

                                                            <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${horizontalSpacer6};font-size:${horizontalSpacer6};" height="${horizontalSpacer6}"> </td>

                                                          </tr>

                                                        </tbody>

                                                      </table> </td>

                                                  </tr>

                                                </tbody>

                                              </table>

                                              <table class="table3-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0" width="385">

                                                <tbody>

                                                  <tr class="stack-tablet" style="max-height:0px;overflow:hidden;padding-left: 0; overflow: hidden; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; mso-hide: all; display: none;">

                                                    <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;"> </td>

                                                  </tr>

                                                  <tr>

                                                    <td class="secondary-font photo" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family:'Questrial', Arial, sans-serif;border-collapse: collapse;" valign="middle">

                                                      <div style="display:inline-block" class="mktoImg" mktoname="Photo" id="photo5" mktolockimgsize="true">

                                                        <a><img src="http://templates.marketo.net/newsletter8/photo4.jpg" alt="Photo" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; display: block; max-width: 100%; line-height: 100%; width: 385px; height: auto;" height="auto" width="385" /></a>

                                                      </div> </td>

                                                  </tr>

                                                </tbody>

                                              </table>

                                            </center> </td>

                                        </tr>

                                      </tbody>

                                    </table> </td>

                                </tr>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${horizontalSpacer7};font-size:${horizontalSpacer7};" height="${horizontalSpacer7}"> </td>

                                </tr>

                              </tbody>

                            </table> </td>

                        </tr>

                      </tbody>

                    </table>

                    <table id="overlay-image" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_overlay-image" mktoname="Overlay-image">

                      <tbody>

                        <tr>

                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;background-color:${overlayImageBackgroundColor};" bgcolor="${overlayImageBackgroundColor}" valign="top">

                            <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                              <tbody>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${overlayImageSpacer};font-size:${overlayImageSpacer};" height="${overlayImageSpacer}"> </td>

                                </tr>

                                <tr>

                                  <td class="background" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;-ms-text-size-adjust: 100%;height: 370px;padding-left: 0;background-repeat: no-repeat;background-position: center center;background:${overlayImageBackgroundImage};background-color:${overlayImageBackgroundColor2};padding-top: 0;padding-right: 0;padding-bottom: 0;background-image:${overlayImageBackgroundImage};border-collapse: collapse;" height="370" background="${overlayImageBackgroundImage}" bgcolor="${overlayImageBackgroundColor2}" valign="top" width="600">

                                    <center>

                                      <!--[if gte mso 9]>

                   <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:640px;height:394px">

<v:fill type="frame" src="${overlayImageBackgroundImage}" color="${overlayImageBackgroundColor3}" />

<v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">

<![endif]-->

                                      <table valign="top" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="100%">

                                        <tbody>

                                          <tr>

                                            <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="30"> </td>

                                          </tr>

                                          <tr>

                                            <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">

                                              <table class="box" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-spacing: 0;border-collapse: collapse;margin-left: 30px;background-color:${overlayImageBackgroundColor3};" align="left" bgcolor="${overlayImageBackgroundColor3}" border="0" cellpadding="0" cellspacing="0" width="300">

                                                <tbody>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="20"> </td>

                                                  </tr>

                                                  <tr>

                                                    <td class="secondary-font pretitle" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;font-size: 13px;font-family:'Questrial', Arial, sans-serif;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;color: #003f7f;border-collapse: collapse;">

                                                      <div class="mktoText" mktoname="Pre-title" id="preTitle">

                                                        Subtitle here

                                                      </div></td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="10"> </td>

                                                  </tr>

                                                  <tr>

                                                    <td class="primary-font title" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;font-family:Arial, Helvetica sans-serif;color: #003f7f;font-size: 15px;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;border-collapse: collapse;">

                                                      <div class="mktoText" mktoname="Title" id="title8">

                                                        LOREM SIT DOLOR AMET

                                                      </div></td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="10"> </td>

                                                  </tr>

                                                  <tr>

                                                    <td class="primary-font text" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;padding-left: 20px;font-family:Arial, Helvetica sans-serif;color: #7e878b;font-size: 14px;line-height: 150%;padding-top: 0;padding-right: 20px;padding-bottom: 0;border-collapse: collapse;">

                                                      <div class="mktoText" mktoname="Text" id="text6">

                                                        Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting...

                                                      </div></td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="10"> </td>

                                                  </tr>

                                                  <tr>

                                                    <td class="primary-font link" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:Arial, Helvetica sans-serif;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;font-size: 14px;border-collapse: collapse;">

                                                      <div class="mktoText" mktoname="FootLink" id="footLink">

                                                        <a href="http://mylink" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-decoration: none; color: #000000;">Discover More »</a>

                                                      </div></td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="20"> </td>

                                                  </tr>

                                                </tbody>

                                              </table> </td>

                                          </tr>

                                          <tr>

                                            <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="100"> </td>

                                          </tr>

                                        </tbody>

                                      </table>

                                      <!--[if gte mso 9]>

                   </v:textbox>

                   </v:rect>

                   <![endif]-->

                                    </center></td>

                                </tr>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;line-height:20px;font-size:20px;" height="20"> </td>

                                </tr>

                              </tbody>

                            </table> </td>

                        </tr>

                      </tbody>

                    </table>

                    <table id="features" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_features" mktoname="Features">

                      <tbody>

                        <tr>

                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;background-color:${featuresBackgroundColor};" bgcolor="${featuresBackgroundColor}" valign="top">

                            <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                              <tbody>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer};font-size:${featuresSpacer};" height="${featuresSpacer}"> </td>

                                </tr>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">

                                    <center>

                                      <table class="table1-3" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-spacing: 0;border-collapse: collapse;-ms-text-size-adjust: 100%;border-top-width:${featuresBorderSize};border-right-width:${featuresBorderSize};border-bottom-width:${featuresBorderSize};background-color:${featuresBackgroundColor2};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color:${featuresBorderColor};border-right-color:${featuresBorderColor};border-bottom-color:${featuresBorderColor};border-left-color:${featuresBorderColor};border-left-width:${featuresBorderSize};" align="left" bgcolor="${featuresBackgroundColor2}" border="0" cellpadding="0" cellspacing="0" width="170">

                                        <tbody>

                                          <tr>

                                            <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer2};font-size:${featuresSpacer2};" height="${featuresSpacer2}"> </td>

                                          </tr>

                                          <tr>

                                            <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" align="center">

                                              <center>

                                                <div style="display:inline-block" class="mktoImg" mktoname="Icon" id="icon" mktolockimgsize="true">

                                                  <a><img src="http://templates.marketo.net/newsletter8/ico2.png" alt="Icon" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; width: auto; height: auto; max-width: 100%; display: block; line-height: 100%;" height="60" width="60" /></a>

                                                </div>

                                              </center> </td>

                                          </tr>

                                          <tr>

                                            <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer3};font-size:${featuresSpacer3};" height="${featuresSpacer3}"> </td>

                                          </tr>

                                          <tr>

                                            <td class="contents" style="-webkit-hyphens: none; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -ms-text-size-adjust: 100%; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; text-align: center; border-collapse: collapse;">

                                              <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">

                                                <tbody>

                                                  <tr>

                                                    <td class="primary-font name" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:Arial, Helvetica sans-serif;text-align: center;font-size: 15px;color: black;font-weight: 300;border-collapse: collapse;">

                                                      <div class="mktoText" mktoname="Left Data Title" id="dataTitle">

                                                        OUR LOCATION

                                                      </div></td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer4};font-size:${featuresSpacer4};" height="${featuresSpacer4}"> </td>

                                                  </tr>

                                                  <tr>

                                                    <td class="primarty-font links" style="-moz-hyphens: none; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -ms-text-size-adjust: 100%; hyphens: none; font-family: Arial, Helvetica sans-serif; font-size: 13px; font-weight: 300; text-align: center; border-collapse: collapse;">

                                                      <div class="mktoText" mktoname="Left Links" id="links">

                                                        <a href="http://mylink" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-decoration: none; color: #ff9000;">Check on map »</a>

                                                      </div></td>

                                                  </tr>

                                                </tbody>

                                              </table> </td>

                                          </tr>

                                          <tr>

                                            <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer5};font-size:${featuresSpacer5};" height="${featuresSpacer5}"> </td>

                                          </tr>

                                        </tbody>

                                      </table>

                                      <table class="spacer" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="40">

                                        <tbody>

                                          <tr>

                                            <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="20" width="100%"></td>

                                          </tr>

                                        </tbody>

                                      </table>

                                      <table class="table1-3" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-spacing: 0;border-collapse: collapse;-ms-text-size-adjust: 100%;border-top-width:${featuresBorderSize2};border-right-width:${featuresBorderSize2};border-bottom-width:${featuresBorderSize2};background-color:${featuresBackgroundColor3};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color:${featuresBorderColor2};border-right-color:${featuresBorderColor2};border-bottom-color:${featuresBorderColor2};border-left-color:${featuresBorderColor2};border-left-width:${featuresBorderSize2};" align="left" bgcolor="${featuresBackgroundColor3}" border="0" cellpadding="0" cellspacing="0" width="179">

                                        <tbody>

                                          <tr>

                                            <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer6};font-size:${featuresSpacer6};" height="${featuresSpacer6}"> </td>

                                          </tr>

                                          <tr>

                                            <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" align="center">

                                              <center>

                                                <div style="display:inline-block" class="mktoImg" mktoname="Icon" id="icon2" mktolockimgsize="true">

                                                  <a><img src="http://templates.marketo.net/newsletter8/ico1.png" alt="Icon" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; width: auto; height: auto; max-width: 100%; display: block; line-height: 100%;" height="60" width="60" /></a>

                                                </div>

                                              </center> </td>

                                          </tr>

                                          <tr>

                                            <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer7};font-size:${featuresSpacer7};" height="${featuresSpacer7}"> </td>

                                          </tr>

                                          <tr>

                                            <td class="contents" style="-webkit-hyphens: none; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -ms-text-size-adjust: 100%; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; text-align: center; border-collapse: collapse;">

                                              <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">

                                                <tbody>

                                                  <tr>

                                                    <td class="primary-font name" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:Arial, Helvetica sans-serif;text-align: center;font-size: 15px;color: black;font-weight: 300;border-collapse: collapse;">

                                                      <div class="mktoText" mktoname="Center Data Title" id="dataTitle2">

                                                        CONTACT US

                                                      </div></td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer8};font-size:${featuresSpacer8};" height="${featuresSpacer8}"> </td>

                                                  </tr>

                                                  <tr>

                                                    <td class="primarty-font links" style="-moz-hyphens: none; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -ms-text-size-adjust: 100%; hyphens: none; font-family: Arial, Helvetica sans-serif; font-size: 13px; font-weight: 300; text-align: center; border-collapse: collapse;">

                                                      <div class="mktoText" mktoname="Center Links" id="links2">

                                                        <a href="http://mylink" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-decoration: none; color: #ff9000;">Send an email »</a>

                                                      </div></td>

                                                  </tr>

                                                </tbody>

                                              </table> </td>

                                          </tr>

                                          <tr>

                                            <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer9};font-size:${featuresSpacer9};" height="${featuresSpacer9}"> </td>

                                          </tr>

                                        </tbody>

                                      </table>

                                      <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="1">

                                        <tbody>

                                          <tr>

                                            <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="20" width="100%"></td>

                                          </tr>

                                        </tbody>

                                      </table>

                                      <table class="table1-3" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-spacing: 0;border-collapse: collapse;-ms-text-size-adjust: 100%;border-top-width:${featuresBorderSize3};border-right-width:${featuresBorderSize3};border-bottom-width:${featuresBorderSize3};background-color:${featuresBackgroundColor4};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color:${featuresBorderColor3};border-right-color:${featuresBorderColor3};border-bottom-color:${featuresBorderColor3};border-left-color:${featuresBorderColor3};border-left-width:${featuresBorderSize3};" align="right" bgcolor="${featuresBackgroundColor4}" border="0" cellpadding="0" cellspacing="0" width="170">

                                        <tbody>

                                          <tr>

                                            <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer10};font-size:${featuresSpacer10};" height="${featuresSpacer10}"> </td>

                                          </tr>

                                          <tr>

                                            <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" align="center">

                                              <center>

                                                <div style="display:inline-block" class="mktoImg" mktoname="Icon" id="icon3" mktolockimgsize="true">

                                                  <a><img src="http://templates.marketo.net/newsletter8/ico3.png" alt="Icon" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; width: auto; height: auto; max-width: 100%; display: block; line-height: 100%;" height="60" width="60" /></a>

                                                </div>

                                              </center> </td>

                                          </tr>

                                          <tr>

                                            <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer11};font-size:${featuresSpacer11};" height="${featuresSpacer11}"> </td>

                                          </tr>

                                          <tr>

                                            <td class="contents" style="-webkit-hyphens: none; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -ms-text-size-adjust: 100%; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; text-align: center; border-collapse: collapse;">

                                              <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">

                                                <tbody>

                                                  <tr>

                                                    <td class="primary-font name" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:Arial, Helvetica sans-serif;text-align: center;font-size: 15px;color: black;font-weight: 300;border-collapse: collapse;">

                                                      <div class="mktoText" mktoname="Right Data Title" id="dataTitle3">

                                                        ANY QUESTION?

                                                      </div></td>

                                                  </tr>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer12};font-size:${featuresSpacer12};" height="${featuresSpacer12}"> </td>

                                                  </tr>

                                                  <tr>

                                                    <td class="primarty-font links" style="-moz-hyphens: none; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -ms-text-size-adjust: 100%; hyphens: none; font-family: Arial, Helvetica sans-serif; font-size: 13px; font-weight: 300; text-align: center; border-collapse: collapse;">

                                                      <div class="mktoText" mktoname="Right Links" id="links3">

                                                        <a href="http://mylink" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-decoration: none; color: #ff9000;">Check our FAQ »</a>

                                                      </div></td>

                                                  </tr>

                                                </tbody>

                                              </table> </td>

                                          </tr>

                                          <tr>

                                            <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer13};font-size:${featuresSpacer13};" height="${featuresSpacer13}"> </td>

                                          </tr>

                                        </tbody>

                                      </table>

                                    </center> </td>

                                </tr>

                                <tr>

                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer14};font-size:${featuresSpacer14};" height="${featuresSpacer14}"> </td>

                                </tr>

                              </tbody>

                            </table> </td>

                        </tr>

                        <tr>

                          <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;line-height:20px;font-size:20px;" height="20"> </td>

                        </tr>

                      </tbody>

                    </table>

                    <table id="footer" style="border-collapse: collapse; background-color: #0f1e2d; width: 100%; max-width: 700px; margin: -20px auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_footer" mktoname="Footer">

                      <tbody>

                        <tr>

                          <td class="in" style="padding: 6px 0;">

                            <table class="row" style="border-collapse: collapse;width: 100%; max-width: 600px; margin: 0 auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">

                              <tbody>

                                <tr>

                                  <td class="in" style="padding: 5px 10px;" align="center" height="45">

                                    <!--footer right-->

                                    <div class="mktEditable" id="social" mktoname="social">

                                      <table class="social-icons-t mid" style="border-collapse: collapse; border: none; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" valign="middle" cellspacing="0" cellpadding="0" border="0" align="right">

                                        <tbody>

                                          <tr>

                                            <td class="s" style="padding-right: 10px;">

                                              <table class="social-icons color" style="border-collapse: collapse; background-color: #0f1e2d; display: inline-block;" cellspacing="0" cellpadding="0" border="0">

                                                <tbody>

                                                  <tr>

                                                    <td width="30" height="30" align="center"><a href="https://www.facebook.com/BackroadsActiveTravel" style="color: #0f1e2d; text-decoration: none; outline: none; cursor: pointer;" target="_blank"><img alt="Facebook icon" src="https://backroads-web.s3.amazonaws.com/newsletters/images/facebook-icon.png" style="border: 0; -ms-interpolation-mode: bicubic; max-width: 30px; max-height: 30px;" width="30" /></a></td>

                                                  </tr>

                                                </tbody>

                                              </table> </td>

                                            <td class="s" style="padding-right: 10px;">

                                              <table class="social-icons color" style="border-collapse: collapse; background-color: #0f1e2d; display: inline-block;" cellspacing="0" cellpadding="0" border="0">

                                                <tbody>

                                                  <tr>

                                                    <td width="30" height="30" align="center"><a href="https://twitter.com/BackroadsTravel" style="color: #0f1e2d; text-decoration: none; outline: none; cursor: pointer;" target="_blank"><img alt="Twitter icon" src="https://backroads-web.s3.amazonaws.com/newsletters/images/twitter-icon.png" style="border: 0; -ms-interpolation-mode: bicubic; max-width: 30px; max-height: 30px;" width="30" /></a></td>

                                                  </tr>

                                                </tbody>

                                              </table> </td>

                                            <td class="s" style="padding-right: 10px;">

                                              <table class="social-icons color" style="border-collapse: collapse; background-color: #0f1e2d; display: inline-block;" cellspacing="0" cellpadding="0" border="0">

                                                <tbody>

                                                  <tr>

                                                    <td width="30" height="30" align="center"><a href="https://instagram.com/backroadstravel" style="color: #0f1e2d; text-decoration: none; outline: none; cursor: pointer;" target="_blank"><img alt="Instagram icon" src="https://backroads-web.s3.amazonaws.com/newsletters/images/instagram-icon.png" style="border: 0; -ms-interpolation-mode: bicubic; max-width: 30px; max-height: 30px;" width="30" /></a></td>

                                                  </tr>

                                                </tbody>

                                              </table> </td>

                                            <td class="s" style="padding-right: 10px;">

                                              <table class="social-icons color" style="border-collapse: collapse; background-color: #0f1e2d; display: inline-block;" cellspacing="0" cellpadding="0" border="0">

                                                <tbody>

                                                  <tr>

                                                    <td width="30" height="30" align="center"><a href="https://www.pinterest.com/backroadstravel/" style="color: #0f1e2d; text-decoration: none; outline: none; cursor: pointer;" target="_blank"><img alt="Pinterest icon" src="https://backroads-web.s3.amazonaws.com/newsletters/images/pinterest-icon.png" style="border: 0; -ms-interpolation-mode: bicubic; max-width: 30px; max-height: 30px;" width="30" /></a></td>

                                                  </tr>

                                                </tbody>

                                              </table> </td>

                                            <td class="s" style="padding-right: 10px;">

                                              <table class="social-icons color" style="border-collapse: collapse; background-color: #0f1e2d; display: inline-block;" cellspacing="0" cellpadding="0" border="0">

                                                <tbody>

                                                  <tr>

                                                    <td width="30" height="30" align="center"><a href="https://www.youtube.com/user/BackroadsTrips" style="color: #0f1e2d; text-decoration: none; outline: none; cursor: pointer;" target="_blank"><img alt="YouTube icon" src="https://backroads-web.s3.amazonaws.com/newsletters/images/youtube-icon.png" style="border: 0; -ms-interpolation-mode: bicubic; max-width: 30px; max-height: 30px;" width="30" /></a></td>

                                                  </tr>

                                                </tbody>

                                              </table> </td>

                                            <td class="s" style="padding-right: 10px;">

                                              <table class="social-icons color" style="border-collapse: collapse; background-color: #0f1e2d; display: inline-block;" cellspacing="0" cellpadding="0" border="0">

                                                <tbody>

                                                  <tr>

                                                    <td width="30" height="30" align="center"><a href="https://www.linkedin.com/company/backroads" style="color: #0f1e2d; text-decoration: none; outline: none; cursor: pointer;" target="_blank"><img alt="LinkedIn icon" src="https://backroads-web.s3.amazonaws.com/newsletters/images/linkedin-icon.png" style="border: 0; -ms-interpolation-mode: bicubic; max-width: 30px; max-height: 30px;" width="30" /></a></td>

                                                  </tr>

                                                </tbody>

                                              </table> </td>

                                            <td class="s" style="padding-right: 10px;">

                                              <table class="social-icons color" style="border-collapse: collapse; background-color: #0f1e2d; display: inline-block;" cellspacing="0" cellpadding="0" border="0">

                                                <tbody>

                                                  <tr>

                                                    <td width="30" height="30" align="center"><a href="https://plus.google.com/+backroads/posts" style="color: #0f1e2d; text-decoration: none; outline: none; cursor: pointer;" target="_blank"><img alt="Google+ icon" src="https://backroads-web.s3.amazonaws.com/newsletters/images/google-icon.png" style="border: 0; -ms-interpolation-mode: bicubic; max-width: 30px; max-height: 30px;" width="30" /></a></td>

                                                  </tr>

                                                </tbody>

                                              </table> </td>

                                          </tr>

                                        </tbody>

                                      </table>

                                    </div>

                                    <table class="footer-left" style="border-collapse: collapse;border: none;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="left" border="0" cellpadding="0" cellspacing="0">

                                      <tbody>

                                        <tr>

                                          <td class="content" style="font-family: Tahoma, Arial; font-size: 11px; line-height: 13px; font-weight: 400; color: #77818c; -webkit-font-smoothing: antialiased; text-align: left; padding: 8px 0px 9px;">

                                            <div class="mktEditable" id="contact-info" mktoname="contact-info">

                                              <span style="color:#FFFFFF;"> CALL 800-462-2848 or your travel agent <br />to reserve your trip. <br />Open daily 6 am - 6 pm, Pacific time. </span>

                                            </div> </td>

                                        </tr>

                                      </tbody>

                                    </table>

                                    <table class="footer-left" style="border-collapse: collapse;border: none;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="left" border="0" cellpadding="0" cellspacing="0">

                                      <tbody>

                                        <tr>

                                          <td class="content" style="font-family: Tahoma, Arial; font-size: 11px; line-height: 13px; font-weight: 400; color: #77818c; -webkit-font-smoothing: antialiased; text-align: left; padding: 8px 0px 9px;"> </td>

                                        </tr>

                                      </tbody>

                                    </table>

                                    <table class="footer-left" style="border-collapse: collapse;border: none;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="left" border="0" cellpadding="0" cellspacing="0">

                                      <tbody>

                                        <tr>

                                          <td class="content" style="font-family: Tahoma, Arial; font-size: 11px; line-height: 13px; font-weight: 400; color: #77818c; -webkit-font-smoothing: antialiased; text-align: left; padding: 8px 0px 9px;"> </td>

                                        </tr>

                                      </tbody>

                                    </table> </td>

                                </tr>

                              </tbody>

                            </table> </td>

                        </tr>

                        <tr>

                          <td style="background-color: #eaeaea;">

                            <div class="mktEditable" id="footer-links" mktoname="footer-links" style="margin-left: 25px; margin-right: 25px;">

                              <p style="font-family: Roboto, sans-serif; font-size: 12px; line-height: 21px;">To ensure the delivery of Backroads emails to your inbox, just add travelupdate@backroads.com to your Email Address Book or Safe List. Thank you.</p>

                              <p style="font-family: Roboto, sans-serif; font-size: 12px; line-height: 21px;"><strong>UNSUBSCRIBE</strong> Our relationship with you is very important. If you no longer wish to receive occasional emails from us, please <a href="{{system.unsubscribeLink}}" target="_blank" style="color: #3797e0; text-decoration: underline;"><strong>unsubscribe</strong></a> here.</p>

                              <p style="font-family: Roboto, sans-serif; font-size: 12px; line-height: 21px;"><strong>UPDATE YOUR PREFERENCES</strong> We want to make sure we're sending you the emails you want to read.<br /> <a href="http://goactive.backroads.com/email-preferences.html" target="_blank" style="color: #3797e0; text-decoration: underline;"><strong>Update your email subscription preferences</strong></a> here.</p>

                              <p style="font-family: Roboto, sans-serif; font-size: 12px; line-height: 21px;">This email was sent by: <span style="color: #000000; font-family: Roboto, sans-serif; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #eaeaea; display: inline !important; float: none;">Backroads, 801 Cedar Street, Berkeley, CA, 94710, USA</span></p>

                              <p style="font-family: Roboto, sans-serif; font-size: 12px; line-height: 21px;">All contents and photography © 2017 Backroads | 800-462-2848</p>

                            </div></td>

                        </tr>

                      </tbody>

                    </table></td>

                </tr>

              </tbody>

            </table> </td>

        </tr>

      </tbody>

    </table>

    <!-- Outer Table END --> 

  </body>

</html>

Anonymous
Not applicable

Re: Snow Bunny Template Mobile Phone Rendering

Hi Frank,

Is there anyway you could past the correct code into the Marketo code and send to us? We are having problems developer getting us this template. It's been over 3 weeks and they haven't been able to fix this Marketo template. Thank you for your help. I also live in Dublin!

Anonymous
Not applicable

Re: Snow Bunny Template Mobile Phone Rendering

@brittanybrown

Can you past the code here?

Frank_Breen2
Level 10

Re: Snow Bunny Template Mobile Phone Rendering

The way Marketo have developed this template, it's supposed to cut off the edges, if you change the css to make it fit full width, then it makes the height too small. I had a lot of problems with a similar template in Outlook when doing physical testing, I found my content was hidden if I didn't download images. I try and stay clear of background images in email altogether, they are not worth the hassle, although some people here may have better solutions, I tend to stick to solid background colors and add images in normally using <img tag. Marketo template lack a lot of physical testing, they developed most of them via Litmus testing but when you put them in the real world, cracks start showing, they are great start though.

One small note if you do develop it more, in your code you had:

background:${heroBackgroundImage}

but it should be:

background:url(${heroBackgroundImage})

and

background-image:${heroBackgroundImage}

should be

background-image:url(${heroBackgroundImage})