01. Select Base File :: Manual Layout Creator

01. Select Base File

The base file is basically the shell that will hold the modules that will contain the actual newsletter content.
Choose a base file from the ones below by copying the source code from the textarea just beneath it
Save the source code as a new html file directly in the /in-work folder as it depends on some images contained in the subfolders /in-work/images and /in-work/placeholders

<html>
<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 1  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#999999; }
			.view-browser a{ color:#999999; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#E4E2E4 #E4E2E4 #E4E2E4 #E4E2E4; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#545454">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#545454"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>
	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
		
		<table cellpadding="0" cellspacing="0" width="540" align="center">
			<tr>
				<td width="260" valign="top">
				
					<img src="images/logo.jpg" width="176" height="32" alt="" border="0" class="block">
		
				</td>
				<td width="20">&nbsp;</td><!-- spacer -->
				<td width="260" valign="top" align="right" class="ourwebsite">
				
					Visit our website
					<br><b><a href="http://www.site.com/">www.YourWebsite.com</a></b>
				
				</td>
			</tr>
		</table>
		
		<img src="images/divider-600x61.gif" width="600" height="61" alt="" border="0" class="block">
			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->
		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
		
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">
						
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
					
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="206" valign="top">
							
								<h4><span>About Us</span></h4>
								
								Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Vestibulum a massa justo ..
								<a href="#">Read More</a>
								
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="146" valign="top">
							
								<h4><span>Email Options</span></h4>
								
								<a href="#">Manage Subscription</a>
								<br><a href="#">Forward to Friend</a>
								<br><a href="#">Privacy Policy</a>
		
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="146" valign="top">
							
								<h4><span>Share This</span></h4>
								
								<a href="http://www.facebook.com/"><img src="images/social/facebook.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.twitter.com/"><img src="images/social/twitter.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.linkedin.com/"><img src="images/social/linkedin.png" width="28" height="28" border="0" alt=""></a>
																
							</td>
						</tr>
					</table>
					
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- company info + subscription -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td valign="top">
							
								   <b>&copy; YourCompany</b>, Some Adress, Some City, XY 305 | T: +1 234 567 8910 |
									E: <a href="mailto:office@site.com">office@site.com</a>
								   <br>&nbsp;&nbsp; This newsletter was sent to mail@asite.com.
									Rather not receive it anymore? <a href="http://www.site.com/">Unsubscribe</a>
							
							</td>
						</tr>	
					</table>
					<!-- end company info + subscription -->
					
					<img src="images/footer-divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
					
				</td>
			</tr>
		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->
	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>
		
<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 2  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#999999; }
			.view-browser a{ color:#999999; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#E4E2E4 #E4E2E4 #E4E2E4 #E4E2E4; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#545454">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#545454"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>
	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
		
		<table cellpadding="0" cellspacing="0" width="540" align="center">
			<tr>
				<td width="260" valign="top">
				
					<img src="images/logo.jpg" width="176" height="32" alt="" border="0" class="block">
		
				</td>
				<td width="20">&nbsp;</td><!-- spacer -->
				<td width="260" valign="top" align="right" class="ourwebsite">
				
					<b>12/2/2011</b><br>
					Lorem ipsum dolor sit amet
				
				</td>
			</tr>
		</table>
		
		<img src="images/divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
		
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0" class="menu">
			<tr>
				<td width="30" height="40">&nbsp;</td>
				<td width="540" height="40">
					
					<a href="#">Etiam &amp; blandit</a> | 
					<a href="#">Sagittis ullamcorper</a> | 
					<a href="#">Adipiscing &amp; Lectus</a> | 
					<a href="#">Etiam eleifend</a> | 
					<a href="#">Donec dignissim odio</a>
					
				</td>
				<td width="30" height="40">&nbsp;</td>
			</tr>	
		</table>
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->
		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
		
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">
						
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
					
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="206" valign="top">
							
								<h4><span>About Us</span></h4>
								
								Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Vestibulum a massa justo ..
								<a href="#">Read More</a>
								
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="146" valign="top">
							
								<h4><span>Email Options</span></h4>
								
								<a href="#">Manage Subscription</a>
								<br><a href="#">Forward to Friend</a>
								<br><a href="#">Privacy Policy</a>
		
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="146" valign="top">
							
								<h4><span>Share This</span></h4>
								
								<a href="http://www.facebook.com/"><img src="images/social/facebook.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.twitter.com/"><img src="images/social/twitter.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.linkedin.com/"><img src="images/social/linkedin.png" width="28" height="28" border="0" alt=""></a>
																
							</td>
						</tr>
					</table>
					
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- company info + subscription -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td valign="top">
							
								   <b>&copy; YourCompany</b>, Some Adress, Some City, XY 305 | T: +1 234 567 8910 |
									E: <a href="mailto:office@site.com">office@site.com</a>
								   <br>&nbsp;&nbsp; This newsletter was sent to mail@asite.com.
									Rather not receive it anymore? <a href="http://www.site.com/">Unsubscribe</a>
							
							</td>
						</tr>	
					</table>
					<!-- end company info + subscription -->
					
					<img src="images/footer-divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
					
				</td>
			</tr>
		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->
	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>
		
<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 3  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#999999; }
			.view-browser a{ color:#999999; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#E4E2E4 #E4E2E4 #E4E2E4 #E4E2E4; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#545454">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#545454"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>
	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
		
		<table cellpadding="0" cellspacing="0" width="540" align="center">
			<tr>
				<td width="260" valign="top">
				
					<img src="images/logo.jpg" width="176" height="32" alt="" border="0" class="block">
		
				</td>
				<td width="20">&nbsp;</td><!-- spacer -->
				<td width="260" valign="top" align="right" class="ourwebsite">
				
					<b>12/2/2011</b><br>
					Lorem ipsum dolor sit amet
				
				</td>
			</tr>
		</table>
		
		<img src="images/divider-600x61.gif" width="600" height="61" alt="" border="0" class="block">
			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->
		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
		
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">
						
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
					
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="206" valign="top">
							
								<h4><span>About Us</span></h4>
								
								Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Vestibulum a massa justo ..
								<a href="#">Read More</a>
								
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="146" valign="top">
							
								<h4><span>Email Options</span></h4>
								
								<a href="#">Manage Subscription</a>
								<br><a href="#">Forward to Friend</a>
								<br><a href="#">Privacy Policy</a>
		
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="146" valign="top">
							
								<h4><span>Share This</span></h4>
								
								<a href="http://www.facebook.com/"><img src="images/social/facebook.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.twitter.com/"><img src="images/social/twitter.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.linkedin.com/"><img src="images/social/linkedin.png" width="28" height="28" border="0" alt=""></a>
																
							</td>
						</tr>
					</table>
					
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- company info + subscription -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td valign="top">
							
								   <b>&copy; YourCompany</b>, Some Adress, Some City, XY 305 | T: +1 234 567 8910 |
									E: <a href="mailto:office@site.com">office@site.com</a>
								   <br>&nbsp;&nbsp; This newsletter was sent to mail@asite.com.
									Rather not receive it anymore? <a href="http://www.site.com/">Unsubscribe</a>
							
							</td>
						</tr>	
					</table>
					<!-- end company info + subscription -->
					
					<img src="images/footer-divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
					
				</td>
			</tr>
		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->
	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>

<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 4  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#999999; }
			.view-browser a{ color:#999999; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#E4E2E4 #E4E2E4 #E4E2E4 #E4E2E4; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#545454">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#545454"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>
	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
		
		<table cellpadding="0" cellspacing="0" width="540" align="center">
			<tr>
				<td width="200" valign="top">
				
					<img src="images/logo.jpg" width="176" height="32" alt="" border="0" class="block">
		
				</td>
				<td width="20">&nbsp;</td><!-- spacer -->
				<td width="320" valign="bottom" align="right" >
				
					<a href="#">Dignissim</a> |
					<a href="#">Arcu</a> | 
					<a href="#">Fusce rhoncus</a> | 
					<a href="#">Placerat</a> |
					<a href="#">Lectus</a>
				
				</td>
			</tr>
		</table>
		
		<img src="images/divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
		
		<img src="placeholders/600x300.jpg" width="600" height="300" alt="" border="0" class="block">
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->
		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
		
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">
						
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
					
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="206" valign="top">
							
								<h4><span>About Us</span></h4>
								
								Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Vestibulum a massa justo ..
								<a href="#">Read More</a>
								
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="146" valign="top">
							
								<h4><span>Email Options</span></h4>
								
								<a href="#">Manage Subscription</a>
								<br><a href="#">Forward to Friend</a>
								<br><a href="#">Privacy Policy</a>
		
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="146" valign="top">
							
								<h4><span>Share This</span></h4>
								
								<a href="http://www.facebook.com/"><img src="images/social/facebook.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.twitter.com/"><img src="images/social/twitter.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.linkedin.com/"><img src="images/social/linkedin.png" width="28" height="28" border="0" alt=""></a>
																
							</td>
						</tr>
					</table>
					
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- company info + subscription -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td valign="top">
							
								   <b>&copy; YourCompany</b>, Some Adress, Some City, XY 305 | T: +1 234 567 8910 |
									E: <a href="mailto:office@site.com">office@site.com</a>
								   <br>&nbsp;&nbsp; This newsletter was sent to mail@asite.com.
									Rather not receive it anymore? <a href="http://www.site.com/">Unsubscribe</a>
							
							</td>
						</tr>	
					</table>
					<!-- end company info + subscription -->
					
					<img src="images/footer-divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
					
				</td>
			</tr>
		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->
	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>

<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 5  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#999999; }
			.view-browser a{ color:#999999; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#E4E2E4 #E4E2E4 #E4E2E4 #E4E2E4; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#545454">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#545454"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>
	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
		
		<table cellpadding="0" cellspacing="0" width="540" align="center">
			<tr>
				<td width="200" valign="top">
				
					<img src="images/logo.jpg" width="176" height="32" alt="" border="0" class="block">
		
				</td>
				<td width="20">&nbsp;</td><!-- spacer -->
				<td width="320" valign="bottom" align="right" >
				
					<a href="#">Dignissim</a> |
					<a href="#">Arcu</a> | 
					<a href="#">Fusce rhoncus</a> | 
					<a href="#">Placerat</a> |
					<a href="#">Lectus</a>
				
				</td>
			</tr>
		</table>
		
		<img src="images/divider-600x61.gif" width="600" height="61" alt="" border="0" class="block">
			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->
		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
		
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">
						
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
					
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="206" valign="top">
							
								<h4><span>About Us</span></h4>
								
								Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Vestibulum a massa justo ..
								<a href="#">Read More</a>
								
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="146" valign="top">
							
								<h4><span>Email Options</span></h4>
								
								<a href="#">Manage Subscription</a>
								<br><a href="#">Forward to Friend</a>
								<br><a href="#">Privacy Policy</a>
		
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="146" valign="top">
							
								<h4><span>Share This</span></h4>
								
								<a href="http://www.facebook.com/"><img src="images/social/facebook.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.twitter.com/"><img src="images/social/twitter.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.linkedin.com/"><img src="images/social/linkedin.png" width="28" height="28" border="0" alt=""></a>
																
							</td>
						</tr>
					</table>
					
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- company info + subscription -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td valign="top">
							
								   <b>&copy; YourCompany</b>, Some Adress, Some City, XY 305 | T: +1 234 567 8910 |
									E: <a href="mailto:office@site.com">office@site.com</a>
								   <br>&nbsp;&nbsp; This newsletter was sent to mail@asite.com.
									Rather not receive it anymore? <a href="http://www.site.com/">Unsubscribe</a>
							
							</td>
						</tr>	
					</table>
					<!-- end company info + subscription -->
					
					<img src="images/footer-divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
					
				</td>
			</tr>
		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->
	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>

<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 6  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#999999; }
			.view-browser a{ color:#999999; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#E4E2E4 #E4E2E4 #E4E2E4 #E4E2E4; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#545454">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#545454"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>
	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->
		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
		
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">
						
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
					
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="206" valign="top">
							
								<h4><span>About Us</span></h4>
								
								Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Vestibulum a massa justo ..
								<a href="#">Read More</a>
								
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="146" valign="top">
							
								<h4><span>Email Options</span></h4>
								
								<a href="#">Manage Subscription</a>
								<br><a href="#">Forward to Friend</a>
								<br><a href="#">Privacy Policy</a>
		
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="146" valign="top">
							
								<h4><span>Share This</span></h4>
								
								<a href="http://www.facebook.com/"><img src="images/social/facebook.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.twitter.com/"><img src="images/social/twitter.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.linkedin.com/"><img src="images/social/linkedin.png" width="28" height="28" border="0" alt=""></a>
																
							</td>
						</tr>
					</table>
					
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- company info + subscription -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td valign="top">
							
								   <b>&copy; YourCompany</b>, Some Adress, Some City, XY 305 | T: +1 234 567 8910 |
									E: <a href="mailto:office@site.com">office@site.com</a>
								   <br>&nbsp;&nbsp; This newsletter was sent to mail@asite.com.
									Rather not receive it anymore? <a href="http://www.site.com/">Unsubscribe</a>
							
							</td>
						</tr>	
					</table>
					<!-- end company info + subscription -->
					
					<img src="images/footer-divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
					
				</td>
			</tr>
		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->
	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>

<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 7  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#999999; }
			.view-browser a{ color:#999999; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#E4E2E4 #E4E2E4 #E4E2E4 #E4E2E4; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#545454">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#545454"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>
	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
		
		<table cellpadding="0" cellspacing="0" width="540" align="center">
			<tr>
				<td width="260" valign="top">
				
					<img src="images/logo.jpg" width="176" height="32" alt="" border="0" class="block">
		
				</td>
				<td width="20">&nbsp;</td><!-- spacer -->
				<td width="260" valign="top" align="right" class="ourwebsite">
				
					Visit our website
					<br><b><a href="http://www.site.com/">www.YourWebsite.com</a></b>
				
				</td>
			</tr>
		</table>
		
		<img src="images/divider-600x61.gif" width="600" height="61" alt="" border="0" class="block">
			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->
		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
	
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">

					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
					
					<!-- company info + subscription -->		
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="265" valign="top">
							
									<b>YourCompany</b>, Some Adress
									<br>Some City, XY 305, Some Country
									<br>T: +1 234 567 8910
									<br>E: <a href="mailto:office@site.com">office@yoursite.com</a>
					
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="255" valign="top">
							
								   This newsletter was sent to mail@asite.com
								   <br>from YourCompany because you subscribed
								   <br><a href="http://www.site.com/">Unsubscribe instantly</a> 
								   | <a href="http://www.site.com/">Forward to a friend</a>
								
							</td>
						</tr>
					</table>
					<!-- end company info + subscription -->
		
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- social media + other links -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="120">Connect with us:</td>
							<td width="35"><img src="images/social/facebook.png" width="24" height="24" border="0" class="block" alt=""></td>
							<td width="80"><a href="http://www.facebook.com/">Facebook</a> </td>
							<td width="35"><img src="images/social/twitter.png" width="24" height="24" border="0"  class="block" alt=""></td>
							<td width="80"><a href="http://www.twitter.com/">Twitter</a> </td>
							<td width="35"><img src="images/social/linkedin.png" width="24" height="24" border="0" class="block" alt=""></td>
							<td width="75"><a href="http://www.linkedin.com/">LinkedIn</a> </td>
							<td width="35"><img src="images/social/contact.png" width="24" height="24" border="0"  class="block" alt=""></td>
							<td width="90"><a href="mailto:mail@site.com">Contact Us</a></td>		
						</tr>	
					</table>
					<!-- end social media + other links -->
					
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
				
				</td>
			</tr>
		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->
	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>
		
<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 8  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#999999; }
			.view-browser a{ color:#999999; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#E4E2E4 #E4E2E4 #E4E2E4 #E4E2E4; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#545454">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#545454"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>
	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
		
		<table cellpadding="0" cellspacing="0" width="540" align="center">
			<tr>
				<td width="260" valign="top">
				
					<img src="images/logo.jpg" width="176" height="32" alt="" border="0" class="block">
		
				</td>
				<td width="20">&nbsp;</td><!-- spacer -->
				<td width="260" valign="top" align="right" class="ourwebsite">
				
					<b>12/2/2011</b><br>
					Lorem ipsum dolor sit amet
				
				</td>
			</tr>
		</table>
		
		<img src="images/divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
		
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0" class="menu">
			<tr>
				<td width="30" height="40">&nbsp;</td>
				<td width="540" height="40">
					
					<a href="#">Etiam &amp; blandit</a> | 
					<a href="#">Sagittis ullamcorper</a> | 
					<a href="#">Adipiscing &amp; Lectus</a> | 
					<a href="#">Etiam eleifend</a> | 
					<a href="#">Donec dignissim odio</a>
					
				</td>
				<td width="30" height="40">&nbsp;</td>
			</tr>	
		</table>
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->
		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
	
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">

					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
					
					<!-- company info + subscription -->		
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="265" valign="top">
							
									<b>YourCompany</b>, Some Adress
									<br>Some City, XY 305, Some Country
									<br>T: +1 234 567 8910
									<br>E: <a href="mailto:office@site.com">office@yoursite.com</a>
					
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="255" valign="top">
							
								   This newsletter was sent to mail@asite.com
								   <br>from YourCompany because you subscribed
								   <br><a href="http://www.site.com/">Unsubscribe instantly</a> 
								   | <a href="http://www.site.com/">Forward to a friend</a>
								
							</td>
						</tr>
					</table>
					<!-- end company info + subscription -->
		
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- social media + other links -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="120">Connect with us:</td>
							<td width="35"><img src="images/social/facebook.png" width="24" height="24" border="0" class="block" alt=""></td>
							<td width="80"><a href="http://www.facebook.com/">Facebook</a> </td>
							<td width="35"><img src="images/social/twitter.png" width="24" height="24" border="0"  class="block" alt=""></td>
							<td width="80"><a href="http://www.twitter.com/">Twitter</a> </td>
							<td width="35"><img src="images/social/linkedin.png" width="24" height="24" border="0" class="block" alt=""></td>
							<td width="75"><a href="http://www.linkedin.com/">LinkedIn</a> </td>
							<td width="35"><img src="images/social/contact.png" width="24" height="24" border="0"  class="block" alt=""></td>
							<td width="90"><a href="mailto:mail@site.com">Contact Us</a></td>		
						</tr>	
					</table>
					<!-- end social media + other links -->
					
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
				
				</td>
			</tr>
		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->
	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>
		
<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 9  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#999999; }
			.view-browser a{ color:#999999; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#E4E2E4 #E4E2E4 #E4E2E4 #E4E2E4; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#545454">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#545454"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>
	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
		
		<table cellpadding="0" cellspacing="0" width="540" align="center">
			<tr>
				<td width="260" valign="top">
				
					<img src="images/logo.jpg" width="176" height="32" alt="" border="0" class="block">
		
				</td>
				<td width="20">&nbsp;</td><!-- spacer -->
				<td width="260" valign="top" align="right" class="ourwebsite">
				
					<b>12/2/2011</b><br>
					Lorem ipsum dolor sit amet
				
				</td>
			</tr>
		</table>
		
		<img src="images/divider-600x61.gif" width="600" height="61" alt="" border="0" class="block">
			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->
		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
	
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">

					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
					
					<!-- company info + subscription -->		
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="265" valign="top">
							
									<b>YourCompany</b>, Some Adress
									<br>Some City, XY 305, Some Country
									<br>T: +1 234 567 8910
									<br>E: <a href="mailto:office@site.com">office@yoursite.com</a>
					
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="255" valign="top">
							
								   This newsletter was sent to mail@asite.com
								   <br>from YourCompany because you subscribed
								   <br><a href="http://www.site.com/">Unsubscribe instantly</a> 
								   | <a href="http://www.site.com/">Forward to a friend</a>
								
							</td>
						</tr>
					</table>

					<!-- end company info + subscription -->
		
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- social media + other links -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="120">Connect with us:</td>
							<td width="35"><img src="images/social/facebook.png" width="24" height="24" border="0" class="block" alt=""></td>
							<td width="80"><a href="http://www.facebook.com/">Facebook</a> </td>
							<td width="35"><img src="images/social/twitter.png" width="24" height="24" border="0"  class="block" alt=""></td>
							<td width="80"><a href="http://www.twitter.com/">Twitter</a> </td>
							<td width="35"><img src="images/social/linkedin.png" width="24" height="24" border="0" class="block" alt=""></td>
							<td width="75"><a href="http://www.linkedin.com/">LinkedIn</a> </td>
							<td width="35"><img src="images/social/contact.png" width="24" height="24" border="0"  class="block" alt=""></td>
							<td width="90"><a href="mailto:mail@site.com">Contact Us</a></td>		
						</tr>	
					</table>
					<!-- end social media + other links -->
					
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
				
				</td>
			</tr>
		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->
	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>

<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 10  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#999999; }
			.view-browser a{ color:#999999; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#E4E2E4 #E4E2E4 #E4E2E4 #E4E2E4; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#545454">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#545454"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>
	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
		
		<table cellpadding="0" cellspacing="0" width="540" align="center">
			<tr>
				<td width="200" valign="top">
				
					<img src="images/logo.jpg" width="176" height="32" alt="" border="0" class="block">
		
				</td>
				<td width="20">&nbsp;</td><!-- spacer -->
				<td width="320" valign="bottom" align="right" >
				
					<a href="#">Dignissim</a> |
					<a href="#">Arcu</a> | 
					<a href="#">Fusce rhoncus</a> | 
					<a href="#">Placerat</a> |
					<a href="#">Lectus</a>
				
				</td>
			</tr>
		</table>
		
		<img src="images/divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
		
		<img src="placeholders/600x300.jpg" width="600" height="300" alt="" border="0" class="block">
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->
		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
	
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">

					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
					
					<!-- company info + subscription -->		
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="265" valign="top">
							
									<b>YourCompany</b>, Some Adress
									<br>Some City, XY 305, Some Country
									<br>T: +1 234 567 8910
									<br>E: <a href="mailto:office@site.com">office@yoursite.com</a>
					
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="255" valign="top">
							
								   This newsletter was sent to mail@asite.com
								   <br>from YourCompany because you subscribed
								   <br><a href="http://www.site.com/">Unsubscribe instantly</a> 
								   | <a href="http://www.site.com/">Forward to a friend</a>
								
							</td>
						</tr>
					</table>
					<!-- end company info + subscription -->
		
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- social media + other links -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="120">Connect with us:</td>
							<td width="35"><img src="images/social/facebook.png" width="24" height="24" border="0" class="block" alt=""></td>
							<td width="80"><a href="http://www.facebook.com/">Facebook</a> </td>
							<td width="35"><img src="images/social/twitter.png" width="24" height="24" border="0"  class="block" alt=""></td>
							<td width="80"><a href="http://www.twitter.com/">Twitter</a> </td>
							<td width="35"><img src="images/social/linkedin.png" width="24" height="24" border="0" class="block" alt=""></td>
							<td width="75"><a href="http://www.linkedin.com/">LinkedIn</a> </td>
							<td width="35"><img src="images/social/contact.png" width="24" height="24" border="0"  class="block" alt=""></td>
							<td width="90"><a href="mailto:mail@site.com">Contact Us</a></td>		
						</tr>	
					</table>
					<!-- end social media + other links -->
					
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
				
				</td>
			</tr>
		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->
	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>

<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 11  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#999999; }
			.view-browser a{ color:#999999; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#E4E2E4 #E4E2E4 #E4E2E4 #E4E2E4; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#545454">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#545454"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>
	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
		
		<table cellpadding="0" cellspacing="0" width="540" align="center">
			<tr>
				<td width="200" valign="top">
				
					<img src="images/logo.jpg" width="176" height="32" alt="" border="0" class="block">
		
				</td>
				<td width="20">&nbsp;</td><!-- spacer -->
				<td width="320" valign="bottom" align="right" >
				
					<a href="#">Dignissim</a> |
					<a href="#">Arcu</a> | 
					<a href="#">Fusce rhoncus</a> | 
					<a href="#">Placerat</a> |
					<a href="#">Lectus</a>
				
				</td>
			</tr>
		</table>
		
		<img src="images/divider-600x61.gif" width="600" height="61" alt="" border="0" class="block">
			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->
		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
	
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">

					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
					
					<!-- company info + subscription -->		
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="265" valign="top">
							
									<b>YourCompany</b>, Some Adress
									<br>Some City, XY 305, Some Country
									<br>T: +1 234 567 8910
									<br>E: <a href="mailto:office@site.com">office@yoursite.com</a>
					
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="255" valign="top">
							
								   This newsletter was sent to mail@asite.com
								   <br>from YourCompany because you subscribed
								   <br><a href="http://www.site.com/">Unsubscribe instantly</a> 
								   | <a href="http://www.site.com/">Forward to a friend</a>
								
							</td>
						</tr>
					</table>
					<!-- end company info + subscription -->
		
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- social media + other links -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="120">Connect with us:</td>
							<td width="35"><img src="images/social/facebook.png" width="24" height="24" border="0" class="block" alt=""></td>
							<td width="80"><a href="http://www.facebook.com/">Facebook</a> </td>
							<td width="35"><img src="images/social/twitter.png" width="24" height="24" border="0"  class="block" alt=""></td>
							<td width="80"><a href="http://www.twitter.com/">Twitter</a> </td>
							<td width="35"><img src="images/social/linkedin.png" width="24" height="24" border="0" class="block" alt=""></td>
							<td width="75"><a href="http://www.linkedin.com/">LinkedIn</a> </td>
							<td width="35"><img src="images/social/contact.png" width="24" height="24" border="0"  class="block" alt=""></td>
							<td width="90"><a href="mailto:mail@site.com">Contact Us</a></td>		
						</tr>	
					</table>
					<!-- end social media + other links -->
					
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
				
				</td>
			</tr>
		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->
	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>

<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 12  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#999999; }
			.view-browser a{ color:#999999; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#E4E2E4 #E4E2E4 #E4E2E4 #E4E2E4; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#545454">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#545454"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>
	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->
		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
	
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">

					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
					
					<!-- company info + subscription -->		
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="265" valign="top">
							
									<b>YourCompany</b>, Some Adress
									<br>Some City, XY 305, Some Country
									<br>T: +1 234 567 8910
									<br>E: <a href="mailto:office@site.com">office@yoursite.com</a>
					
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="255" valign="top">
							
								   This newsletter was sent to mail@asite.com
								   <br>from YourCompany because you subscribed
								   <br><a href="http://www.site.com/">Unsubscribe instantly</a> 
								   | <a href="http://www.site.com/">Forward to a friend</a>
								
							</td>
						</tr>
					</table>
					<!-- end company info + subscription -->
		
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- social media + other links -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="120">Connect with us:</td>
							<td width="35"><img src="images/social/facebook.png" width="24" height="24" border="0" class="block" alt=""></td>
							<td width="80"><a href="http://www.facebook.com/">Facebook</a> </td>
							<td width="35"><img src="images/social/twitter.png" width="24" height="24" border="0"  class="block" alt=""></td>
							<td width="80"><a href="http://www.twitter.com/">Twitter</a> </td>
							<td width="35"><img src="images/social/linkedin.png" width="24" height="24" border="0" class="block" alt=""></td>
							<td width="75"><a href="http://www.linkedin.com/">LinkedIn</a> </td>
							<td width="35"><img src="images/social/contact.png" width="24" height="24" border="0"  class="block" alt=""></td>
							<td width="90"><a href="mailto:mail@site.com">Contact Us</a></td>		
						</tr>	
					</table>
					<!-- end social media + other links -->
					
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
				
				</td>
			</tr>
		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->
	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>

<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 13  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#666666; }
			.view-browser a{ color:#666666; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#EFEFEF #EFEFEF #EFEFEF #EFEFEF; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#E3E3E3">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#E3E3E3"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>

	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
		
		<table cellpadding="0" cellspacing="0" width="540" align="center">
			<tr>
				<td width="260" valign="top">
				
					<img src="images/logo.jpg" width="176" height="32" alt="" border="0" class="block">

		
				</td>
				<td width="20">&nbsp;</td><!-- spacer -->
				<td width="260" valign="top" align="right" class="ourwebsite">
				
					Visit our website
					<br><b><a href="http://www.site.com/">www.YourWebsite.com</a></b>
				
				</td>
			</tr>
		</table>
		
		<img src="images/divider-600x61.gif" width="600" height="61" alt="" border="0" class="block">

			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->
		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">

		
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">
						
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
					
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="206" valign="top">
							
								<h4><span>About Us</span></h4>

								
								Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Vestibulum a massa justo ..
								<a href="#">Read More</a>
								
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="146" valign="top">
							
								<h4><span>Email Options</span></h4>
								
								<a href="#">Manage Subscription</a>
								<br><a href="#">Forward to Friend</a>

								<br><a href="#">Privacy Policy</a>
		
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="146" valign="top">
							
								<h4><span>Share This</span></h4>
								
								<a href="http://www.facebook.com/"><img src="images/social/facebook.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.twitter.com/"><img src="images/social/twitter.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.linkedin.com/"><img src="images/social/linkedin.png" width="28" height="28" border="0" alt=""></a>

																
							</td>
						</tr>
					</table>
					
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- company info + subscription -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td valign="top">
							
								   <b>&copy; YourCompany</b>, Some Adress, Some City, XY 305 | T: +1 234 567 8910 |
									E: <a href="mailto:office@site.com">office@site.com</a>

								   <br>&nbsp;&nbsp; This newsletter was sent to mail@asite.com.
									Rather not receive it anymore? <a href="http://www.site.com/">Unsubscribe</a>
							
							</td>
						</tr>	
					</table>
					<!-- end company info + subscription -->
					
					<img src="images/footer-divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
					
				</td>
			</tr>

		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->
	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>
		
<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 14  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#666666; }
			.view-browser a{ color:#666666; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#EFEFEF #EFEFEF #EFEFEF #EFEFEF; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#E3E3E3">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#E3E3E3"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>

	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
		
		<table cellpadding="0" cellspacing="0" width="540" align="center">
			<tr>
				<td width="260" valign="top">
				
					<img src="images/logo.jpg" width="176" height="32" alt="" border="0" class="block">

		
				</td>
				<td width="20">&nbsp;</td><!-- spacer -->
				<td width="260" valign="top" align="right" class="ourwebsite">
				
					<b>12/2/2011</b><br>
					Lorem ipsum dolor sit amet
				
				</td>
			</tr>
		</table>
		
		<img src="images/divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">

		
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0" class="menu">
			<tr>
				<td width="30" height="40">&nbsp;</td>
				<td width="540" height="40">
					
					<a href="#">Etiam &amp; blandit</a> | 
					<a href="#">Sagittis ullamcorper</a> | 
					<a href="#">Adipiscing &amp; Lectus</a> | 
					<a href="#">Etiam eleifend</a> | 
					<a href="#">Donec dignissim odio</a>

					
				</td>
				<td width="30" height="40">&nbsp;</td>
			</tr>	
		</table>
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->

		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
		
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">
						
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">

					
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="206" valign="top">
							
								<h4><span>About Us</span></h4>
								
								Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Vestibulum a massa justo ..
								<a href="#">Read More</a>
								
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->

							<td width="146" valign="top">
							
								<h4><span>Email Options</span></h4>
								
								<a href="#">Manage Subscription</a>
								<br><a href="#">Forward to Friend</a>
								<br><a href="#">Privacy Policy</a>
		
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->

							<td width="146" valign="top">
							
								<h4><span>Share This</span></h4>
								
								<a href="http://www.facebook.com/"><img src="images/social/facebook.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.twitter.com/"><img src="images/social/twitter.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.linkedin.com/"><img src="images/social/linkedin.png" width="28" height="28" border="0" alt=""></a>
																
							</td>
						</tr>
					</table>

					
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- company info + subscription -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td valign="top">
							
								   <b>&copy; YourCompany</b>, Some Adress, Some City, XY 305 | T: +1 234 567 8910 |
									E: <a href="mailto:office@site.com">office@site.com</a>
								   <br>&nbsp;&nbsp; This newsletter was sent to mail@asite.com.
									Rather not receive it anymore? <a href="http://www.site.com/">Unsubscribe</a>

							
							</td>
						</tr>	
					</table>
					<!-- end company info + subscription -->
					
					<img src="images/footer-divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
					
				</td>
			</tr>
		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->

	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>
		
<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 15  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#666666; }
			.view-browser a{ color:#666666; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#EFEFEF #EFEFEF #EFEFEF #EFEFEF; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#E3E3E3">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#E3E3E3"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>

	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
		
		<table cellpadding="0" cellspacing="0" width="540" align="center">
			<tr>
				<td width="260" valign="top">
				
					<img src="images/logo.jpg" width="176" height="32" alt="" border="0" class="block">

		
				</td>
				<td width="20">&nbsp;</td><!-- spacer -->
				<td width="260" valign="top" align="right" class="ourwebsite">
				
					<b>12/2/2011</b><br>
					Lorem ipsum dolor sit amet
				
				</td>
			</tr>
		</table>
		
		<img src="images/divider-600x61.gif" width="600" height="61" alt="" border="0" class="block">

			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->
		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">

		
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">
						
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
					
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="206" valign="top">
							
								<h4><span>About Us</span></h4>

								
								Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Vestibulum a massa justo ..
								<a href="#">Read More</a>
								
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="146" valign="top">
							
								<h4><span>Email Options</span></h4>
								
								<a href="#">Manage Subscription</a>
								<br><a href="#">Forward to Friend</a>

								<br><a href="#">Privacy Policy</a>
		
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="146" valign="top">
							
								<h4><span>Share This</span></h4>
								
								<a href="http://www.facebook.com/"><img src="images/social/facebook.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.twitter.com/"><img src="images/social/twitter.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.linkedin.com/"><img src="images/social/linkedin.png" width="28" height="28" border="0" alt=""></a>

																
							</td>
						</tr>
					</table>
					
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- company info + subscription -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td valign="top">
							
								   <b>&copy; YourCompany</b>, Some Adress, Some City, XY 305 | T: +1 234 567 8910 |
									E: <a href="mailto:office@site.com">office@site.com</a>

								   <br>&nbsp;&nbsp; This newsletter was sent to mail@asite.com.
									Rather not receive it anymore? <a href="http://www.site.com/">Unsubscribe</a>
							
							</td>
						</tr>	
					</table>
					<!-- end company info + subscription -->
					
					<img src="images/footer-divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
					
				</td>
			</tr>

		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->
	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>

<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 16  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#666666; }
			.view-browser a{ color:#666666; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#EFEFEF #EFEFEF #EFEFEF #EFEFEF; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#E3E3E3">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#E3E3E3"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>

	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
		
		<table cellpadding="0" cellspacing="0" width="540" align="center">
			<tr>
				<td width="200" valign="top">
				
					<img src="images/logo.jpg" width="176" height="32" alt="" border="0" class="block">

		
				</td>
				<td width="20">&nbsp;</td><!-- spacer -->
				<td width="320" valign="bottom" align="right" >
				
					<a href="#">Dignissim</a> |
					<a href="#">Arcu</a> | 
					<a href="#">Fusce rhoncus</a> | 
					<a href="#">Placerat</a> |
					<a href="#">Lectus</a>

				
				</td>
			</tr>
		</table>
		
		<img src="images/divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
		
		<img src="placeholders/600x300.jpg" width="600" height="300" alt="" border="0" class="block">
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">

		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->
		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
		
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">

						
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
					
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="206" valign="top">
							
								<h4><span>About Us</span></h4>
								
								Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Vestibulum a massa justo ..
								<a href="#">Read More</a>
								
							</td>

							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="146" valign="top">
							
								<h4><span>Email Options</span></h4>
								
								<a href="#">Manage Subscription</a>
								<br><a href="#">Forward to Friend</a>
								<br><a href="#">Privacy Policy</a>
		
							</td>

							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="146" valign="top">
							
								<h4><span>Share This</span></h4>
								
								<a href="http://www.facebook.com/"><img src="images/social/facebook.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.twitter.com/"><img src="images/social/twitter.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.linkedin.com/"><img src="images/social/linkedin.png" width="28" height="28" border="0" alt=""></a>
																
							</td>
						</tr>

					</table>
					
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- company info + subscription -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td valign="top">
							
								   <b>&copy; YourCompany</b>, Some Adress, Some City, XY 305 | T: +1 234 567 8910 |
									E: <a href="mailto:office@site.com">office@site.com</a>

								   <br>&nbsp;&nbsp; This newsletter was sent to mail@asite.com.
									Rather not receive it anymore? <a href="http://www.site.com/">Unsubscribe</a>
							
							</td>
						</tr>	
					</table>
					<!-- end company info + subscription -->
					
					<img src="images/footer-divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
					
				</td>
			</tr>

		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->
	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>

<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base `7  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#666666; }
			.view-browser a{ color:#666666; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#EFEFEF #EFEFEF #EFEFEF #EFEFEF; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#E3E3E3">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#E3E3E3"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>

	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
		
		<table cellpadding="0" cellspacing="0" width="540" align="center">
			<tr>
				<td width="200" valign="top">
				
					<img src="images/logo.jpg" width="176" height="32" alt="" border="0" class="block">

		
				</td>
				<td width="20">&nbsp;</td><!-- spacer -->
				<td width="320" valign="bottom" align="right" >
				
					<a href="#">Dignissim</a> |
					<a href="#">Arcu</a> | 
					<a href="#">Fusce rhoncus</a> | 
					<a href="#">Placerat</a> |
					<a href="#">Lectus</a>

				
				</td>
			</tr>
		</table>
		
		<img src="images/divider-600x61.gif" width="600" height="61" alt="" border="0" class="block">
			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->
		
		
		

<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
		
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">
						
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">

					
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="206" valign="top">
							
								<h4><span>About Us</span></h4>
								
								Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Vestibulum a massa justo ..
								<a href="#">Read More</a>
								
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->

							<td width="146" valign="top">
							
								<h4><span>Email Options</span></h4>
								
								<a href="#">Manage Subscription</a>
								<br><a href="#">Forward to Friend</a>
								<br><a href="#">Privacy Policy</a>
		
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->

							<td width="146" valign="top">
							
								<h4><span>Share This</span></h4>
								
								<a href="http://www.facebook.com/"><img src="images/social/facebook.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.twitter.com/"><img src="images/social/twitter.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.linkedin.com/"><img src="images/social/linkedin.png" width="28" height="28" border="0" alt=""></a>
																
							</td>
						</tr>
					</table>

					
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- company info + subscription -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td valign="top">
							
								   <b>&copy; YourCompany</b>, Some Adress, Some City, XY 305 | T: +1 234 567 8910 |
									E: <a href="mailto:office@site.com">office@site.com</a>
								   <br>&nbsp;&nbsp; This newsletter was sent to mail@asite.com.
									Rather not receive it anymore? <a href="http://www.site.com/">Unsubscribe</a>

							
							</td>
						</tr>	
					</table>
					<!-- end company info + subscription -->
					
					<img src="images/footer-divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
					
				</td>
			</tr>
		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->

	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>

<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 18  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#666666; }
			.view-browser a{ color:#666666; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#EFEFEF #EFEFEF #EFEFEF #EFEFEF; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#E3E3E3">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#E3E3E3"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>

	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->

		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
		
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">
						
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">

					
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="206" valign="top">
							
								<h4><span>About Us</span></h4>
								
								Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Vestibulum a massa justo ..
								<a href="#">Read More</a>
								
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->

							<td width="146" valign="top">
							
								<h4><span>Email Options</span></h4>
								
								<a href="#">Manage Subscription</a>
								<br><a href="#">Forward to Friend</a>
								<br><a href="#">Privacy Policy</a>
		
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->

							<td width="146" valign="top">
							
								<h4><span>Share This</span></h4>
								
								<a href="http://www.facebook.com/"><img src="images/social/facebook.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.twitter.com/"><img src="images/social/twitter.png" width="28" height="28" border="0" alt=""></a>
								<a href="http://www.linkedin.com/"><img src="images/social/linkedin.png" width="28" height="28" border="0" alt=""></a>
																
							</td>
						</tr>
					</table>

					
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- company info + subscription -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td valign="top">
							
								   <b>&copy; YourCompany</b>, Some Adress, Some City, XY 305 | T: +1 234 567 8910 |
									E: <a href="mailto:office@site.com">office@site.com</a>
								   <br>&nbsp;&nbsp; This newsletter was sent to mail@asite.com.
									Rather not receive it anymore? <a href="http://www.site.com/">Unsubscribe</a>

							
							</td>
						</tr>	
					</table>
					<!-- end company info + subscription -->
					
					<img src="images/footer-divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
					
				</td>
			</tr>
		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->

	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>

<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 19  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#666666; }
			.view-browser a{ color:#666666; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#EFEFEF #EFEFEF #EFEFEF #EFEFEF; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#E3E3E3">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#E3E3E3"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>

	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
		
		<table cellpadding="0" cellspacing="0" width="540" align="center">
			<tr>
				<td width="260" valign="top">
				
					<img src="images/logo.jpg" width="176" height="32" alt="" border="0" class="block">

		
				</td>
				<td width="20">&nbsp;</td><!-- spacer -->
				<td width="260" valign="top" align="right" class="ourwebsite">
				
					Visit our website
					<br><b><a href="http://www.site.com/">www.YourWebsite.com</a></b>
				
				</td>
			</tr>
		</table>
		
		<img src="images/divider-600x61.gif" width="600" height="61" alt="" border="0" class="block">

			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->
		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">

	
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">

					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
					
					<!-- company info + subscription -->		
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="265" valign="top">
							
									<b>YourCompany</b>, Some Adress
									<br>Some City, XY 305, Some Country
									<br>T: +1 234 567 8910
									<br>E: <a href="mailto:office@site.com">office@yoursite.com</a>

					
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="255" valign="top">
							
								   This newsletter was sent to mail@asite.com
								   <br>from YourCompany because you subscribed
								   <br><a href="http://www.site.com/">Unsubscribe instantly</a> 
								   | <a href="http://www.site.com/">Forward to a friend</a>
								
							</td>
						</tr>

					</table>
					<!-- end company info + subscription -->
		
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- social media + other links -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="120">Connect with us:</td>
							<td width="35"><img src="images/social/facebook.png" width="24" height="24" border="0" class="block" alt=""></td>

							<td width="80"><a href="http://www.facebook.com/">Facebook</a> </td>
							<td width="35"><img src="images/social/twitter.png" width="24" height="24" border="0"  class="block" alt=""></td>
							<td width="80"><a href="http://www.twitter.com/">Twitter</a> </td>
							<td width="35"><img src="images/social/linkedin.png" width="24" height="24" border="0" class="block" alt=""></td>
							<td width="75"><a href="http://www.linkedin.com/">LinkedIn</a> </td>
							<td width="35"><img src="images/social/contact.png" width="24" height="24" border="0"  class="block" alt=""></td>

							<td width="90"><a href="mailto:mail@site.com">Contact Us</a></td>		
						</tr>	
					</table>
					<!-- end social media + other links -->
					
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
				
				</td>
			</tr>
		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->

	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>
		
<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 20  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#666666; }
			.view-browser a{ color:#666666; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#EFEFEF #EFEFEF #EFEFEF #EFEFEF; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#E3E3E3">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#E3E3E3"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>

	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
		
		<table cellpadding="0" cellspacing="0" width="540" align="center">
			<tr>
				<td width="260" valign="top">
				
					<img src="images/logo.jpg" width="176" height="32" alt="" border="0" class="block">

		
				</td>
				<td width="20">&nbsp;</td><!-- spacer -->
				<td width="260" valign="top" align="right" class="ourwebsite">
				
					<b>12/2/2011</b><br>
					Lorem ipsum dolor sit amet
				
				</td>
			</tr>
		</table>
		
		<img src="images/divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">

		
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0" class="menu">
			<tr>
				<td width="30" height="40">&nbsp;</td>
				<td width="540" height="40">
					
					<a href="#">Etiam &amp; blandit</a> | 
					<a href="#">Sagittis ullamcorper</a> | 
					<a href="#">Adipiscing &amp; Lectus</a> | 
					<a href="#">Etiam eleifend</a> | 
					<a href="#">Donec dignissim odio</a>

					
				</td>
				<td width="30" height="40">&nbsp;</td>
			</tr>	
		</table>
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->

		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
	
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">

					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
					
					<!-- company info + subscription -->		
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="265" valign="top">
							
									<b>YourCompany</b>, Some Adress
									<br>Some City, XY 305, Some Country
									<br>T: +1 234 567 8910
									<br>E: <a href="mailto:office@site.com">office@yoursite.com</a>

					
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="255" valign="top">
							
								   This newsletter was sent to mail@asite.com
								   <br>from YourCompany because you subscribed
								   <br><a href="http://www.site.com/">Unsubscribe instantly</a> 
								   | <a href="http://www.site.com/">Forward to a friend</a>
								
							</td>
						</tr>

					</table>
					<!-- end company info + subscription -->
		
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- social media + other links -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="120">Connect with us:</td>
							<td width="35"><img src="images/social/facebook.png" width="24" height="24" border="0" class="block" alt=""></td>

							<td width="80"><a href="http://www.facebook.com/">Facebook</a> </td>
							<td width="35"><img src="images/social/twitter.png" width="24" height="24" border="0"  class="block" alt=""></td>
							<td width="80"><a href="http://www.twitter.com/">Twitter</a> </td>
							<td width="35"><img src="images/social/linkedin.png" width="24" height="24" border="0" class="block" alt=""></td>
							<td width="75"><a href="http://www.linkedin.com/">LinkedIn</a> </td>
							<td width="35"><img src="images/social/contact.png" width="24" height="24" border="0"  class="block" alt=""></td>

							<td width="90"><a href="mailto:mail@site.com">Contact Us</a></td>		
						</tr>	
					</table>
					<!-- end social media + other links -->
					
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
				
				</td>
			</tr>
		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->

	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>
		
<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 21  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#666666; }
			.view-browser a{ color:#666666; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#EFEFEF #EFEFEF #EFEFEF #EFEFEF; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#E3E3E3">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#E3E3E3"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>

	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
		
		<table cellpadding="0" cellspacing="0" width="540" align="center">
			<tr>
				<td width="260" valign="top">
				
					<img src="images/logo.jpg" width="176" height="32" alt="" border="0" class="block">

		
				</td>
				<td width="20">&nbsp;</td><!-- spacer -->
				<td width="260" valign="top" align="right" class="ourwebsite">
				
					<b>12/2/2011</b><br>
					Lorem ipsum dolor sit amet
				
				</td>
			</tr>
		</table>
		
		<img src="images/divider-600x61.gif" width="600" height="61" alt="" border="0" class="block">

			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->
		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">

	
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">

					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
					
					<!-- company info + subscription -->		
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="265" valign="top">
							
									<b>YourCompany</b>, Some Adress
									<br>Some City, XY 305, Some Country
									<br>T: +1 234 567 8910
									<br>E: <a href="mailto:office@site.com">office@yoursite.com</a>

					
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="255" valign="top">
							
								   This newsletter was sent to mail@asite.com
								   <br>from YourCompany because you subscribed
								   <br><a href="http://www.site.com/">Unsubscribe instantly</a> 
								   | <a href="http://www.site.com/">Forward to a friend</a>
								
							</td>
						</tr>

					</table>
					<!-- end company info + subscription -->
		
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- social media + other links -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="120">Connect with us:</td>
							<td width="35"><img src="images/social/facebook.png" width="24" height="24" border="0" class="block" alt=""></td>

							<td width="80"><a href="http://www.facebook.com/">Facebook</a> </td>
							<td width="35"><img src="images/social/twitter.png" width="24" height="24" border="0"  class="block" alt=""></td>
							<td width="80"><a href="http://www.twitter.com/">Twitter</a> </td>
							<td width="35"><img src="images/social/linkedin.png" width="24" height="24" border="0" class="block" alt=""></td>
							<td width="75"><a href="http://www.linkedin.com/">LinkedIn</a> </td>
							<td width="35"><img src="images/social/contact.png" width="24" height="24" border="0"  class="block" alt=""></td>

							<td width="90"><a href="mailto:mail@site.com">Contact Us</a></td>		
						</tr>	
					</table>
					<!-- end social media + other links -->
					
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
				
				</td>
			</tr>
		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->

	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>

<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 22  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#666666; }
			.view-browser a{ color:#666666; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#EFEFEF #EFEFEF #EFEFEF #EFEFEF; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#E3E3E3">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#E3E3E3"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>

	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
		
		<table cellpadding="0" cellspacing="0" width="540" align="center">
			<tr>
				<td width="200" valign="top">
				
					<img src="images/logo.jpg" width="176" height="32" alt="" border="0" class="block">

		
				</td>
				<td width="20">&nbsp;</td><!-- spacer -->
				<td width="320" valign="bottom" align="right" >
				
					<a href="#">Dignissim</a> |
					<a href="#">Arcu</a> | 
					<a href="#">Fusce rhoncus</a> | 
					<a href="#">Placerat</a> |
					<a href="#">Lectus</a>

				
				</td>
			</tr>
		</table>
		
		<img src="images/divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
		
		<img src="placeholders/600x300.jpg" width="600" height="300" alt="" border="0" class="block">
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">

		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->
		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
	
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">

					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
					
					<!-- company info + subscription -->		
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="265" valign="top">
							
									<b>YourCompany</b>, Some Adress
									<br>Some City, XY 305, Some Country
									<br>T: +1 234 567 8910
									<br>E: <a href="mailto:office@site.com">office@yoursite.com</a>

					
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="255" valign="top">
							
								   This newsletter was sent to mail@asite.com
								   <br>from YourCompany because you subscribed
								   <br><a href="http://www.site.com/">Unsubscribe instantly</a> 
								   | <a href="http://www.site.com/">Forward to a friend</a>
								
							</td>
						</tr>

					</table>
					<!-- end company info + subscription -->
		
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- social media + other links -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="120">Connect with us:</td>
							<td width="35"><img src="images/social/facebook.png" width="24" height="24" border="0" class="block" alt=""></td>

							<td width="80"><a href="http://www.facebook.com/">Facebook</a> </td>
							<td width="35"><img src="images/social/twitter.png" width="24" height="24" border="0"  class="block" alt=""></td>
							<td width="80"><a href="http://www.twitter.com/">Twitter</a> </td>
							<td width="35"><img src="images/social/linkedin.png" width="24" height="24" border="0" class="block" alt=""></td>
							<td width="75"><a href="http://www.linkedin.com/">LinkedIn</a> </td>
							<td width="35"><img src="images/social/contact.png" width="24" height="24" border="0"  class="block" alt=""></td>

							<td width="90"><a href="mailto:mail@site.com">Contact Us</a></td>		
						</tr>	
					</table>
					<!-- end social media + other links -->
					
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
				
				</td>
			</tr>
		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->

	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>

<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 23  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#666666; }
			.view-browser a{ color:#666666; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#EFEFEF #EFEFEF #EFEFEF #EFEFEF; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#E3E3E3">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#E3E3E3"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>

	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
		
		<table cellpadding="0" cellspacing="0" width="540" align="center">
			<tr>
				<td width="200" valign="top">
				
					<img src="images/logo.jpg" width="176" height="32" alt="" border="0" class="block">

		
				</td>
				<td width="20">&nbsp;</td><!-- spacer -->
				<td width="320" valign="bottom" align="right" >
				
					<a href="#">Dignissim</a> |
					<a href="#">Arcu</a> | 
					<a href="#">Fusce rhoncus</a> | 
					<a href="#">Placerat</a> |
					<a href="#">Lectus</a>

				
				</td>
			</tr>
		</table>
		
		<img src="images/divider-600x61.gif" width="600" height="61" alt="" border="0" class="block">
			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->
		
		
		

<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
	
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">

					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">

					
					<!-- company info + subscription -->		
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="265" valign="top">
							
									<b>YourCompany</b>, Some Adress
									<br>Some City, XY 305, Some Country
									<br>T: +1 234 567 8910
									<br>E: <a href="mailto:office@site.com">office@yoursite.com</a>
					
							</td>

							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="255" valign="top">
							
								   This newsletter was sent to mail@asite.com
								   <br>from YourCompany because you subscribed
								   <br><a href="http://www.site.com/">Unsubscribe instantly</a> 
								   | <a href="http://www.site.com/">Forward to a friend</a>
								
							</td>
						</tr>
					</table>

					<!-- end company info + subscription -->
		
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- social media + other links -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="120">Connect with us:</td>
							<td width="35"><img src="images/social/facebook.png" width="24" height="24" border="0" class="block" alt=""></td>
							<td width="80"><a href="http://www.facebook.com/">Facebook</a> </td>

							<td width="35"><img src="images/social/twitter.png" width="24" height="24" border="0"  class="block" alt=""></td>
							<td width="80"><a href="http://www.twitter.com/">Twitter</a> </td>
							<td width="35"><img src="images/social/linkedin.png" width="24" height="24" border="0" class="block" alt=""></td>
							<td width="75"><a href="http://www.linkedin.com/">LinkedIn</a> </td>
							<td width="35"><img src="images/social/contact.png" width="24" height="24" border="0"  class="block" alt=""></td>
							<td width="90"><a href="mailto:mail@site.com">Contact Us</a></td>		
						</tr>	
					</table>

					<!-- end social media + other links -->
					
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
				
				</td>
			</tr>
		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->
	
	</td></tr>
	</table>
	

<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>

<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title> Base 24  :: Versatile 3 Newsletter :: </title>
	
	<style type="text/css">

		/* 
		   NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
		   Use online tools like http://premailer.dialect.ca/ to inline css easily 
		*/
		
		/* General */
	
		body, table, p, td, ul, ol{ color:#555555; font-family: Arial, sans-serif; font-size:12px; line-height:22px; }
					
		h1{ font-size: 24px; line-height:30px; font-weight: bold; margin:0 0 8px 0; padding:0; color:#252525; letter-spacing:-1px; }	
			h1 span{ color:#252525; } /* Hotmail header color bug fix */
			h1 a{ text-decoration:none; color:#3279BB; }
			
		h2{ font-size: 18px; line-height:24px; font-weight: bold; margin:0 0 10px 0; padding:0; color:#252525; }
			h2 span{ color:#252525; } /* Hotmail header color bug fix */
			h2 a{ text-decoration:none; color:#3279BB; }	
			
		h3{ font-size: 14px; line-height:20px; font-weight: bold; margin:0 0 12px 0; padding:0; color:#252525; } 
			h3 span{ color:#252525; } /* Hotmail header color bug fix */
			h3 a{ text-decoration:none; color:#3279BB; }	
				
		h4{ font-size: 12px; line-height:18px; margin:0 0 14px 0; padding:0; color:#252525; font-weight: bold; }
			h4 span{ color:#252525; } /* Hotmail header color bug fix */
			h4 a{ text-decoration:none; color:#3279BB; }

		p{ margin:0 0 12px 0; padding:0; }
			a{ color:#3279BB; text-decoration:underline; }		  
			i{ font-style:italic; }
			b{ font-weight:bold; }
			img{ border:none; }
			
		ul{ list-style-type: disc; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }
		ol{ list-style-type: decimal; list-style-position:inside; margin: 0 0 12px 0; padding:0 0 0 12px; }		
		blockquote{ margin: 0 20px 12px 20px; padding:0; }	
		
		/* Custom classes */
		
		.wrapper{ table-layout:fixed; }	/* Hotmail centering bug fix */
		.block{ display:block; } 		/* Gmail and Hotmail space under images bug fix */
		.last{ margin-bottom:0; }		/* Used to reduce spacing */
		
		.shout{ color:#FF0000; }
		.silence{ color:#666666; font-weight:400; }
				
		.text-align-center{ text-align:center; }
		.text-align-right { text-align:right;  }
		
		.img-left-aligned { margin-right:20px; margin-top:5px; }
		.img-right-aligned{ margin-left:20px; margin-top:5px;  }		
		
		.bordered{ border-width:1px 1px 1px 1px; border-spacing: 0; border-style:solid solid solid solid; border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4;}			
		.bordered-bottom{ border-bottom-width:1px; border-bottom-spacing: 0; border-bottom-style:solid; border-bottom-color:#D4D6D4;}			
					
		/* Layout */
		
		body { width:100%; margin:0; padding:0; } 
		
		.view-browser{ color:#666666; }
			.view-browser a{ color:#666666; text-decoration:underline; }
			
		.main-content-wrap{ border-width:10px 0px 0px 0px; border-spacing: 0; border-style:solid solid solid solid; 
							border-color:#EFEFEF #EFEFEF #EFEFEF #EFEFEF; border-collapse:collapse; background-color:#ffffff; }
							
			.header{}
				.ourwebsite{ line-height:16px; }
				.menu{ border-width:1px 0px 1px 0px; border-spacing: 0; border-style:solid solid solid solid; 
					   border-color:#D4D6D4 #D4D6D4 #D4D6D4 #D4D6D4; border-collapse:collapse;} 
			
			.content{}
			
			.footer{}
				.footer-content{ border-top-width:1px; border-top-style:solid; border-top-color: #D4D6D4; }
	
		.copyright{ color:#999999; }
			.copyright a{ color:#999999; text-decoration:underline; }
							
	</style>

</head>
<body bgcolor="#E3E3E3">

<!-- WRAPPER TABLE --> <table cellpadding="0" cellspacing="0" width="100%" class="wrapper"><tr><td bgcolor="#E3E3E3"> 	
<!-- ///////////////////////////////////// NEWSLETTER CONTENT  /////////////////////////////////// -->		
		
	<br>	

	<p class="view-browser text-align-center">Email not displaying correctly? <a href="#">View it in your browser.</a></p>

	
<!-- ////////////////////////////////// START MAIN CONTENT WRAP ////////////////////////////////// -->	
	
	<table cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" border="0" rules="none"
	 frame="border" align="center" class="main-content-wrap">
	<tr><td valign="top" class="header">
		
<!-- ////////////////////////////////// START HEADER ////////////////////////////////////////////  -->
				
		<br><br>
			
<!-- ////////////////////////////////// END HEADER /////////////////////////////////////////////// -->

	</td></tr>	
	<tr><td valign="top" class="content" id="iframe_module_content">
		
<!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// -->

		
		
		
<!-- ////////////////////////////////// END MAIN CONTENT ///////////////////////////////////////// -->
	
	</td></tr>
	<tr><td valign="top" class="footer">
	
<!-- ////////////////////////////////// START FOOTER ///////////////////////////////////////////// -->
		
		<img src="images/divider-600x31-2.gif" width="600" height="31" alt="" border="0" class="block">
	
		<table cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#f0f0f0">
			<tr>
				<td valign="top" class="footer-content">

					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
					
					<!-- company info + subscription -->		
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="265" valign="top">
							
									<b>YourCompany</b>, Some Adress
									<br>Some City, XY 305, Some Country
									<br>T: +1 234 567 8910
									<br>E: <a href="mailto:office@site.com">office@yoursite.com</a>

					
							</td>
							<td width="20">&nbsp;</td><!-- spacer -->
							<td width="255" valign="top">
							
								   This newsletter was sent to mail@asite.com
								   <br>from YourCompany because you subscribed
								   <br><a href="http://www.site.com/">Unsubscribe instantly</a> 
								   | <a href="http://www.site.com/">Forward to a friend</a>
								
							</td>
						</tr>

					</table>
					<!-- end company info + subscription -->
		
					<img src="images/footer-divider-600x31.gif" width="600" height="31" alt="" border="0" class="block">
					
					<!-- social media + other links -->
					<table cellpadding="0" cellspacing="0" width="540" align="center">
						<tr>
							<td width="120">Connect with us:</td>
							<td width="35"><img src="images/social/facebook.png" width="24" height="24" border="0" class="block" alt=""></td>

							<td width="80"><a href="http://www.facebook.com/">Facebook</a> </td>
							<td width="35"><img src="images/social/twitter.png" width="24" height="24" border="0"  class="block" alt=""></td>
							<td width="80"><a href="http://www.twitter.com/">Twitter</a> </td>
							<td width="35"><img src="images/social/linkedin.png" width="24" height="24" border="0" class="block" alt=""></td>
							<td width="75"><a href="http://www.linkedin.com/">LinkedIn</a> </td>
							<td width="35"><img src="images/social/contact.png" width="24" height="24" border="0"  class="block" alt=""></td>

							<td width="90"><a href="mailto:mail@site.com">Contact Us</a></td>		
						</tr>	
					</table>
					<!-- end social media + other links -->
					
					<img src="images/footer-divider-600x16.gif" width="600" height="16" alt="" border="0" class="block">
				
				</td>
			</tr>
		</table>
		
<!-- ////////////////////////////////// END FOOTER /////////////////////////////////////////////// -->

	
	</td></tr>
	</table>
	
<!-- ////////////////////////////////// END MAIN CONTENT WRAP //////////////////////////////////// -->
	
	<br><br><br>

<!-- ///////////////////////////////////// END NEWSLETTER CONTENT  /////////////////////////////// -->			
</td></tr></table><!-- END WRAPPER TABLE -->
</body>
</html>

Versatile 3 Manual Layout Creator

01. Select Base File