Hello - I am having an issue where the border-right that I have placed on the left column in my two column template is showing up as broken in certain places. It looks like it's maybe getting pushed by 1 pixel in certain spots? This looks to be happening in all (or most) email clients.

Here's a screenshot with the issue highlighted.

Can anyone help?

Here's the full code:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        body {
            margin:0;
            padding:0;
        }
        table, td {
            border-collapse: collapse;
            margin:0;
            padding:0;
        }
        table {
            mso-table-lspace:0pt;
            mso-table-rspace:0pt;
        }
        img {
            display:block;
            border:0 none;
            outline:none;
            text-decoration:none;
            line-height: 100%;
        }
        a {
            text-decoration: none;
            color:#56004E;
        }
        h1 {
            font-family: Georgia, Times, 'Times New Roman', serif;
            font-size: 36px;
            font-weight: normal;
            color:#56004E;
            margin:0;
        }
        h2 {
            font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size: 19px;
            font-weight: normal;
            color: #888888;
            margin:0;
        }
        h3 {
            font-family: Georgia, Times, 'Times New Roman', serif;
            font-size: 25px;
            font-weight: normal;
            color:#56004E;
            margin:0;
        }
        p {
            font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size: 14px;
            line-height: 125%;
            margin:10px 0 0 0;
        }
        #wrapper {
            margin:0 auto;
            max-width:600px;
            width:600px;
            display:block;
            background-color: #ffffff;
        }
        .caption {
            font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size: 10px;
            color:#888888;
            text-align: right;
            margin:0;
        }
        .date {
            font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size: 14px;
            color: #77787B;
        }
        .billing {
            font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size:16px;
        }
        .unsubFooter {
            font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size:11px;
            display:block;
            color:#ffffff;
            line-height:200%;
            box-sizing: border-box;
        }
        .unsubFooter a {
            text-decoration: none;
            color:#ffffff;
        }
        .footer {
            font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size:11px;
            display:block;
            color:#ffffff;
            box-sizing: border-box;
        }
        .footer a {
            text-decoration: none;
            color:#ffffff;
        }
        .footer td {
            display:inline-block;
        }
        a.button {
            font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size:16px;
            text-decoration: none;
            color:#ffffff;
            margin:0 0 20px 0px;
            display:block;
            border:10px solid #EE343F;
            background-color:#EE343F;
            border-radius:0px;
            width:100px;
        }
        a.buttonSmall {
            font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size:14px;
            text-decoration: none;
            color:#ffffff;
            margin:0 0 20px 0px;
            display:block;
            border:5px solid #00929F;
            background-color:#00929F;
            border-radius:0px;
            width:90px;
        }
        a.buttonSmallWide {
            font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size:14px;
            text-decoration: none;
            color:#ffffff;
            margin:0 0 20px 0px;
            display:block;
            border:5px solid #00929F;
            background-color:#00929F;
            border-radius:0px;
            width:115px;
        }
        .headerColumn {
            max-width: 300px;
            display:inline-block;
            vertical-align: middle;
        }
        .hero {
            box-sizing: border-box;
            display:block;
        }
        .event {
            box-sizing: border-box;
            display:block;
        }
        .credits {
            font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size: 10px;
            color:#888888;
        }
        .eventColumn {
            display: inline-block;
            vertical-align: top;
        }
        .left {
            width:389px;
            border-right: 1px solid #000000;
        }
        .right {
            width:199px;
        }
        @media only screen and (max-width:599px) {
            #wrapper {
                display:block;
                max-width: 599px;
                width:100%;
            }
            .resEventImage {
                height:auto;
                width:100% !important;
                display: block;
            }
            .eventColumn {
                display: block;
                width: 100% !important;
            }
            .left {
                width:100% !important;
                border:0 !important;
            }
            .right {
                width:100% !important;
            }
            .caption {
                padding-right: 10px !important;
            }
        }
        @media only screen and (max-width:480px) {
            #wrapper {
                display:block;
                max-width: 440px;
                width:100%;
            }
            .resImage {
                height:auto;
                width:100%;
                display: block;
            }
            .eventColumn {
                display: block;
                width: 100% !important;
            }
            .left {
                width:100% !important;
                border:0 !important;
            }
            .right {
                width:100% !important;
            }
        }
    </style>
    </head>
    <body>
        <!-- START background color table -->
        <table cellpadding="0" cellspacing="0" border="0" align="center" width="100%" bgcolor="#eeeeee">
        <tr>
            <td align="center" width="100%">
        <!--[if (gte mso 9)|(IE)]><table width="600" align="center"><tr><td align="center"><![endif]-->         
                <!-- START wrapper table -->
                <table id="wrapper" cellpadding="0" cellspacing="0" border="0" align="center" width="100%"      style="padding-top:5px;">
                    <tr>
                        <td align="left" width="100%">


                            <!-- START hero table -->
                            <table class="hero" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0 10px 0 10px;" align="left" width="100%">
                                        <h1>Header</h1>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" align="left" width="100%">
                                    <h2>Subheader</h2>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" align="left" width="100%">
                                    <img class="resEventImage" src="http://media.mail2app.lynch2.com/media/50/500855/Placeholder%20images/placeholder_image_570x225.jpg" width="570" align="left" alt="Placeholder Image">
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 20px 0 0px;" class="caption" align="right" width="100%">
                                    <span>Caption</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 10px 10px;" align="left" width="100%">
                                    <p>Body Copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sollicitudin nunc nibh, nec dignissim dolor tempor sit amet. Cum sociis natoque penatibus et magnis dis.</p>
                                    </td>
                                </tr>
                            </table>
                            <!-- END hero table -->
                            <!-- START left column events -->
    <!--[if (gte mso 9)|(IE)]><table width="600" align="center"><tr><td align="center" width="68%" valign="top"><![endif]-->                            
                            <!-- START event table -->
                            <div class="eventColumn">
                            <table class="event left" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                    <img class="resEventImage" src="http://media.mail2app.lynch2.com/media/50/500855/Placeholder%20images/placeholder_image_570x225.jpg" alt="" width="370">
                                    </td>
                                </tr>   
                                <tr>
                                    <td style="padding:0 10px 0 0px;" class="caption" align="right" width="100%">
                                    <span>Caption</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0px 10px 0 10px;" class="date" align="left" width="100%">
                                        Date/Time<br/>
                                        Venue
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" align="left" width="100%">
                                        <h3>Title</h3></a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" class="billing" align="left" width="100%">
                                    Billing
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                        <p>
                                        Event Copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sollicitudin nunc nibh, nec dignissim dolor tempor sit amet. Cum sociis natoque penatibus et magnis dis.</p><br/>
                                        <a class="button" href="#">Get&nbsp;Tickets&nbsp;&rsaquo;</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:10px 10px 0 10px;" class="credits" align="left" width="100%">
                                        Credits
                                    </td>
                                </tr>   
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>   
                            </table>
                            <!-- END event table -->
                            <!-- START horizontal rule -->
                            <table class="left" cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0px 10px 0px 10px;" align="center" width="100%">
                                        <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                            <tr>
                                            <td style="background:none; border-top: solid 1px #56004E; height:1px; width:100%; margin: 0; padding-top: 10px; padding-bottom:0px; padding-right: 10px; padding-left: 10px;" align="center" width="100%"> 
                                                    &nbsp;
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                            <!-- END horizontal rule -->
                                <!-- START event table -->
                            <table class="event left" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                    <img class="resEventImage" src="http://media.mail2app.lynch2.com/media/50/500855/Placeholder%20images/placeholder_image_570x225.jpg" alt="" width="370">
                                    </td>
                                </tr>   
                                <tr>
                                    <td style="padding:0 10px 0 0px;" class="caption" align="right" width="100%">
                                    <span>Caption</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0px 10px 0 10px;" class="date" align="left" width="100%">
                                        Date/Time<br/>
                                        Venue
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" align="left" width="100%">
                                        <h3>Title</h3>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" class="billing" align="left" width="100%">
                                    Billing
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                        <p>
                                        Event Copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sollicitudin nunc nibh, nec dignissim dolor tempor sit amet. Cum sociis natoque penatibus et magnis dis.</p><br/>
                                        <a class="button" href="#">Get&nbsp;Tickets&nbsp;&rsaquo;</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:10px 10px 0 10px;" class="credits" align="left" width="100%">
                                        Credits
                                    </td>
                                </tr>   
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>   
                            </table>
                            <!-- END event table -->
                            <!-- START horizontal rule -->
                            <table class="left" cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0px 10px 0px 10px;" align="center" width="100%">
                                        <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                            <tr>
                                            <td style="background:none; border-top: solid 1px #56004E; height:1px; width:100%; margin: 0; padding-top: 10px; padding-bottom:0px; padding-right: 10px; padding-left: 10px;" align="center" width="100%"> 
                                                    &nbsp;
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                            <!-- END horizontal rule -->
                                <!-- START event table -->
                            <table class="event left" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                    <img class="resEventImage" src="http://media.mail2app.lynch2.com/media/50/500855/Placeholder%20images/placeholder_image_570x225.jpg" alt="" width="370">
                                    </td>
                                </tr>   
                                <tr>
                                    <td style="padding:0 10px 0 0px;" class="caption" align="right" width="100%">
                                    <span>Caption</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0px 10px 0 10px;" class="date" align="left" width="100%">
                                        Date/Time<br/>
                                        Venue
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" align="left" width="100%">
                                        <h3>Title</h3>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" class="billing" align="left" width="100%">
                                    Billing
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                        <p>
                                        Event Copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sollicitudin nunc nibh, nec dignissim dolor tempor sit amet. Cum sociis natoque penatibus et magnis dis.</p><br/>
                                        <a class="button" href="#">Get&nbsp;Tickets&nbsp;&rsaquo;</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:10px 10px 0 10px;" class="credits" align="left" width="100%">
                                        Credits
                                    </td>
                                </tr>   
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>   
                            </table>
                            </div>
                            <!-- END event table -->
                            <!-- END left column events -->
    <!--[if (gte mso 9)|(IE)]>
                                           </td><td width="28%" align="center">
                                        <![endif]-->                            
                            <!-- START right column events -->
                            <!-- START event table -->
                            <div class="eventColumn">
                            <table class="event right" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                    <img class="resEventImage" src="http://media.mail2app.lynch2.com/media/50/500855/Placeholder%20images/placeholder_image_570x225.jpg" alt="" width="180">
                                    </td>
                                </tr>   
                                <tr>
                                    <td style="padding:0 10px 0 0px;" class="caption" align="right" width="100%">
                                    <span>Caption</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0px 10px 0 10px;" class="date" align="left" width="100%">
                                        Date/Time<br/>
                                        Venue
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" align="left" width="100%">
                                        <h3>Title</h3>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" class="billing" align="left" width="100%">
                                    Billing
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                        <p>
                                        Event Copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sollicitudin nunc nibh, nec dignissim dolor tempor sit amet. Cum sociis natoque penatibus et magnis dis.</p><br/>
                                        <a class="buttonSmallWide" href="#">View&nbsp;Slide&nbsp;Show&nbsp;&rsaquo;</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:10px 10px 0 10px;" class="credits" align="left" width="100%">
                                        Credits
                                    </td>
                                </tr>   
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>   
                            </table>
                            <!-- END event table -->
                            <!-- START event table -->
                            <table class="event right" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                    <img class="resEventImage" src="http://media.mail2app.lynch2.com/media/50/500855/Placeholder%20images/placeholder_image_570x225.jpg" alt="" width="180">
                                    </td>
                                </tr>   
                                <tr>
                                    <td style="padding:0 10px 0 0px;" class="caption" align="right" width="100%">
                                    <span>Caption</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0px 10px 0 10px;" class="date" align="left" width="100%">
                                        Date/Time<br/>
                                        Venue
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" align="left" width="100%">
                                        <h3>Title</h3>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" class="billing" align="left" width="100%">
                                    Billing
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                        <p>
                                        Event Copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sollicitudin nunc nibh, nec dignissim dolor tempor sit amet. Cum sociis natoque penatibus et magnis dis.</p><br/>
                                        <a class="buttonSmallWide" href="#">View&nbsp;Slide&nbsp;Show&nbsp;&rsaquo;</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:10px 10px 0 10px;" class="credits" align="left" width="100%">
                                        Credits
                                    </td>
                                </tr>   
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>   
                            </table>
                            <!-- END event table -->
                            <!-- START horizontal rule -->
                            <table class="right" cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0px 10px 0px 10px;" align="center" width="100%">
                                        <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                            <tr>
                                            <td style="background:none; border-top: solid 1px #56004E; height:1px; width:100%; margin: 0; padding-top: 10px; padding-bottom:0px; padding-right: 10px; padding-left: 10px;" align="center" width="100%"> 
                                                    &nbsp;
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                            <!-- END horizontal rule -->
                                <!-- START event table -->
                            <table class="event right" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                    <img class="resEventImage" src="http://media.mail2app.lynch2.com/media/50/500855/Placeholder%20images/placeholder_image_570x225.jpg" alt="" width="180">
                                    </td>
                                </tr>   
                                <tr>
                                    <td style="padding:0 10px 0 0px;" class="caption" align="right" width="100%">
                                    <span>Caption</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0px 10px 0 10px;" class="date" align="left" width="100%">
                                        Date/Time<br/>
                                        Venue
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" align="left" width="100%">
                                        <h3>Title</h3>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" class="billing" align="left" width="100%">
                                    Billing
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                        <p>
                                        Event Copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sollicitudin nunc nibh, nec dignissim dolor tempor sit amet. Cum sociis natoque penatibus et magnis dis.</p><br/>
                                        <a class="button" href="#">Get&nbsp;Tickets&nbsp;&rsaquo;</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:10px 10px 0 10px;" class="credits" align="left" width="100%">
                                        Credits
                                    </td>
                                </tr>   
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>   
                            </table>
                            <!-- END event table -->
                            <!-- START horizontal rule -->
                            <table class="right" cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0px 10px 0px 10px;" align="center" width="100%">
                                        <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                            <tr>
                                            <td style="background:none; border-top: solid 1px #56004E; height:1px; width:100%; margin: 0; padding-top: 10px; padding-bottom:0px; padding-right: 10px; padding-left: 10px;" align="center" width="100%"> 
                                                    &nbsp;
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                            <!-- END horizontal rule -->
                                <!-- START event table -->
                            <table class="event right" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                    <img class="resEventImage" src="http://media.mail2app.lynch2.com/media/50/500855/Placeholder%20images/placeholder_image_570x225.jpg" alt="" width="180">
                                    </td>
                                </tr>   
                                <tr>
                                    <td style="padding:0 10px 0 0px;" class="caption" align="right" width="100%">
                                    <span>Caption</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0px 10px 0 10px;" class="date" align="left" width="100%">
                                        Date/Time<br/>
                                        Venue
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" align="left" width="100%">
                                        <h3>Title</h3></a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" class="billing" align="left" width="100%">
                                    Billing
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                        <p>
                                        Event Copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sollicitudin nunc nibh, nec dignissim dolor tempor sit amet. Cum sociis natoque penatibus et magnis dis.</p><br/>
                                        <a class="button" href="#">Get&nbsp;Tickets&nbsp;&rsaquo;</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:10px 10px 0 10px;" class="credits" align="left" width="100%">
                                        Credits
                                    </td>
                                </tr>   
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>   
                            </table>
                            </div>
                            <!-- END event table -->
                            <!-- END right column events -->
    <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
                            <!-- START credits -->
                            <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:20px 10px 20px 10px;" class="credits" align="left" width="100%"> 
                                        <span>Credits</span>
                                    </td>
                                </tr>
                            </table>
                            <!-- END credits -->                                    
                            <!-- START unsub footer wrapper -->
                            <table class="unsubFooter" cellspacing="0" cellpadding="0" border="0" align="center" width="100%" bgcolor="#56004E">
                                <tr>
                                    <td align="left" width="100%">
                                        <!-- START unsub footer -->
                                        <table class="unsubFooter" cellpadding="0" cellspacing="0" border="0" width="100%" align="left">
                                            <tr>
                                                <td style="padding:5px 10px 5px 10px;" align="left" width="100%">
                                                    View in your browser | Unsubscribe | Manage Your Preferences | Contact Us
                                                </td>
                                            </tr>
                                        </table>            
                                        <!-- END unsub footer -->
                                    </td>
                                </tr>
                            </table>        
                            <!-- END unsub footer wrapper -->
                            <!-- START footer wrapper -->
                            <table class="footer" cellpadding="0" cellspacing="0" border="0" align="center" width="100%" bgcolor="#808080">
                                <tr>
                                    <td>
                                        <!-- START footer -->
                                        <table class="footer" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                            <tr>
                                                <td style="padding:5px 20px 5px 10px; color:#ffffff; box-sizing: border-box;" colspan="3" align="left" width="100%">
                                                    Photography: XXX<br/><br/>

                                                </td>
                                            </tr>

                                        </table>
                                        <!-- END footer -->
                                    </td>
                                </tr>
                            </table>        
                            <!-- END footer wrapper -->
                        </td>
                    </tr>
                </table>        
                <!-- END wrapper table -->
    <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
            </td>
        </tr>
    </table>
    <!-- END background color table -->
    </body>
    </html>