@charset "UTF-8";


/*  Global Layout Rules */

/* style for body */
body {
	margin:0;
	padding:0;
}

/* general layout style for the logo enclosed in the header */
header a.logo {
	display:block;
	position:absolute;
	background-position:0px 0px;
	background-repeat:no-repeat;
}

/* general layout style for the nav */
nav {
	width:100%;
	display:block;
	position:absolute;
	background-color:#336699;
}

/* Layout 1024 Screens */

/* 1024 style for header */
header {
	display:block;
	height:275px;
	background-image:url(../images/banner_large.jpg);
	background-repeat:no-repeat;
	background-position:right 0px;
}

/* 1024 style for the a href tag labeled logo in the header */
header a.logo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.0em;
	color:#000000;
	line-height:1.0em;
	text-decoration:none;
	width:250px;
	height:200px;
	top:40px;
	right:20px;
	background-color:#FFFFFF;
/*	background-image:url(../images/logo_large.png);*/
}

/* 1024 style for the article area */
article {
	display:block;
	padding:60px 20px 10px 10px;
}

/* 1024 style for the promo area containing the promos or columns */
.promos {
	padding:0px 0px 15px 20px;
}

/* 1024 style for all of the promos or columns inside the promo container area */
.promos .promo {
	width:25%;
	float:left;
	background-position:0px 3px;
}

/* 1024 style for the content area inside all of the promo or columns within the promo container area */
.promos .promo .content {
	padding:0px 30px 20px 70px;
}

/* 1024 style for nav positioning */
nav {
	top:275px;
}

/* 1024 style for nav margins */
nav a {
	margin:12px 0px 10px 20px;
}

/* when screen gets smaller than 990px extra padding is given to the footer so it is not touching against the side */
/*
@media screen and (max-width:990px) {
	footer {
		padding-left:20px;
}
}*/