img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: auto;
			
			/* Set up proportionate scaling */
			width: auto;
			height: 100%;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 14.25%;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
		
		div#content {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative; 
			
			
			/* These have no effect on the functionality */
			width: 60%;
			margin: 0 auto;
			background: ;
			padding: 20px;
			font-family: helvetica, arial, sans-serif;
			font-size: 10pt;
			line-height: 16pt;
			/*-moz-box-shadow: #000 4px 4px 10px;
			-webkit-box-shadow: #000 4px 4px 10px;*/
margin-left:10%; margin-top:6.2%;}
p {color: #2c272e;}
		
		
		body { background-color: #2c272e;
			/* These rules have no effect on the functionality */
			/* They are for styling only */
			margin: 0;
			padding: 0px 0 0 0;
		}
.navigation {

padding:0px 0px;

}
.navigation li {padding: 0px 0px 0px 0px; background-color:#2c272e; }
.navigation a  {
display:block;
text-decoration: none;
color:#fff;
padding:1em;
font-weight:bold; 
text-transform: uppercase;
font-size:1em;
font-family: 'Orienta', sans-serif;
text-shadow: 0 0, 0.1em 0.1em #c080d9;
}
.navigation li:hover {padding: 0 0 0px 0px; background-color:#5e5466; }
.navigation li a:hover,  .navigation ul li a.active {
display:block;
text-decoration: none;
color:#fff;



}
h1{display:block;
text-decoration: none;
color:#fff;
padding:1em;
font-weight:bold; 
text-transform: uppercase;
font-size:1em;
font-family: 'Orienta', sans-serif;
text-shadow: 0 0, 0.1em 0.1em #c080d9; padding: 0px 0px 0px 0px; }