/* front ended by flytype.org */
/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
 }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
 }
/* end reset */
/* font normalization */
body {
  font:13px/1.231 sans-serif; *font-size:small;
}
/* few more */
html {
  overflow-y: scroll;
}
a:hover, a:active {
  outline: none;
}
ul, ol {
  margin-left: 2em;
}
ol {
  list-style-type: decimal;
}
nav ul, nav li {
  margin: 0;
  list-style: none; 
  list-style-image: none;
}
small {
  font-size: 85%;
}
strong {
  font-weight: bold;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* highlighted elements */
::-moz-selection {
  background: #fff;
  color:#444;
}
::selection {
  background:#fff;
  color:#444;
} 
/* j.mp/webkit-tap-highlight-color */
a:link {
  -webkit-tap-highlight-color: #fff;
}
/* end few more */
/* tweaking */
html, body {
  color: #fff;
  font-family: arial, sans-serif;
  background: #cacbcb;
}
html {
  display: table;
  width: 100%;
  height: 100%;
}
body {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}
a, a:active, a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: none;
}
/* site specific */
@font-face {
    font-family: 'PerspectiveSansRegular';
    src: url('persans-webfont.eot');
    src: url('persans-webfont.eot?#iefix') format('embedded-opentype'),
         url('persans-webfont.woff') format('woff'),
         url('persans-webfont.ttf') format('truetype'),
         url('persans-webfont.svg#PerspectiveSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PerspectiveSansItalic';
    src: url('persansi-webfont.eot');
    src: url('persansi-webfont.eot?#iefix') format('embedded-opentype'),
         url('persansi-webfont.woff') format('woff'),
         url('persansi-webfont.ttf') format('truetype'),
         url('persansi-webfont.svg#PerspectiveSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
.page {
	width: 800px;
	height: 582px;
	margin: 0 auto;
	background: #094084 url(bckgd/page-bckgd.jpg) no-repeat 0 0;
	font: 13px/16px 'PerspectiveSansRegular', Arial, sans-serif;
     -moz-box-shadow: 0px 2px 5px 1px #888; 
  -webkit-box-shadow: 0px 2px 5px 1px #888; 
          box-shadow: 0px 2px 5px 1px #888;
}
header {
	overflow: hidden;
}
header h1, header h2 {
	text-indent: -20000px;
}
article {
	width: 365px;
	margin: 310px auto 0 auto;
    text-shadow: 1px 2px 1px #000;
}
article p {
	margin-bottom: 26px;
	text-align: justify;
}
article p:first-child {
	margin-bottom: 13px;
}
article p a {
	border-bottom: 1px solid #c0d3d4;
}
article p a:hover {
	border-bottom: 1px solid transparent;
}
em {
	font: 13px/16px 'PerspectiveSansItalic', Arial, sans-serif;
}
section {
	overflow: hidden;
}
section p {
	text-indent: -20000px;
}