'<!DOCTYPE html> <html>
<head>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900|Roboto+Slab:400,300,100,700' rel='stylesheet' type='text/css'>
<style>
table { width: 390px; height: 72px; }
table, td { border: 1px solid black; border-collapse: collapse; }
tr { height:10px; }
td { text-align: left; }
td.col1 { width:50px; }
td.col2 { text-align:right; width:60px; }
td.col3 { text-align:right; width:60px; }
td.col4 { text-align:right; width:30px; }
td.col5 { text-align:right; padding-left:50px; width:30px; }
span { font-weight: 500; letter-spacing: normal; }
.extra span { font-weight: inherit; }
body { font-family: Raleway; font-size: 14px; font-weight: 300; letter-spacing: .5px; line-height: 18x; background-image: url(http://i.imgur.com/KOHy10d.gif); background-repeat: repeat-x,y; min-width: 380px; max-width: 380px; margin: 39px 380px 4px 20px; }
</style>
</head>
<body>
<table>
<tr style="height:10px"> <td class="col1">Atlantic</td> <td class="col2">$1,016,231</td> <td class="col3">-$1,238,769 </td> <td class="col4">$2,266,521</td> <td class="col5">1.83</td> </tr>
<tr> <td class="col1">Pacific</td> <td class="col2">$897,844</td> <td class="col3">-$2,277,156</td> <td class="col4">$2,700,409</td> <td class="col5">1.19</td> </tr>
<tr> <td class="col1">EMEA</td> <td class="col2">$256,717</td> <td class="col3">$1,758,283</td> <td class="col4">$2,322,210</td> <td class="col5">1.32</td> </tr>
<tr> <td class="col1"><span>Total</span></td> <td class="col2"><span>$2,170,792</span></td> <td class="col3"><span>-$5,274,208</span></td> <td class="col4"><span>$7,289,140</span></td> <td class="col5"><span>1.38</span></td> </tr>
</table>
</body>
</html>'
