@charset "utf-8";
/* CSS Document */

#quickAction { padding: 60px 0; }

#quickAction-wrapper { margin-bottom: 3%;}

#quickAction .span30 h2 {
	padding-bottom: 4px;
}

#quickAction .span30 { text-align:center;}

#quickAction .span30 p {
	padding: 5px 0 10px;
	font-size:14px;
}

.quickAction-icon { padding-bottom: 10px;}

#billmelater { margin-top:-11px;}

#home-billboard {
	text-align:center;
	padding-top: 32px;
}

#home-billboard h3 {
	padding: 17px 0 50px 0;
}

#home-billboard img {
	max-width: 96%;
	margin: 0 auto;
	height:auto;
	margin-top:88px;
	position:relative;
	z-index:0;
}

#activeImg { width:33%; padding-left:5%;} 
#activeImg img{ width: 100%; height: auto; max-width: 349px; }
#terra, #experience { padding-left: 0; padding-right:0; width:40%;}
#terra img, #experience img{ width: 100%; height: auto; max-width: 522px; }

/* Billboard Styling */

#billboard {
	height: 600px;
	background:url(../img/billboard-bg.jpg) repeat-x;
	position:relative;
}

.billboard-text h2 {
	font-family:'Open Sans', Arial, Helvetica,sans-serif;
	color: #000;
	font-size: 49px !important;
	font-weight: 400;
}

.billboard-text h2 span{
	font-weight:500;
}

.billboard-text h3 {
	font-family:'Open Sans', Arial, Helvetica,sans-serif;
	color: #3a3a3a;
	font-size: 23px;
	font-weight: 400;
}

.span20 img {
	width: 100%;
	max-width: 252px;
	height: auto;
}

#desk { position:absolute;}

#desktop img{
	margin: 0 auto;
	height:auto;
	margin-top:0px;
	position:relative;
	z-index:3;
	width:96%;
	padding: 0 2%;
	-webkit-animation: moveY 3.5s linear 0s infinite alternate;
	-moz-animation: moveY 3.5s linear 0s infinite alternate;
	-o-animation: moveY 3.5s linear 0s infinite alternate;
	animation:  moveY 3.5s linear 0s infinite alternate;
	top: 55px;
}

#frame img{ 
	max-width: 1300px;
	margin: 0 auto;
	height:auto;
	margin-top:0px;
	position:relative;
	z-index:0;
	width:100%;
}

@-webkit-keyframes moveY {
  from { top: 35px; } to { top: 110px; }
}
@-moz-keyframes moveY {
  from { top: 35px; } to { top: 110px; }
}
@-o-keyframes moveY {
  from { top: 35px; } to { top: 110px; }
}
@keyframes moveY {
  from { top: 35px; } to { top: 110px; }
}

#numbers{
	position:absolute !important;
	z-index:40 !important;
	left: 79%;
	width:1.7% !important;
	height:auto;
	max-width: 22px;
	margin-top:10.4% !important;
	-webkit-animation: moveY 3.5s linear 0s infinite alternate;
  -moz-animation: moveY 3.5s linear 0s infinite alternate;
  -o-animation: moveY 3.5s linear 0s infinite alternate;
  animation:  moveY 3.5s linear 0s infinite alternate;
}