html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

.font{font-family: 'Rammetto One', cursive;}

body{
	font-family: 'Encode Sans', sans-serif;
}

h1{font-size: 2.5em; line-height: 1.6; margin: 30px 0 20px; }
h2{font-size: 1.7em; margin: 0 0 20px;}
h3{font-size: 1.25em; line-height: 1.6; margin: 0 0 20px;}

a{ color: #565656; text-decoration: none; }
a:hover { color: #565656; text-decoration: underline; }

.section {
    position: relative;
    width: 100%;
	margin-bottom: 50px;
}

.strong{
	color: #565656;
    font-size: 18px;
    font-weight: 100;
	margin: 0 0 0;
	line-height: 1.6;
}

p{
	color: #888;
    font-size: 16px;
    font-weight: 100;
    padding-bottom: 14px;
    margin-bottom: 20px;
	margin: 0 0 10px;
	line-height: 24px;
}

dl, ol, ul {
    padding-bottom: 0;
    padding-left: 20px;
	color: #888;
    font-size: 16px;
    font-weight: 100;
	line-height: 24px;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 20px;
	color: #888;
    font-size: 16px;
    font-weight: 100;
	line-height: 24px;
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 70%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 10px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}






/* #Base 1320 Grid
================================================== */	
	
		.container { position: relative; width: 1320px; margin: 0 auto; padding: 0; }
	

	
/* #Base 1200 Grid
================================================== */	
	@media only screen and (min-width: 1200px) and (max-width: 1319px) {	
		.container { position: relative; width: 1200px; margin: 0 auto; padding: 0; }
	}	
	
	
	

/* #Base 960 Grid
================================================== */

	@media only screen and (min-width: 960px) and (max-width: 1199px) {
		.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
	}


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container { width: 768px; }
    }


/*  #Mobile (Portrait)
================================================== */


    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
    }

/* #Mobile 
================================================== */


    @media only screen and (min-width: 320px) and (max-width: 479px) {
        .container { width: 300px; }
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 319px) {
        .container { width: 220px; }
    }