@charset "utf-8";
/* CSS Document */
body { width:device-width; margin:0; padding:0; line-height:1.5em; color:#444; font-family:Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, p {color: #444;}
.cc {color:#444; font-size:9px;}		
.container { width: 85%;margin: 0 auto;padding: 0px 0px 0px 38px;}
.wrapper  { width: 85%;margin: 0 auto;padding: 0px 0px 0px 38px; vertical-align:central;}
.wrap  { width: 100%; margin: 10 auto;padding: 20px 20px 20px 38px;}
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; }
.training { height: 70px; padding: 0 0; background-image:url(images/training.png); background-position:center; background-repeat:no-repeat;}
@media only screen and (max-width: 680px) {
	.training {background: url(images/trainingsm.png) center no-repeat; height: 100px; }
}
/*=====================================================================================================================================================*/
/* TOP BANNER */
#banner { width: 100%;  height: 600px; padding: 0 10px; margin: 0 auto; background-image:url(images/odeccar.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; }
@media only screen and (max-width: 1440px) {
	#banner {background: url(images/odeccar-2.jpg) no-repeat; height:428px; background-size: cover;}
}
@media only screen and (max-width: 780px) {
	#banner {background: url(images/odeccar-med.jpg) center no-repeat; height:238px; }
}
@media only screen and (max-width: 480px) {
	#banner {background: url(images/odeccar-sm.jpg) center no-repeat; height:146px; }
}
/* ---------- About Banner ---------- */
.about { width: 100%; height: 580px; padding: 0 10px; margin: 0 auto; background-image:url(images/about-lg.jpg); background-repeat:no-repeat; background-size:cover; }
@media only screen and (max-width: 1440px) {
	.about {background: url(images/about.jpg) center no-repeat; height: 400px; background-size:cover; }
}
@media only screen and (max-width: 780px) {
	.about {background: url(images/about-med.jpg) center no-repeat; height: 225px; }
}
@media only screen and (max-width: 480px) {
	.about {background: url(images/about-sm.jpg) center no-repeat; height: 139px; }
}
/* ---------- Client Banner ---------- */
.clients { width: 100%; height: 660px; padding: 0 10px; margin: 0 auto; background-image:url(images/clients-xl.png); background-repeat:no-repeat;}
@media only screen and (max-width: 1920px) {
	.clients {background: url(images/clients-lg.png) center no-repeat; height: 576px; }
}
@media only screen and (max-width: 1440px) {
	.clients {background: url(images/clients.png) center no-repeat; height: 432px; }
}
@media only screen and (max-width: 780px) {
	.clients {background: url(images/clients-med.png) center no-repeat; height: 234px; }
}
@media only screen and (max-width: 480px) {
	.clients {background: url(images/clients-sm.png) center no-repeat; height: 144px; }
}
/* ---------- Contact Banner ---------- */
.contact { width: 100%; height: 500px; padding: 0 10px; margin: 0 auto; background-image:url(images/slide-lg.jpg); background-repeat:no-repeat; background-size:cover;}
@media only screen and (max-width: 1400px) {
	.contact {background: url(images/slide.jpg) center no-repeat; height: 370px; }
}
@media only screen and (max-width: 780px) {
	.contact {background: url(images/slide-med.jpg) center no-repeat; height: 270px; }
}
@media only screen and (max-width: 480px) {
	.contact {background: url(images/slide-sm.jpg) center no-repeat; height: 130px; }
}
/* ---------- Instructors Banner ---------- */
.instructors { width: 100%; height:475px; padding: 0 10px; margin: 0 auto; background-image:url(images/instructors2-lg.jpg); background-repeat:no-repeat; background-position:top;}
@media only screen and (max-width: 1400px) {
	.instructors {background: url(images/instructors2.jpg) no-repeat; height: 335px; }
}
@media only screen and (max-width: 780px) {
	.instructors {background: url(images/instructors2-med.jpg) no-repeat; height: 190px; }
}
@media only screen and (max-width: 480px) {
	.instructors {background: url(images/instructors2-sm.jpg) no-repeat; height: 115px; }
}
/* ---------- Training Banner ---------- */
.train { width: 100%; height: 500px; padding: 0 10px; margin: 0 auto; background-image:url(images/carface-lg.jpg); background-repeat:no-repeat; background-size:cover;}
@media only screen and (max-width: 1440px) {
	.train {background: url(images/carface.jpg) center no-repeat; height: 360px; background-size:cover;}
}
@media only screen and (max-width: 780px) {
	.train {background: url(images/carface-med.jpg) center no-repeat; height: 220px; }
}
@media only screen and (max-width: 480px) {
	.train {background: url(images/carface-sm.jpg) center no-repeat; height: 100px; }
}
/*=====================================================================================================================================================*/
/* LOGO*/
.logo { width: 100%; height: 85px; padding: 0 0; background-image:url(images/logo.png); background-repeat:no-repeat; background-position:center;  }
@media only screen and (max-width: 780px) {
	.logo {background: url(images/logo-med.png) no-repeat; height:69px; }
}
@media only screen and (max-width: 480px) {
	.logo {background: url(images/logo-sm.png) no-repeat; height:61px;}
}
.sectionleft { width:55%; float:left; }
.sectionright { width:45%; float:right; }
/*=====================================================================================================================================================*/
/* GRID OF FIVE*/
/*  SECTIONS  */
.section {clear: both;padding: 0px;margin: 0px; }
/*  COLUMN SETUP  */
.col  { cursor:pointer; display: block; height:262px; float:left; margin: 1% 0 1% 1%; background-image:url(images/on-road.png); background-repeat:no-repeat; background-position:center; vertical-align:bottom;}
.col2 { cursor:pointer; display: block; height:262px; float:left; margin: 1% 0 1% 1%; background-image:url(images/online.png); background-repeat:no-repeat; background-position:center;vertical-align:bottom;}
.col3 { cursor:pointer; display: block; height:262px; float:left; margin: 1% 0 1% 1%; background-image:url(images/closed.png); background-repeat:no-repeat; background-position:center;vertical-align:bottom;}
.col4 { cursor:pointer; display: block; height:262px; float:left; margin: 1% 0 1% 1%; background-image:url(images/assessment.png); background-repeat:no-repeat; background-position:center;vertical-align:bottom;}
.col5 { cursor:pointer; display: block; height:262px; float:left; margin: 1% 0 1% 1%; background-image:url(images/class.png); background-repeat:no-repeat; background-position:center;vertical-align:bottom;}
.col:first-child { margin-left: 0; }
/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF FIVE  */
.span_5_of_5 { width: 100%;}
.span_4_of_5 { width: 79.8%;}
.span_3_of_5 { width: 59.6%;}
.span_2_of_5 { width: 39.4%;}
.span_1_of_5 { width: 19.2%;}

/*  GO FULL WIDTH BELOW 680 PIXELS */
@media only screen and (max-width: 680px) {
	.col, .col2, .col3, .col4, .col5{  margin: 1% 0 1% 0%;}
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 50%; }
}

/* Contact Form */