Give this a try and see if it looks the same:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<title>360pi</title>
<style type="text/css">
/* /\/\/\/\/\/\/\/\/ 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 */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
/* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */
@media only screen and (max-device-width: 480px), screen and (max-width: 480px){
/* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */
/* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */
#bodyCell{padding:0px !important;}
/* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */
/* ======== Page Styles ======== */
#templateContainer{
max-width:600px !important;
width:100% !important;
}
h1{
font-size:24px !important;
line-height:100% !important;
}
h2{
font-size:20px !important;
line-height:100% !important;
}
h3{
font-size:18px !important;
line-height:100% !important;
}
h4{
font-size:16px !important;
line-height:100% !important;
}
/* ======== Header Styles ======== */
/* #templatePreheader{display:none !important;} Hide the template preheader to save space */
#headerImage{
/* height:auto !important; */
max-width:600px !important;
width:100% !important;
}
#templateHeader{background-position: center;}
#templateHeaderTable {
width: 90% !important;
}
.headerContent{
font-size:20px !important;
line-height:125% !important;
}
#headerIcon {
vertical-align: top !important;
}
#headerTitles {
padding-left: 3% !important;
}
#singleName {
color: #000 !important;
font-size: 4px !important;
}
/* ======== Body Styles ======== */
.bodyContent{
font-size:18px !important;
line-height:125% !important;
}
/* ======== Column Styles ======== */
#templateColumns { width: 100% !important; }
#templateColumnTable { width: 100% !important;}
.templateColumnContainer_ts {display:block !important; width:100% !important;}
#contentColumnLeft {display:block !important; width:100% !important;}
#contentColumnRight {display:block !important; width:100% !important;}
.columnImage{
height:auto !important;
max-width:100% !important;
width:100% !important;
}
.leftColumnContent_ts{
font-size:16px !important;
line-height:125% !important;
}
.rightColumnContent_ts{
font-size:16px !important;
line-height:125% !important;
}
/* ======== Footer Styles ======== */
#footerLinksContent {
width: 100%;
}
#footerLinksContentLeft {
display:block !important; width:100% !important;
font-size: 9px !important;
}
#footerLinksIcons {
width: 100% !important;
text-align: center !important;
margin-bottom: 8px;
}
#footerLinksIconsText {
width: 100px !important;
}
#footerLinksContentRight {
display:block !important; width:100% !important;
text-align: center !important;
font-size: 9px !important;
}
.footerContent{
font-size:14px !important;
line-height:115% !important;
}
.footerContent a{display:block !important;} /* Place footer social and utility links on their own lines, for easier access */
}
</style>
<style type="text/css">
body.c16 {margin: 0;padding: 0;background-color: #f2f2f2;height: 100%;width: 100%;}
div.c15 {text-align: center}
table.c14 {margin: 0;padding: 0;background-color: #f2f2f2;border-collapse: collapse;height: 100%;width: 100%;}
td.c13 {margin: 0;padding: 0px;height: 100%;width: 100%; border-top: 4px solid #e9e9e9;}
table.c12 {width: 100%;background-color: #e9e9e9;border-collapse: collapse;}
table.c11 {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse; margin-bottom: 30px}
table.c10 {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse; background-color: black}
td.c9 {text-align: center;background: black;padding: 10px 15px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;}
a.c8 {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
img.c7 {-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;}
table.c6 {background-color: #F4F4F4;border-collapse: collapse;}
td.c5 {background-color: #fff;color: #505050;font-family: 'PT Sans' , Helvetica, sans-serif;font-size: 16px;line-height: 150%;text-align: left;width: 60%;}
table.c4 {border-collapse: collapse;}
td.c3 {padding: 20px;}
table.c2 {width: 600px; border-collapse: collapse; text-align: center;}
td.c1 {color: #505050;font-family: Helvetica;font-size: 14px;line-height: 150%;padding-top: 0;text-align: left; width: 100%;}
</style>
<style type="text/css">
div.c1 {text-align: center}
</style>
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" class="c16">
<div class="c15 c1">
<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" class="c14">
<tr>
<td align="center" valign="top" id="bodyCell" class="c13">
<!-- BEGIN TEMPLATE // -->
<table border="0" cellpadding="0" cellspacing="0" id="templateContainer" class="c12">
<tr>
<td align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateColumns" class="c6">
<tr>
<td id="contentColumnLeft" valign="top" class="templateColumnContainer_ts bodyContent c5">
<table align="center" border="0" cellpadding="0" cellspacing="0" class="c4">
<tr>
<td valign="top" class="c3">
<table align="center" id="templateColumnTable" border="0" cellpadding="0" cellspacing="0" class="c2">
<tr>
<td class="leftColumnContent_ts c1">
<div class="mktEditable" id="singleColumnContent">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quam dui, sollicitudin non imperdiet in, consequat vitae arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nisi ac nulla tempor, id auctor elit tempor. Aenean varius odio sit amet sem venenatis euismod.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quam dui, sollicitudin non imperdiet in, consequat vitae arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nisi ac nulla tempor, id auctor elit tempor. Aenean varius odio sit amet sem venenatis euismod.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quam dui, sollicitudin non imperdiet in, consequat vitae arcu. Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nisi ac nulla tempor, id auctor elit tempor. Aenean varius odio sit amet sem venenatis euismod.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quam dui, sollicitudin non imperdiet in, consequat vitae arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nisi ac nulla tempor, id auctor elit tempor. Aenean varius odio sit amet sem venenatis euismod.</p>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="c11">
<tr>
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" id="templatePreheader" class="c10">
<tr>
<td nowrap="nowrap" class="c9"><a href="http://www.360pi.com/" target="_blank" class="c8"><img src="http://resources.360pi.com/rs/gazaro/images/personal_logo.png" alt="360pi" class="c7" /></a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table><!-- // END TEMPLATE -->
</td>
</tr>
</table>
</div>
</body>
</html>