body { margin-top:10px; margin-bottom:10px; background-color : red;}

p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i
     { font-family:Verdana,Arial,sans-serif; }

h1 {  font-family:Verdana,Arial,sans-serif; font-size:20pt; color : #ffffff; font weight: bold; font style: italic;}

p { font-family:Verdana,Arial,sans-serif; font-size:10pt; color: #ffffff; font-weight: bold;}

ul,ol,li,div,td,th,address,nobr,b,i { font-family:Verdana,Arial,sans-serif; font-size:10pt; color: #ffffff;}

a:link { font-family:Verdana,Arial,sans-serif; font-size:10pt; color: #ffffff; text-decoration:none;}

a:visited { font-family:Verdana,Arial,sans-serif; font-size:10pt; color: #ffffff; text-decoration:none;}

a:active { font-family:Verdana,Arial,sans-serif; font-size:10pt; color: #ffffff; text-decoration:none; }

a:hover {
	font-family:Verdana,Arial,sans-serif;
	font-size:10pt;
	color: white;
	text-decoration: none;
}


p { font-family:Verdena,Arial,sans-serif; font-size:10pt; color: white;}


ul {
    width: 50%;
    margin: 12px auto;
}
li {
	width: 100px;
	height: 100px;
	margin-right: 8px;
	margin-bottom: 8px;
	float: left;
	list-style: none;
	position: relative;
	cursor: pointer;
	font-family:'Open Sans';
	font-weight: 300;
	-webkit-perspective:1000;
	-moz-perspective:1000;
	-ms-perspective:1000;
	-o-perspective:1000;
	perspective:1000;
}


header {
  position: fixed;
  top: 0;
  left: 0; 
  right: 0;
}


footer {

	position: fixed;
	padding: 10px;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(153, 153, 153, .0);

}



footer p {
	margin: 2;
	font-family:Verdana,Arial,sans-serif;
	font-size:10pt;
	color: #999999;
	}

footer a:link { font-family:Verdana,Arial,sans-serif; color: #999999; text-decoration:none;}
footer a:visited { font-family:Verdana,Arial,sans-serif; color: #999999; text-decoration:none;}
footer a:active { font-family:Verdana,Arial,sans-serif; color: #999999; text-decoration:underline;}
footer a:hover { font-family:Verdana,Arial,sans-serif; color: #999999; text-decoration: underline;}