@charset "UTF-8";

/* Layout Medium Screens */

header {
	height: 204px;
	background: url(../images/banner_medium.jpg) no-repeat 90% 0px;
}

header a.logo {
	width: 200px; height: 39px;
	top: 20px; right: 20px;
	background-image: url(../images/logo_medium.png);
}

nav {  top: 408px; }
nav a { margin-right: 20px; }

.promo_container { height:auto; padding: 0px 20px 45px 20px; }
.promo_container .promo { background-position: 0px 0px; }
.promo_container .promo .content { padding: 305px 20px 50px 10px; }

<!--brand-->
.brand_container { height:auto; padding: 0px 20px 0px 20px; }
.brand_container .brand { width: 50%; height: 400px; float: left; background-position: 0px 0px; }
.brand_container .brand .content { padding: 305px 40px 0px 10px; }


<!--architecture-->
.architecture_container { height:auto; padding: 0px 20px 0px 20px; }
.architecture_container .architecture { width: 50%; height: 400px; float: left; background-position: 0px 0px; }
.architecture_container .architecture .content { padding: 305px 40px 0px 10px; }


<!--architecture_s-->
.architecture_s_container { height:auto; padding: 0px 20px 0px 20px; }
.architecture_s_container .architecture { width: 50%; height: 400px; float: left; background-position: 0px 0px; }
.architecture_s_container .architecture .content { padding: 215px 40px 0px 10px; }


<!--print-->
.print_container { height:auto; padding: 0px 20px 0px 20px; }
.print_container .print { width: 50%; height: 400px; float: left; background-position: 0px 0px; }
.print_container .print .content { padding: 305px 40px 0px 10px; }


<!--web-->
.web_container { height:auto; padding: 0px 20px 0px 20px; }
.web_container .web { width: 50%; height: 350px; float: left; background-position: 0px 0px; }
.web_container .web .content { padding: 200px 40px 0px 10px; }


body { background-image: none; }