@import url(reset.css);
@import url(font/stylesheet.css);

/*** PAGE ***/
html, body { height:100%; margin:0; padding:0; background:#eeefee }
div#center {
	float:left;
	height:50%;
	margin-top:-405px;
	visibility:hidden;
	width:100%;
}
article{
	clear:both;
	height:810px;
	position:static;
	margin:0 auto;
	width:849px;
	z-index: 999;
}


section{
	position:relative; height:100%;
	background: url("../images/front.png") no-repeat scroll 0 160px transparent;
	z-index: 999;
}

/*** CONTENT ***/
h1{
	font-family: 'LubalinGraphMediumRegular';
	font-size:49px; color:#fff;
	position:absolute; top:269px; left:314px; text-align:center;
	text-transform:uppercase;
	line-height:53px;
}
h3{
    font-family: 'LubalinGraphBookRegular';
	font-size:14px; color:#fff;
	position:absolute; top:398px; left:343px; text-align:center;
	line-height:20px;
}
h2{
    font-family: 'LubalinGraphBookRegular';
	font-size:20px; color:#211915;
	position:absolute; top:180px; left:286px; text-align:center;
	word-spacing:-4px;
}
.get_quote{
	background:#000;
	font-family: 'LubalinGraphDemiRegular';
	font-size:21px;  text-transform:uppercase; text-decoration:none;
	position:absolute; bottom:119px; left:341px;
	display:block;
	width:167px; height:30px;
	-moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;
	text-align:center; line-height:30px;
	color:#fff;
	border:2px solid #000;
}
.get_quote:hover{
	border:2px solid #000;
	background:#fff;
	color:#000;
}

#rayburst {
	-webkit-animation-name: rotateThis;
	-webkit-animation-duration:115s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
  
	background: url("../images/rayburst.png") no-repeat;
	position: absolute;
	top: 160px;
	left:50%;
	margin-left:-282px;
	width: 565px;
	height: 565px;
	z-index: 1;
}
@-webkit-keyframes rotateThis {
  from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);}
}