@charset "UTF-8";

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

body { margin: 0px; padding: 0px; }

#banner { top:0; position: fixed; margin: auto; width: 100%;}

header a.logo { display: block; position: absolute; z-index: 2; background-position: 0px 0px; background-repeat: no-repeat; background-color: #ffffff; }

nav {
	display: block;
	position: absolute;
	background-color: #ffffff;
	z-index: 1;
}

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

.main { margin-top: 110px;}

header 	{
		height: 110px; 
		background-color: #ffffff; 
}

header a.logo { width: 250px; height: 97px; top: 10px; left: 14%; background-image: url(../images/logos/U2Elogo250.png); }

article { padding: 60px 20px 10px 20px; color: #ffffff;}

.promo_container { padding: 0px 50px 15px 20px; text-align: center; color: #ffff00; }
.promo_container .promo { width: 33%; float: left; background-position: center; }
.promo_container .promo .content { padding: 275px 50px 0px 70px; }


.promo.one { background-image: url(../images/icons/business_250.png); height: 250px; }
.promo.two { background-image: url(../images/icons/computer_250.png); height: 250px; }
.promo.three { background-image: url(../images/icons/accounting_250.png); height: 250px; }

#service {background-color: #4d5a7d; width: 100%; height: 500px; }
#company {background-color: #9aa1b5; width: 100%; height: 525px; }
#company_info { margin: auto; width: 80%;}
#byteware_info { margin: auto; }
#contact {background-color: #364367; width: 100%;}
#contact_form { margin: auto; width: 80%;}

nav { top: 60px; right:14%; }
nav a { margin: 12px 0px 10px 50px; }
#call_to_action { 
	display: block; position: absolute; background-color: #ffffff; z-index: 1; top: 30px; right:14%; }


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