/* Global */
@font-face {
  font-family: 'Aileron-Light';
  src: url('../fonts/Aileron-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Aileron-Light.otf')  format('opentype'),
	     url('../fonts/Aileron-Light.woff') format('woff'), url('../fonts/Aileron-Light.ttf')  format('truetype'), url('../fonts/Aileron-Light.svg#Aileron-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Aileron-Heavy';
  src: url('../fonts/Aileron-Heavy.eot?#iefix') format('embedded-opentype'),  url('../fonts/Aileron-Heavy.otf')  format('opentype'),
	     url('../fonts/Aileron-Heavy.woff') format('woff'), url('../fonts/Aileron-Heavy.ttf')  format('truetype'), url('../fonts/Aileron-Heavy.svg#Aileron-Heavy') format('svg');
  font-weight: normal;
  font-style: normal;
}
body{
	border-bottom:10px solid #005376;
	background: url(../img/background.png) no-repeat 50% bottom;
	margin:0;
}
h3{
	color:#009fd7;
	font-size:18px;
}
h3,strong,button{
	font-family: 'Aileron-Heavy';
}
input,select{
	border: 1px solid #538092;
    color: #538092;
    height: 24px;
    width: 93%;
    padding: 2px 10px;
}
label{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
select{
	-webkit-appearance: none;
	background: url(../img/chevron.png) no-repeat right;
	height: 30px;
    width: 100%;
}
select::-ms-expand {
    display: none;
}
.center{
	text-align:center;
}
.error{
	color:red !important;
	border-color:red !important;
}
.good{
	color:green !important;
}
.hide {
   height: 1px;
   left: -10000em;
   overflow: hidden;
   position: absolute;
   top: auto;
   width: 1px;
}
.wrapper{
	color:#538092;
	font-family: 'Aileron-Light';
	margin:auto;
	padding:10px;
	width: 920px;
}

/* Header */
header img{
	height: 60px;
	padding: 15px 0;
}

/* Main */
main section{
	clear:both;
}
main section:nth-child(1) div{
	float:left;
}
main section:nth-child(1) div:nth-child(odd){
	padding-left:15px;
	width:290px;
}
main section:nth-child(1) div:nth-child(even){
	padding-right:15px;
	width:600px;
}
body main section:nth-child(1) div:nth-child(2){
	color:#009fd7;
	font-size:24px;
}
main section:nth-child(1) iframe{
	height:340px;
    margin-bottom: -20px;
	margin-top: 20px;
	width:600px;
}
main section:nth-child(1) hr{
	background-color: #005376;
    height: 2px;
    margin-left: auto;
    margin-right: auto;
	margin-top: -10px;
    width: 80%;
}
main section:nth-child(1) form button{
    background-color: #ffcc00;
	border: 0;
	color: white;
	cursor: pointer;
	font-size:18px;
	height: 50px;
	padding-left: 50px;
	text-align: left;
	text-transform:uppercase;
	width:210px;
}
main section:nth-child(1) form button img{
    margin-top: -16px;
    margin-left: 5px;
	position: absolute;
}
main section:nth-child(1) form p:last-child{
	font-size:11px;
	margin:auto;
	text-align:center;
	width:210px;
}
main section:nth-child(2) h2{
	font-size:24px;
	font-weight:normal;
	padding: 0 70px;
}
main section:nth-child(2) h3{
	color:#538092;
}
main section:nth-child(2) div{
	background: url(../img/midpage.jpg) 48% 58%;
    height: 280px;
    overflow: hidden;
}
main section:nth-child(2) ul{
	border-bottom: 1px solid #005376;
	border-top: 1px solid #005376;
	height:90px;
	list-style:none;
	margin: -15px auto 20px auto;
	width: 670px;
}
main section:nth-child(2) ul li{
	float:left;
	margin:20px;
}
main section:nth-child(2) ul li:first-child{
	margin-left:-10px;
}
main section:nth-child(2) ul li:last-child{
	margin-right:0px;
}
main section:nth-child(2) ul li img[alt=Toyota]{
	margin-top:-2px;
}
main section:nth-child(2) ul li img[alt=Volkswagen]{
	margin-top:2px;
}
main section:nth-child(3){
	font-size:14px;
}
main section:nth-child(3) h3{
	font-size:18px;
	text-transform:uppercase;
}
main section:nth-child(3) ul{
	list-style:none;
	padding: 0;
}
main section:nth-child(3) ul li{
	float:left;
    height: 120px;
	padding:1%;
	width:48%;
}
main section:nth-child(3) ul li span{
	float:left;
	height:120px;
	text-align:center;
	width: 120px;
}
main section:nth-child(3) ul li p{
	margin-top: -10px;
}

/* Footer */
footer{
	clear:both;
	font-size:11px;
	text-align:center;
}

/* Tablet */
@media (max-width: 960px) {
	.wrapper{
		width: 600px;
	}
	main section:nth-child(1) div:nth-child(even){
		padding-left:0;
		padding-right:0;
		width:auto;
	}
	main section:nth-child(1) div:last-child{
		margin: auto;
		float: none;
	}
	main section:nth-child(2) ul {
		height: 190px;
		width: 350px;
	}
	main section:nth-child(3) ul li{
		width:98%;
	}
}
/* Mobile */
@media (max-width: 640px) {
	.wrapper{
		min-width:300px;
		width:auto;
	}
	header{
		text-align:center;
	}
	main section:nth-child(1) div{
		padding-right:0;
		text-align:center;
		width:auto;
	}
	main section:nth-child(1) div form{
		text-align:left;
	}
	main section:nth-child(1) iframe{
		height:170px;
		width:300px;
	}
	main section:nth-child(2) ul {
		overflow:hidden;
		width: 250px;
	}
}