.grid .tile {
  width: 47.5%;
  margin-left: 1.5%;
  margin-right: 0.5%;
}

.services.grid .tile {
	width: 40%;
}

body {
  background: '/images/textures/stone.png';
}

div#header-wrapper, div.content {
  background: url('/public/images/textures/wheat.png');
  color:rgb(50,50,50);
}

/*    Services    */
.services div.services-content {
  width: 100%;
  max-width: 1060px;
	overflow:	hidden;
  margin: 0 auto;
}

.services #header-wrapper {
  height: 82px;
}

.services #header-wrapper .header a.logo div {
  background-image: url('/public/images/logo/with-shadow.png');
  background-position: 1.6% center;
  background-repeat: no-repeat;
  text-decoration: none;
}

section.services article.tile {
  margin: 0px;
	padding: 25px 55px 25px 30px;
}

section.main article.introduction p {
  margin: 0;
  font-size: 16px;
}

section.main article.introduction {
  margin-bottom: 11px;
}

section.services article.tile p{
  font-size: 16px;
  margin-right: 20px;
}

#header-wrapper .header a.logo {
  width: 50%;
}

/*     Home     */
#header-wrapper .header a.logo div {
  height: 68px;
  background-image: url('/public/images/logo/with-cloud.png');
  background-position: 13.6% center;
  background-repeat: no-repeat;
}

nav.cloud {
  float: right;
  padding: 22.5px 0;
  letter-spacing: 1px;
}

nav.cloud li {
  float:left;
  padding: 0 6.5px;
  margin: 0;
}

.bottom .tile {
  width: 100%;
  margin: 0;
}

@media screen and (min-width: 1420px) {
	nav.cloud {
		width: 50%;
	}
	
	nav.cloud ul {
		width: 370px;
	}	
}

@media screen and (min-width: 1000px) {
  .bottom .tile {
    margin: 0;
    padding: 18px 0;
  }
  
  .bottom article.tile li {
    display: inline;    
  }
  
}

@media screen and (max-width: 960px) {
  #header-wrapper .header a.logo div {
    background-position: 21.6%;
  } 
}

.header, .main, footer section{
  max-width: 1024px;
  min-height: 75px;
}

div.content {
  padding-bottom: 46px;
}

footer {
  margin: 0;
}

/* turn off logo on wide as we use brand-cloud-logo */
.underline {
  width: 80%;
  top: 2px;
	left: -45px;
}

.bottom-logo {
  height:71px;
  width: 100%;
  background-image: url('/public/images/logo/only-shadow.png');
  background-position: center center;
}

.services .bottom-logo {
  background-position: center center;
}

/* .branding */
.brand-cloud-logo {
  background-image:url('/public/images/home/clouds.png');
  background-repeat: repeat-x;
  background-position: 50% 90%;
  height: 497px;
  position: absolute;
  top: 67px;
  width: inherit;
}

.brand-solid-texture {
  background:url('/public/images/branding/texture.png') repeat center center transparent;
  height:497px;
  position:absolute;
  position:absolute;
  top:67px;
  width:inherit;
}

.branding .cutout {
  background: url('/public/images/branding/texture.png') repeat scroll left top transparent;
  height: 70px;
  left: 61px;
  position: absolute;
  top: 0;
  width: 226px;
  z-index: 50;
}

.mobiles {
  background-position: center center;
  background-image:url('/public/images/branding/mobiles-full.png');
  background-repeat:no-repeat;
  background-size: contain;
  height: 388px;
  width: 99%;
}

/* home */
.home .strategy .tile {
  margin: 2.5% 0.8% 3.5% 1.5%;
  width: 30.5%; /* 3 tiles in grid */
}

.home .about .tile {
  margin-top: 24px;
}

.home .about .last {
  width: 31%; /* 1 tile of strategy */
  margin-bottom: 2em;
  margin-right: 1%;
  padding-left: 6.5%;
}
.home .about .first {
  width:57%; /* 2 tiles of strategy */
  margin-bottom:2em;
  margin-right:1%;
}

.home .community .leader {
  float:left;
  margin-right: 18px;
  margin-top: 12px;
}

.strategy p {
  margin-top: 3px;
  font-size: 16px;
}

.community p {
  margin-top: 2%;
  font-size: 16px;  
}

.community article.tile {
  width: 47%;
  padding-top: 13px;
}

.community article.tile[position="right"] {
  margin-left: 2%;
}

/* Portfolio  */
.portfolio div.portfolio-content {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}

.portfolio #header-wrapper {
  height: 83px;
}

.portfolio #header-wrapper .header a.logo div {
  background-image: url('/public/images/logo/with-shadow.png');
  background-position: 1.6% center;
  background-repeat: no-repeat;
  text-decoration: none;
}