@charset "utf-8";
/* Resets the HTML to near default values & allows HTML5 Block Elements to work */
* { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; text-decoration: none; background: transparent; }
section, article, aside, nav, footer, header, menu { display:block; }
header, footer, section {width: 100%; }
header { margin-top: 0%; }
body  { background: #FFF ;
		font: 100%/1.4 Arial, Helvetica, sans-serif;
		color: #033 ; }
#wrap { width: 800px;
		margin: 0 auto; }
img {	max-width: 100%; }

.erickheader { width: 75% ;
		margin-top: 7% ; }

h2 {	font-size: 100% ;
		color: #033 ;
		padding-top: 1%;
		line-height: 160%; }
h3 {	font-size: 115% ;
		color: #060 ;
		padding-top: 1% ;
		padding-bottom: 1% ;
		font-style: italic ; }
h4 {	font-size: 115% ;
		color: #060 ;
		padding-top: 1% ;
		padding-bottom: 1% ; }
article { padding-top: 1%;
		padding-left: 3%;
		padding-bottom: 3% ;
		width: 94%;
		color: #033 ;
		font-size: 100%;
		line-height: 150%;
		text-align: justify; }
article li { margin-left: 8%;
		margin-top: 2% ; }
article a:link {color: #00F ;
		text-decoration:underline; }
article	a:visited {color: #00F; }
article	a:hover, a:active, a:focus { color: #F30;}
article dl { font-size: 110%;
		line-height: 200%; }
a:link, a:visited { color: #00F; }
a:hover, a:active, a:focus {color: #F30; }
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
	body  { background: #FFF ; }
	h2 {	font-size: 100% ;
		color: #033 ;
		padding-top: 1%;
		line-height: 160%; }
	

	

}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
	body  { background: #FFF ; }
	h2 {	font-size: 100% ;
		color: #033 ;
		padding-top: 1%;
		line-height: 160%; }
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
	body  { background: #FFF ; }
	h2 {	font-size: 100% ;
		color: #033 ;
		padding-top: 1%;
		line-height: 160%; }
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
	body  { background: #FFF ; }
	h2 {	font-size: 100% ;
		color: #033 ;
		padding-top: 1%;
		line-height: 160%; }
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
	body  { background: #FFF ; }
	h2 {	font-size: 100% ;
		color: #033 ;
		padding-top: 1%;
		line-height: 160%; }
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
	body  { background: #FFF ; }
	h2 {	font-size: 100% ;
		color: #033 ;
		padding-top: 1%;
		line-height: 160%; }
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
	body  { background: #FFF ; }
	h2 {	font-size: 100% ;
		color: #033 ;
		padding-top: 1%;
		line-height: 160%; }
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
	body  { background: #FFF ; }
	h2 {	font-size: 100% ;
		color: #033 ;
		padding-top: 1%;
		line-height: 160%; }
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
	body  { background: #FFF ; }
	h2 {	font-size: 100% ;
		color: #033 ;
		padding-top: 1%;
		line-height: 160%; }
}