/* ------------------------------------- 
		GLOBAL 
------------------------------------- */
* { 
	margin:0;
	padding:0;
}
* { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }

img { 
	max-width: 100%; 
}
.collapse {
	margin:0;
	padding:0;
}
body {
	-webkit-font-smoothing:antialiased; 
	-webkit-text-size-adjust:none; 
	width: 100%!important; 
	height: 100%;
}


/* ------------------------------------- 
		CALLOUT
------------------------------------- */
a { color: #2BA6CB;}

p.callout {
	padding:5px;
	background-color:#ffffff;
	margin-bottom: 5px;

}
.callout a {
	font-weight:bold;
	color: #2BA6CB;
}

/* ------------------------------------- 
		BODY 
------------------------------------- */
table.body-wrap { width: 100%;}


/* ------------------------------------- 
		TYPOGRAPHY 
------------------------------------- */
h1,h2,h3 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.1; margin-bottom:10px; color:#000;
}
h1 small, h2 small, h3 small { font-size: 60%; color: #6f6f6f; line-height: 0; text-transform: none; }

h1 { font-weight:200; font-size: 44px;}
h2 { font-weight:200; font-size: 37px;}
h3 { font-weight:500; font-size: 20px; margin-left: 25px;}


.collapse { margin:0!important;}

p { 
	margin-bottom:10px;
	margin-left: 25px;
	margin-right: 15px;
	font-weight: normal; 
	font-size:14px; 
	line-height:1.6;
}


/* --------------------------------------------------- 
		RESPONSIVENESS 
------------------------------------------------------ */

/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
.container {
	display:block!important;
	max-width:600px!important;
	margin:0 auto!important; /* makes it centered */
	clear:both!important;
}

/* This should also be a block element, so that it will fill 100% of the .container */
.content {
	max-width:600px;
	display:block;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 5px;
}

/* Let's make sure tables in the content area are 100% wide */
.content table { width: 100%; 
background-image:url(Images/letterPaper.jpg); 
background-repeat:no-repeat; 
background-position:center bottom;

}

/* Be sure to place a .clear element after each set of columns, just to be safe */
.clear { display: block; clear: both; }