/* -------- 1) CLEAR DEFAULT STYLES -------- */
html, body { font-size:10px; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, img, small, strike, sub, sup, tt, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; vertical-align: baseline; background:transparent; }
h1, h2, h3, h4, h5, h6, blockquote { border:0px; font-size:10px; margin:0px; font-weight:normal; }
ul, ol  { list-style: none; }
ol {list-style-position: inside;}
table, td {font-size: 1em;}
th {text-align:left;}
input, select, textarea {font-size:1em;}
form {display:inline;}
label {vertical-align:middle;}
input[type='radio'], input[type='checkbox'] {vertical-align:middle;}
img {border-style:none;}
em { font-style:italic; }

body {
	width:100%;
	margin:0px;
	background: #ffffff;
	background-image: url("images/bg.png");
	background-repeat: repeat-x;
	}
	
a:link, a:visited {
	color: #888888;
	}

a:hover, a:active {
	text-decoration: none;
	}
	
p {
	margin:0px;
	padding:0px;
	}
	
div#container {
	margin: 0px auto;
	padding: 40px 50px 50px 50px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #000000;
	background-color: white;
	width: 300px;
	box-shadow: 2px 0px 2px 2px gray;
	}
	
div#container > header {
	padding: 0px 0px 10px;
	}
	
div#container > header  h1 {
	margin: 0px auto;
	text-align: center;
	background-attachment:scroll;
	background-color:transparent;
	background-image:url("images/logo.png");
	background-repeat:no-repeat;
	display:block;
	width:252px;
	height:140px;
	text-decoration:none;
	text-indent:-99999px;
	}

div#container section {
	margin: 0px auto;
	text-align: center;
	}

div#container section header h1 {
	margin: 20px auto;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	font-size: 32px;
	padding: 0px;
	}

div#container section p {
	margin: 20px 0px 0px 0px;
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
	}
	
div#container section p a {
	font-weight: 600;
	underline: none;
	text-align: center;
	}

footer {
	padding: 20px 0px;
	margin: 0px auto;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #888888;
	font-size: 14px;
	}
	
/* mobile */
@media only screen and (max-width: 767px) {
	div#container {
		width: 310px;
		padding: 30px 0px;
		text-align: center;
		}
		
	section {
		text-align: center;
		font-size: 12pt;
		width: 280px;
		line-height: 13pt;
		}
		
	div#container section header h1 {
		margin: 20px auto;
		text-align: center;
		font-family: 'Lato', sans-serif;
		font-weight: 800;
		font-size: 22px;
	}
	
	div#container section p {
		margin: 20px;
		font-size: 14px;
		line-height: 1.5;
		text-align: left;
	}
	
	footer {
		width: 250px;
		margin: 0 auto;
		font-size: 10pt;
		color: #999999;
		line-height: 13pt;
		padding: 15px 0;
		text-align: center;
		line-height: 12pt;
		}
		
	footer a {
		text-decoration: none;
		color: #cccccc;
		font-weight: bold;
		}
	
	}