!!! Strict
%html{xmlns: "http://www.w3.org/1999/xhtml"}
	%head
		%meta{content: "text/html; charset=utf-8", "http-equiv" => "Content-Type"}/
		%meta{content: "width=device-width, initial-scale=1.0", name: "viewport"}/
		%title Your Message Subject or Title
		:css
			#outlook a {padding:0;}
			body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;}
			.ExternalClass {width:100%;}
			.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}
			#backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;}
			img {outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;}
			a img {border:none;}
			.image_fix {display:block;}
			p {margin: 1em 0;text-align:left;font-size: 1.25em}
			h1, h2, h3, h4, h5, h6 {color: black !important;margin-bottom: 1.5em;line-height:1.5em}
			h2 {text-align:left;font-size:1.3em;}
			h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: white !important;margin-bottom:1em}
			h1 a:active, h2 a:active,  h3 a:active, h4 a:active, h5 a:active, h6 a:active {color: white !important;}
			h1 a:visited, h2 a:visited,  h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color: white !important;}
			table td {border-collapse: collapse;}
			table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
			a {color: #00ADEF;}
			@media only screen and (max-device-width: 480px) {
				a[href^="tel"], a[href^="sms"] {
							text-decoration: none;
							color: #00ADEF;
							pointer-events: none;
							cursor: default;
						}

				.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
							text-decoration: default;
							color: #00ADEF !important;
							pointer-events: auto;
							cursor: default;
						}
			}
			@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
				a[href^="tel"], a[href^="sms"] {
							text-decoration: none;
							color: blue; /* or whatever your want */
							pointer-events: none;
							cursor: default;
						}

				.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
							text-decoration: default;
							color: #00ADEF !important;
							pointer-events: auto;
							cursor: default;
						}
			}
			@media only screen and (-webkit-min-device-pixel-ratio: 2) {}
			@media only screen and (-webkit-device-pixel-ratio:.75){}
			@media only screen and (-webkit-device-pixel-ratio:1){}
			@media only screen and (-webkit-device-pixel-ratio:1.5){}
		/[if IEMobile 7]
			<style type="text/css">
			
			</style>
		/[if gte mso 9]
			<style>
			\/* Target Outlook 2007 and 2010 */
			</style>
	%body
		%table#backgroundTable{border: "0", cellpadding: "0", cellspacing: "0"}
			%tr
				%td
					%div{style:'width:100%;background-color:#00ADEF;padding: 25px 0 200px;text-align: center;'}
						%div{style:'max-width:600px;border:3px solid #00ADEF;margin:25px auto;background-color:#FFF;display:inline-block;width:75%;'}
							= yield
							%div{style: 'text-align:center;padding-bottom:25px'}
								%a{href: "#{@url}"}
									2014 Bike!Bike!