@font-face {
  font-family: 'Soft Elegance';
  src: url('/fonts/SoftElegance-Regular.eot'); /* IE9 Compat Modes */
  src: url('/fonts/SoftElegance-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/SoftElegance-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('/fonts/SoftElegance-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/fonts/SoftElegance-Regular.svg#SoftElegance-Regular') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'PT Sans Narrow';
  src: url('/fonts/PT_Sans-Narrow-Web-Regular.ttf') format('truetype');
}




body {
margin:0px;
padding:0px;
background-color:black;
padding-top: 45px;
}
.back {
font-family: 'Soft Elegance', Helvetica, sans-serif;
font-size: 26px;
line-height: 30px;
padding-left: 600px;
margin:auto;
width:450px;
color: #FFFFFF;
}
#home p {
background:rgba(0,30,106,.76);
padding:20px;
}
a {
  color:#fff;
}
.page {
width:50%;
font-family: 'PT Sans Narrow', Helvetica, sans-serif;
font-size: 1.5em;
line-height: 30px;
margin:auto;
color: #000;
background:#4D6BB7;
padding:1.5em;
}
blockquote {
color:#fff;
}
.page h1 {
  color:#fff;
  font-family: 'Soft Elegance', Helvetica, sans-serif;
}
.page h2 {
font-size:1.3em;
color:#fff;
font-family: 'Soft Elegance', Helvetica, sans-serif;
clear:both;
}
.page h3 {
font-size:1em;
color:#fff;
font-family: 'Soft Elegance', Helvetica, sans-serif;
}
.page ul {
  margin:0px;
  color:#fff;
  list-style:none;
  padding:0px;
}
.page li:before {
content: ">";
padding: 0em .5em;
}
.page li a {
  font-family: 'Soft Elegance', Helvetica, sans-serif;
  font-size:.9em;
  color:#fff;
  text-decoration:none;
}
.footnote {
font-size:.7em;
line-height:.9em;
width:75%;
color:#fff;
text-align:right;
float:right;
}
::selection{
background:#03c;
}
.title-box {
color:rgb(0,30,106);
background:rgba(20,20,20,.8);
padding:5px;
position:fixed;
font-family: 'Soft Elegance', Helvetica, sans-serif;
display: block;
width: 490px;
}
#parallaxContainer {
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: -1;
}
#parallaxContainer img {
height: auto;
margin:auto;
display:block;
}
.bottom {
background:#4D6BB7;
width:100%;
font-family: 'Soft Elegance', Helvetica, sans-serif;
color:#fff;
font-size:20px;
}
.bottom .interior {
padding:3em;
margin:auto;
}
.bottom .right {
  float:right;
}


@media only screen and (max-device-width: 480px) {
#parallaxContainer {
  display:none;
}
.page {
  width:90%;
}


}