<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- So that mobile will display zoomed in -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- enable media queries for windows phone 8 -->
<meta name="format-detection" content="telephone=no"> <!-- disable auto telephone linking in iOS -->
<style>
body{
background-color:#f0f0f0;
margin:0;
padding:0;
}
.header,
.title,
.subtitle,
.footer-text {
font-family: Helvetica, Arial, sans-serif;
}
.container-padding {
padding-left: 34px;
padding-right: 34px;
}
.header {
font-size: 24px;
font-weight: bold;
font-style: normal;
color: #df4726;
background: #F0F0F0;
font-family: Helvetica, Arial, sans-serif;
text-align: left!important;
padding: 12px 0px 0px 0px;
}
.header-image{
max-width: 600px;
height:auto;
vertical-align: top;
}
.full-width-header-image{
width: 100%;
display: block;
}
.footer-text,
.footer-text th,
.footer-text td,
.footer-text li {
font-size: 13px;
line-height: 16px;
color: #ffffff;
background: #1b5083;
padding-top: 25px;
padding-bottom: 10px;
}
.footer-text a,
.footer-text th a,
.footer-text td a,
.footer-text li a {
color: #aaaaaa;
}
.footerlink{
font-size: 11px;
text-transform: uppercase;
text-decoration: underline;
}
.container {
width: 600px;
max-width: 600px;
}
.content {
padding-top: 22px;
padding-bottom: 82px;
background-color: #FFFFFF;
}
code {
background-color: #eee;
padding: 0 4px;
font-family: Courier, monospace;
font-size: 12px;
}
hr {
border: 0;
border-bottom: 1px solid #cccccc;
}
.hr {
height: 1px;
border-bottom: 1px solid #cccccc;
}
h1 {
font-size: 23px;
font-weight: 300 !important;
font-style: normal;
color: #374550;
font-family: Roboto !important;
text-align: left;
}
h2,h3,h4 {
font-size: 18px;
font-weight: 300 !important;
font-style: normal;
color: #374550;
font-family: Roboto !important;
text-align: left;
}
.subtitle {
font-size: 16px;
font-weight: 600;
color: #2469A0;
}
.subtitle span {
font-weight: 400;
color: #999999;
}
.body-text,
.body-text td,
.body-text th,
.body-text li {
font-family: Roboto !important;
font-size: 16px !important;
color: #808284 !important;
font-weight: 300 !important;
font-style: normal;
line-height: 1.5;
}
.body-text,
.body-text td,
.body-text th{
text-align: left;
}
a{
color: #2aa0ef;
font-weight: normal;
font-style: normal;
text-decoration: underline;
}
.body-text .content-twocol td,
.body-text .content-twocol h1,
.body-text .content-twocol h2,
.body-text .content-twocol h3,
.body-text .content-twocol h4{
text-align: left;
}
body {
margin: 0;
padding: 0;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
table {
border-spacing: 0;
}
table td {
border-collapse: collapse;
}
.ExternalClass {
width: 100%;
}
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
.ReadMsgBody {
width: 100%;
background-color: #f0f0f0;
}
table {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
}
a.footerlink{
font-size: 12px;
text-decoration: none;
color:###footerlinkcolor###;
text-shadow: 1px 2px 3px ###footerlinkshadowcolor###;
}
.yshortcuts a {
border-bottom: none !important;
}
@media screen and (max-width: 599px) {
table[class="force-row"],
table[class="container"] {
width: 100% !important;
max-width: 100% !important;
}
}
@media screen and (max-width: 400px) {
td[class*="container-padding"] {
padding-left: 12px !important;
padding-right: 12px !important;
}
.header-image{
max-width: 100% !important;
}
td[class*="one-half"] {
display: block;
width: 100% !important;
}
td[class*="one-half"],
td[class*="one-half"] p,
td[class*="one-half"] h1,
td[class*="one-half"] h2,
td[class*="one-half"] h3,
td[class*="one-half"] h4{
text-align: left!important;
}
}
.ios-footer a {
color: #aaaaaa !important;
text-decoration: underline;
}
</style>
</head>
<body style="background-color: #f0f0f0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0; padding: 0;">
<!-- 100% background wrapper (grey background) -->
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" class="plugin-ninja-forms" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt;">
<tr>
<td align="center" valign="top" style="border-collapse: collapse;">
<br>
<!-- 600px container (white background) -->
<table border="0" width="600" cellpadding="0" cellspacing="0" class="container" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; max-width: 600px; width: 600px;">
<tr>
<td class="container-padding header" align="left" style="border-collapse: collapse; padding-left: 34px; padding-right: 34px; background: #F0F0F0; color: #df4726; font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-style: normal; font-weight: bold; padding: 12px 0px 0px 0px; text-align: left!important;">
<a href="https://www.cyber-construction.com" style="color: #2aa0ef; font-style: normal; font-weight: normal; text-decoration: underline;"><img class="header-image full-width-header-image" src="http://www.cyber-construction.com/wp-content/uploads/2016/10/header2.jpg" style="-ms-interpolation-mode: bicubic; height: auto; max-width: 600px; vertical-align: top; display: block; width: ;" height: alt="Cyber-Construction, Inc."></a>
</td>
</tr>
<tr>
<td class="container-padding content" align="" style="border-collapse: collapse; padding-left: 34px; padding-right: 34px; background-color: #FFFFFF; padding-bottom: 82px; padding-top: 22px;">
<div class="body-text" style="color: #808284 !important; font-family: Roboto !important; font-size: 16px !important; font-style: normal; font-weight: 300 !important; line-height: 1.5; text-align: left;">
<table width="100%" border="0" cellpadding="0" ceppspacing="0" id="" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"><tr><td class="container-padding" style="border-collapse: collapse; padding-left: 34px; padding-right: 34px; color: #808284 !important; font-family: Roboto !important; font-size: 16px !important; font-style: normal; font-weight: 300 !important; line-height: 1.5; text-align: left;">
<p>Kevinvef, </p>
<p>Thank you for contacting Cyber-Construction, Inc. concerning Website Content Writing. A team member will review your request and get back to you within 1-2 business days.</p>
<p>Cyber-Construction, Inc.<br>
888-852-6587<br>
<a href="http://www.cyber-construction.com" style="color: #2aa0ef; font-style: normal; font-weight: normal; text-decoration: underline;">www.cyber-construction.com</a></p>
</td></tr></table>
</div>
</td>
</tr>
<tr>
<td class="container-padding footer-text" align="left" style="border-collapse: collapse; font-family: Helvetica, Arial, sans-serif; padding-left: 34px; padding-right: 34px; background: #1b5083; color: #ffffff; font-size: 13px; line-height: 16px; padding-bottom: 10px; padding-top: 25px;">
<p style="text-align: center;">Cyber-Constuction, Inc. | Roselle, Illinois | Lake in the Hills, Illinois | (888) 852-6587</p>
<br>
</td>
</tr>
</table>
<!--/600px container -->
</td>
</tr>
</table>
<!--/100% background wrapper-->
</body>
</html>