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

body {
	color: #575c7a;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #d7d7d7 url(../images/background_gradient.jpg) repeat-x 0px 0px;
}

.page {
	max-width: 980px;
	margin: 0px auto 0px auto;
	position: relative;
	background-color: #fff;
}
h1 { font-size: 2em; font-weight: normal; color: #000; margin: 0 0 .5em 0; }
h2 { font-size: 1.7em; margin: 0 0 1em 0; }
h3 { font-size: 1.5em; margin: 0 0 1em 0; }
p { margin: 0 0 .75em 0; }
img.arkill { max-width: 100%; }

a { color: #de9000; }
a:hover { color: #009eff; }
footer { font-size: .85em; color: #fff; background-color: #404040; padding: 10px 10px 10px 20px; }
a.cta {
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	margin: .5em 0 0 0;
	padding: 0px 12px 0px 0px;
	background: url(../images/cta_arrow.png) no-repeat right 0px;
 }
 a.cta:hover { background-position:right -50px; }

 .promo h3 { font-size: 1.1em; margin: 0; }
 .promo p { line-height: 1.2em; font-size: .9em; margin-bottom: .5em; }
 .promo { background-repeat: no-repeat; }
 .promo.one { background-image: url(../images/60px-Bootstrap_logo.png); }
 .promo.two { background-image: url(../images/promo_2.jpg); }
 .promo.three { background-image: url(../images/promo_3.jpg); }

 nav a {
 color: #fff;
 text-transform: uppercase;
 text-decoration:none;
 display:inline-block;
 font-weight:bold;
 font-size: .9em;
 }
 nav a:hover { color: #fff; }
 .clear-fix { clear:both; line-height: 1px; }

 .video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}