/* 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: #CCC;
	}

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

header {
	height: 275px;
	background: url(../images/blue_banner_large980x275.png) no-repeat right 0px;
	background-size: 980px 275px;
	}
	
header a.logo {
	width: 210px;
	height: 200px;
	top: 30px;
	left: 30px;
	background-image: url(../images/ERP_large210x200.png);
	background-size: 210px 200px;
	}

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

.promo_container {padding: 0px 0px 15px 20px;}
.promo_container .promo {
	width: 33%;
	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;}

@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx)
{
header {
	background-image: url(../images/banner_large_2x.jpg);
	}
	
header a.logo {
	background-image: url(../images/logo_large_2x.png);
	}
}