* { padding: 0; margin: 0; }
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
html {overflow: auto; height: 100%;}
body {
	background-color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #000000;
	text-align: center;
}
table {border-collapse: collapse; border-spacing: 0; }
img, a img {border: none;}
img, p {margin-bottom: 0.8em;}
p {
	line-height: 1.6em;
	padding-top: 0.8em;
	padding-right: 0.1em;
	padding-left: 0.1em;	
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000;
}
strong, #intro a {font-weight: bold;}
em {font-style: italic;}
:link, :visited, :hover, :active {text-decoration: none;}
a:link, a:visited, a:active {color: #666;}
a:hover {color: #000;}
@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
#wrapper {width: 100%; height: 100%;}	
#intro {
	font-size: 13px;
	position:relative;
	margin-top: 12px;
	margin-left: auto;
	margin-right: auto;
	min-width: 400px;
	padding: 0 10px 10px 10px;
}
}
@media only screen and (min-device-width: 1024px)
{
#wrapper {width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; z-index: 1;}		
#intro {
	font-size: 12px;
	height: 440px;
	width: 400px;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: -220px;
	margin-left: -200;
}
}
.narrow {
	width: 284px;
	margin-left: auto;
	margin-right: auto;
	border: none;
}
.cap {text-transform: uppercase;}