@charset "utf-8";
html {
	font-size:62.5%;
}

body {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #7AA0A5;
	color: #000;
	-webkit-text-size-adjust: 100%;
}

/* Global Style Information */
p {
	font-size:1.6em;
	padding:0.5em 1em;
}

h1, h2, h3, h4, h5, h6 {
	font-family:'Titillium Web', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:3.2em;
	padding:0 0.5em;
	font-weight:normal;
}

.black_container {
	background:url(../images/trans_black.png) repeat;
	border-radius:1.6em;
	padding:0.25em;
	color:#FFF;
}

ul, li {
	font-family:'Titillium Web', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	list-style:url(../images/checkmark.png) outside;
	margin-left:1.2em;
	line-height:1.2em;
}

/* Regular Links */
a img { 
	border: none;
}

a:link {
	color:#414958;
	text-decoration: underline;
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

/* Header Styles */
.header_background {
	background:url(../images/header_car.jpg) no-repeat top right #6E7E8D;
}

#website_name {
	font-family:'Titillium Web', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:3.6em;
	padding:0;
	padding-left:0.25em;
	line-height:1em;
	font-weight:600;
}

#website_tagline {
	font-family:'Titillium Web', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.8em;
	padding:0;
	text-indent:2em;
	line-height:1.5em;
	font-weight:600;
}

/* Styling for Nav */

ul#nav_menu {
	box-shadow:0 0 0.5em 0.5em rgba(0,0,0,0.33);
	background: #505870;
	list-style: none;
	box-shadow:inset 0 0 1em 1em rgba(85,117,144,1);
	border-top-left-radius:1.6em;
	border-top-right-radius:1.6em;
}

ul#nav_menu li {
	list-style: none;
	text-align:center;
}

.faq_borders {
	border-left:0.5em solid #092d62;	
	border-right:0.5em solid #092d62;	
}

ul#nav_menu a, ul#nav_menu a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	text-decoration: none;
	vertical-align:middle;
	color:#FFF;
	font-size:3.6em;
	font-family:'Titillium Web', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:600;
}

ul#nav_menu a:hover, ul#nav_menu a:active, ul#nav_menu a:focus, #active { 
	text-decoration: none;
	background-color:#7395fb;
}

/* Content Styles */

.cta_background {
	background:url(../images/girl_with_car_key.png) no-repeat top center #6E7E8D;
	min-height:300px;
}

#cta_text {
	font-size:3.6em;
}

#bullet_text {
	font-size:1.8em;	
}

#apply_text {
	font-size:4.8em;
}

#body_content {
	background-color:#c4e5ff;
	border:5px solid #1226a0;	
}

/* Footer Style */

.footer {
	background-color: #1247a0;
	color:#FFF;
	font-size:0.75em;
}

.footer a {
	color:#FFF;
}

/* CSS for Background Image */

img#bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
  z-index:-100;
}

@media screen and (max-width: 1024px) {
  img#bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}



