﻿/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;font-family: 'Roboto Condensed', sans-serif;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 

/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

body {overflow-x: hidden; font-size:20px;line-height:1.6;-webkit-text-size-adjust:none;background:url("../siteart/whitebg.png") no-repeat;background-attachment:fixed;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
h1, h2, h3, h4, h5 {font-weight:700;line-height:normal;margin-bottom:10px;}
strong {font-weight:700;}

a:link, a:visited, a:active {text-decoration:none;color:#00549b;}
a:hover {text-decoration:none;color:#000;}

.wrapper, .inv-wrapper {width:100%;max-width:80%;margin:0 auto;padding:3% 0px;}
.onecols, .twocols, .threecols {width:100%;height:auto;display:block;float:left;}
.onecols {max-width:25%;}
.twocols {max-width:50%;}
.threecols {max-width:75%;}

header {width:100%;height:auto;background:url("../siteart/headerbg.png") repeat;}
header .wrapper {width:100%;max-width:80%;margin:0 auto;padding:1% 0px;}
.logo, .manus {width:100%;max-width:50%;height:auto;display:block;float:left;}
.logo img, .manus img {max-width:100%;height:auto;display:inline-block;}
.manus img, footer .onecols img {padding: 10px; vertical-align: middle;}
.manus {text-align:right;}

.cta {background:#00549b;border:1px solid #ccc;box-sizing:border-box;width:100%;max-width:33.33%;display:block;float:left;text-align:center;padding:2% 1%;-webkit-transition:.2s ease-in;-moz-transition:.2s ease-in;-o-transition:.2s ease-in;transition:.2s ease-in;}
.cta h2 {margin-bottom:0;color:#fff;font-size:26px;}
.cta:hover {background:#fcd20c;}

.emailnews {background:#00549b;width:100%;text-align:center;color:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.emailnews h1 {margin-bottom:0px;}
.emailnews:hover {background:#1b1b1b;}

span.address {float:left;text-align:left;}
span.phone {float:right;text-align:right;}

.center {text-align:center;}

footer {background:#fcd20c;color:#000;font-size:16px; padding: 1em 0;}
footer a:link, footer a:visited, footer a:active {text-decoration:none;color:#000;}
footer a:hover {text-decoration:none;color:#00549b;}
footer .onecols img {display:inline-block;max-width:100%;}
footer .wrapper {width:100%;max-width:80%;margin:0 auto;padding:1% 0px;}

img.partslogos {display:inline-block;max-width:100%;height:auto;border:1px solid #00549b;}
img.partslogos:hover {border:1px solid #000;}
.parts {text-align:center;}

/** Responsive Styles **/

@media screen and (max-width: 1400px){    
	.inv-wrapper {max-width:87%;}
}

@media screen and (max-width: 1200px){
    body {font-size:18px;}
    .cta h2 {font-size:22px;}
    
    header .wrapper {padding:2% 0px;}
    footer .wrapper {padding:2% 0px;}
    
    .wrapper {padding:5% 0px;}
	.inv-wrapper {max-width:95%; padding:5% 10px;}
}

@media screen and (max-width: 767px){
    span.address {float:none;}
    span.phone {float:none;text-align:left;}
    .onecols {max-width:50%;}
    .cta {max-width:100%;float:none;padding:2% 1%;}
    .logo, .manus {max-width:100%;float:none;text-align:center;}
    .manus img {height:35px;max-width:100%;}
} 

@media screen and (max-width: 480px){
    .onecols {max-width:100%; text-align: center;}
} 