/* generic */
html, body, h1,h2,h3, ol, ul, li {
	margin:0;
	padding:0;
}
body {
	background-color:#fff;
	width:60%;
	margin:0 auto;
	font:normal 67.5% Helvetica,Cambria,Georgia,serif;
	color:#242021;
}
article, aside, figure, figcaption, footer, header, hgroup, menu, nav, section , details { display:block; }
p { 	
	text-align:justify; 
	line-height:1.5em;
}
ul {	list-style-type:none; }
ol { margin-left:2.5em; }
p, li, dl { font-size:1.4em; }
dt, dl  p { font-size:1em; }
dt { margin-bottom:10px; }
li { margin:.5em 0; }
a {
	color:#f73e3b;
	font-weight:bold;
	text-decoration:none;
}
a:hover { 
	opacity:0.7;
	filter:alpha(opacity=70);
}
a img { border:0; }

/* header */
header{
	margin:2em auto 0 auto;
	text-align:center;
}
h1,h2,h3 { line-height:0.8em; }
h1 {
	color:#242021;
	font-size:10em;
}
h1 span { 
	font-size:0.8em;
	margin-top:-.2em;
	display:block;
}
h2 {
	color:#0763ac;
	text-transform:uppercase;
	font-size:3.5em;
	font-weight:bold;
}
h2 span { font-weight:normal; }
h3 {
	color:#f73e3b;
	font-size:2.6em;
	line-height:1em;
}
section h2 { font-size:2.5em; }
div h2:first-child { margin-top:1em; }
section h2:first-child { margin-top:0; }

/* wrap */
#wrap {
	min-height:100%;
	margin:0 auto;
	width:80%;
}
section {
	clear:both;
	margin:1.5em 0;
	overflow:hidden;
	padding-bottom:.4em;
	border-bottom:1px solid #eee;
}
section h2 { margin-bottom:.3em; }
section p { margin:0; }
section p + p { margin:.6em 0; }
section p em { font-style:italics; }
figure {
	margin:0 2em 0 0;
	float:left;
	padding-bottom:2em;
}
figure img {
	border:1px solid #ddd;
	padding:.1em;
	margin:0;
}
ul { overflow:hidden; }
ul li { margin:.5em 0; width:48%; }
ul li:nth-child(odd) { float:left; clear:left; }
ul li:nth-child(even) { float:right; clear:right; }

ul li a img { 
	margin:0;
	width:80%;
}
figcaption { 
	font-size:0.9em;
	margin-top:.2em;
}
section ol, section ul { text-align:left; }
section p + ol , section p + ul, section h3 + p { margin-top:1em; }

details ul { 
	list-style-type:none; 
	margin-left:0;
}
details  ul li  { 
	background:transparent url("img/html.gif") no-repeat left 2px;
	font-size:.8em;
	padding:.2em .2em .2em 1.8em;
	float:none !important; /* overrides the float specified for the odd and even nth-children above */
}
details li:first-child { background:transparent url("img/info.gif") no-repeat left 3px; }
details li:first-child:empty { display:none; }
details li:first-child + li { background:transparent url("img/zip.gif") no-repeat left 3px; }

summary { cursor:pointer; }
details summary::-webkit-details-marker { display:none; }
section p span, summary span {
	font-size:0.7em;
	color:#f73e3b;
}
summary span { margin-left:0.5em; }
summary + ul li { float:none; }
summary + p { margin-top:0.6em; }

/* footer */
footer  { padding-bottom:0.6em; }
footer small { 
	font-size:1em;
	color:#aaa;
}
footer small a { float:right; }

/* Media Queries */
@media only screen and (min-width:1440px) {
	ul li a img { width:60%; }
}
@media only screen and (max-width:768px)  {
	body {
		font-size:50%;
		width:90%;
	}
	h1 { 
		font-size:7em;
		line-height:1.3em;
	}
	ul li img { width:30%; }
}
@media only screen and (max-width:480px)  {
	body { width:90%; }
}