@font-face {
	font-family: 'QlassikMediumRegular';
	src: url('Qlassik_TB.eot');
	src: local('Qlassik Medium Regular'), local('QlassikMedium'), url('Qlassik_TB.otf') format('opentype'), url('Qlassik_TB.svg#QlassikMedium') format('svg');
}

body{
		font-family:'QlassikMediumRegular';
	background-color:#8195C3;
	}
#container 
{
width:1064px;
margin:0 auto;
background-color:#344D86;
font-size:1.5em;
}

#header {
	background-image:url(../images/cardona-designs-html5-and-css3-header.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:1064px;
	height:344px;
	margin:-30px auto 2% auto;
	}

#header h1{
width:40%;
padding-top:18%;
}

#header h1 a{
color:#112657;
	text-decoration:none;

	}

#header h2 a{
text-decoration:none;
color:#344D86;

}

#nav{
         padding-top:5px;
}

#nav li{
	display:inline;
	}

#nav li a{
color:#fff;
text-decoration:none;
padding-left:1.5%;
padding-right:1.25%;
text-shadow: 1px 1px 1px #000;
}

#nav li a:hover{
background-color:#ffffff;
color:#112657;
padding-top:1%;
padding-bottom:1%;
}

#content{
width:80%;
margin:0 auto;
color:#ffffff;
	text-shadow: 1px 1px 1px #000;
	}
	
#content a{
	text-decoration:none;
	color:#112657;
	}
	
#content a:hover{
	color:#ffffff;
	text-decoration:underline;
	}

.no-shadow{
text-shadow: 1px 1px 1px #000;
}

#content ul{
	list-style-type:none;
	}
	
#text-shadow-2{
	text-shadow: 1px 1px 8px #000;
	}
	
#footer{
	padding-bottom:1px;
	}

#footer li{
display:inline;
}

#footer li a{
color:#fff;
text-decoration:none;
padding-left:1.5%;
padding-right:1.25%;
text-shadow: 1px 1px 1px #000;
}

#footer li a:hover{
background-color:#ffffff;
color:#112657;
padding-top:1%;
padding-bottom:1%;
}

#jsonResults{
margin-top:-17%;
}


#opacity1{
background-color:rgba(255,0,0,0.2);
}

#opacity2{
background-color:rgba(255,0,0,0.4);
}

#opacity3{
background-color:rgba(255,0,0,0.6);
}

#opacity4{
background-color:rgba(255,0,0,0.8);
}

#opacity5{
background-color:rgba(255,0,0,1);
}

#top-p{
padding-top:3%;
}