@charset "UTF-8";

/* Layout (global rules for all sizes) */

body { margin: 0; padding: 0; }

header a.logo {
	display: block;
	position: absolute;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

nav {
	width: 100%;
	display: block;
	position: absolute;
	background-color: #f2ed4e;
}

/* Layout Large Screens (default for older browsers) */

header {
	height: 275px;
	background: url(../images/banner_large1.jpg) no-repeat right 0px; background-size: 980px 275px;
	position: relative;
}

header a.logo2 {
    width: 407px;
    height: 275px;
    top: 0px;
    left: 40px;
    background-image: url(../images/logo_large.png);
    background-size: 407px 275px;
}

div.logo {
    display: none;
    position: absolute;
    z-index: 0;
    width: 407px;
    height: 275px;
    top: 0px;
    left: 0px;
    background-image: url(../images/logo_large.png);
    background-size: 407px 275px;
}

div.logo3 {
    position: absolute;
    z-index: 10;
    width: 493px;
    height: 77px;
    top: 170px;
    left: 25%;
    background-image: url(../images/logo3_insurance_large.png);
    background-size: 493px 77px;
}
/* style="position: absolute; z-index: 10; height: 77px; width: 400px; top: 170px; right: 250px; text-align: center; background-image: url(/images/logo3_large.png);" */

#thelogo4 {
    width: 330px;
    height: 164px;
    background-image: url(../images/logo4_large1.png);
    background-size: 330px 164px;
    position: absolute;
    top: 0px;
    right: 0px;
}

article { padding: 60px 20px 10px 20px; }

.promo_container { padding: 0px 0px 15px 20px; }
.promo_container .promo { 
	width: 25%;
	float: left;
	background-position: 0px 3px;
}

.promo_container .promo .content { padding: 0px 30px 0px 70px; }

nav{ top: 275px;}
/* nav a { margin: 12px 0px 10px 20px; } */
nav a { margin: 12px 0px 10px 5%; }

@media screen and (max-width:990px){
	footer { padding-left: 20px; }
}