/* loading of custom fonts */

@font-face { font-family: Imprima; src: url('../fonts/Imprima-Regular.ttf'); } 
@font-face { font-family: Quattrocento; src: url('../fonts/Quattrocento-Regular.ttf');}
@font-face { font-family: Quattrocento-Bold; font-weight: bold; src: url('../fonts/Quattrocento-Bold.ttf');}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: 12px Imprima, Quattrocento;
	font-size: 13px;
	color: #061C37;
	background: #FFFFFF;
}

*
{
 	margin: 0 auto 0 auto;
	text-align: left;
}

#main_container {
	position: relative;
	-moz-box-shadow: 0 0 20px black; 
	-webkit-box-shadow: 0 0 20px black;
	box-shadow: 0 0 20px black;	
}

#bg {
	position:fixed; 
	top:-15%; 
	left:-15%; 
	width:145%; 
	height:145%;
}

#bg img {
	position:absolute; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	margin:auto; 
	min-width:50%;
	min-height:50%;
}

#header
{
	height:98px;
	width:960px;
	top: -10%;
	display: block;
	position: relative; 
	text-align: center;
}

#header div
{
	display: table;
}

#header #logo
{
	display: table-cell;
	position: relative;
	padding: 14px;
	left: 10px;
	text-align:left;	
}

#header #header_title
{
	display: table-cell;
	padding: 14px;
	text-align: center;
}

#header #certs_excel
{
	display: table-cell;
	text-align: right;
}

#header #certs_top
{
	display: table-cell;
	text-align: right;
	right: 10px;
}

#container
{
  	display: block; 
  	width: 960px;
  	height:auto;
  	position:absolute;
  	left:50%;
  	top:50%;
  	margin:-75px 0 0 -480px;
  	text-align: center;
}

#container h1 {
	font-family: Imprima;
	font-size: 60px;
	color: #FFFFFF;
	text-align:center;
	position:relative;
}

#container h2 {
	font-family: Imprima;
	font-size: 35px;
	color: #FFFFFF;
	text-align:center;
	position:relative;
	font-style: normal;
	font-weight: 100;
	cursor: pointer;
}

#container h2 a, #container h2 a:visited
{
	list-style: none;
	text-decoration:none;
	color:#FFFFFF;
}

#container h2 a:hover {
	color: #d1d1d1;
}

#bottom_content
{
  	display: table; 
  	width: 960px;
  	height:auto;
  	position:absolute;
  	left:50%;
  	bottom:15%;
  	margin:-75px 0 0 -480px;
  	text-align: center;
  	vertical-align: bottom;
}

#bottom_content h1 {
	display: table-cell;
	font-family: Imprima;
	font-size: 45px;
	color: #FFFFFF;
	text-align:left;
	position:relative;
	font-weight: 100;
}

#bottom_content h2 {
	display: table-cell;
	font-family: Imprima;
	padding-right: 18px;
	font-size: 25px;
	color: #FFFFFF;
	text-align:right;
	position:relative;
	font-weight: 100;
}

#mainpic
{
	background-image:url(../images/main.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:354px;
}

.off
{
	color:#300;
}

html, body {
text-align: center;
}
p {text-align: center;}