@-webkit-keyframes loading {
  0%, 100% {
    -webkit-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
  }

  26% {
    -webkit-transform: scale(1.1) rotateZ(12deg);
    transform: scale(1.1) rotateZ(12deg);
    opacity: .2;
  }

  76% {
    -webkit-transform: scale(0.8) rotateZ(-8deg);
    transform: scale(0.8) rotateZ(-8deg);
    opacity: .6;
  }
}
	
.loader {
  overflow: hidden;
  font-size: 25px;
}
.loader span {
  -moz-animation: loading 1s linear infinite -0.8s;
  -webkit-animation: loading 1s linear infinite -0.8s;
  animation: loading 1s linear infinite -0.8s;
  float: left;
}	

.font1 {
  font-family: "Helvetica", Arial, sans-serif;
}
.title{
	color:#000000;
	font-size: 30px;
	
	}
.header{
	background:#c2d3da;
	padding:10px;
	width:98%;
	position:relative; 
  	top:0px; 
	}
.head{
	background:#81a3a7;
	padding:20px;
	width:200px;
	position:relative; 
  	top:0px; 
	}
.row:after{
	content:"";
	display:table;
	clear:both
	}
.column{
	float:right;		
	width:1000px;
	height:600px;
	top:33%;
	left:20%;
	position:absolute;
	}
.colum{
	float:right;		
	width:1000px;
	height:400px;
	color:#0044bb;
	top:125%;
	left:20%;
	position:absolute;
	}
@media (min-width:901px) {

#left-nav { display: block; text-align:left; font-family: 'PT Sans', sans-serif; font-size:14px; font-weight:bold;}
#left-nav ul { list-style: none; margin: 0px; padding: 0px; }
#left-nav ul li { list-style: none; text-align: left; }
#left-nav ul li a { display: block; padding: 5px 10px; border-bottom: 1px solid #ccc; text-decoration: none; color:white; }
#left-nav ul li a:hover { background-color: #ccc; color: #fff; }

#col1 {
  float:left;
  width:200px;
  background-color:#000000;
  position:absolute; 
  top:35%; 
  left:2%; 
}
ul{
list-style-type: none;
margin:0px;
width:200px;
background-color:#303030;
}
ul.inline{
list-style-type: none;
background-color:#444444;
position:fixed;
bottom:0;
width:100%;
}
li a{
display:block;
color:white;
padding:8px 16px;
text-decoration:none;
}
li.line{
float:left;
border-right:1px #bbb solid 
}
#footer {
	background: #99bbff;
	border-top: 1px solid #aaaaaa;
	margin: 200px;
	padding: 20px;
	width: 60%;
	left: 20%;
	top:170%;
	position:absolute;
}