@charset "utf-8";
/* CSS Document */

body {
  padding:30px 0 30px 0;
  margin:0
}
#holder {
  width:980px;
  margin:0 auto;
  height:755px;
  position:relative
}
.landing #holder {
  background:url('landing-back.jpg') no-repeat top left;
}
.who #holder {
  background:url('who-back.jpg') no-repeat top left;
}
.brands #holder {
  background:url('brands-back.jpg') no-repeat top left;
}
.customers #holder {
  background:url('customers-back.jpg') no-repeat top left;
}
#tagline {
  font-size:20px;
  position:absolute;
  top:30px;
  right:40px
}
nav {
  position:absolute;
  top:82px;
  left:400px
}
nav ul {
 margin:0;
 padding:0
}
nav li {
  display:inline-block;
  list-style:none;
  
}
nav a {
  color:#fff;
  text-decoration:none;
  font-size:16px;
  padding:0 15px
}
nav a:hover, nav a.active { color:#d5e04f }
h1, h2 {
	font-style:normal;
	font-size:28px;
	color:#fff;
	margin:0;
	padding:0
}
#enter {
  position:absolute;
  top:250px;
  left:460px
}
#enter p {
  font-size:22px;
  color:#231f20;
  margin:0;
  padding:0
}
#enter p span {
  font-size:22px;
  color:#fff;
  font-weight:bold
}
#offer {
  position:absolute;
  top:420px;
  left:575px;
  width:380px;
  -webkit-transform:rotate(-16deg);
			-moz-transform:rotate(-16deg);
			-o-transform:rotate(-16deg);
			/* filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5); */
			-ms-transform:rotate(-16deg);
}
#offer li, #are li  { color:#231f20; font-size:12px }
#offer ul,#are ul { margin:0;padding:10px 0 0 15px }
#offer li span, #are li span { color:#fff; font-weight:bold }
#are h1, #offer h2 { font-size:18px }
#are {
  position:absolute;
  top:150px;
  left:445px;
  width:410px
}

#brand {
  width:415px;
  top:160px;
  left:540px;
  position:absolute;
   -webkit-transform:rotate(-10deg);
			-moz-transform:rotate(-10deg);
			-o-transform:rotate(-10deg);
			/* filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5); */
			-ms-transform:rotate(-10deg);
}
#brand p { font-size:16px; line-height:22px }
#brand p span { color:#fff }
#friends {
 top:335px;
  left:480px;
  position:absolute;
}
#reach, #relationships {
 width:415px;
  top:155px;
  left:450px;
  position:absolute;
}
#reach h1 { font-size:18px }
#reach li { line-height:22px; font-size:12px }
#relationships { top:500px;
left:560px;
 -webkit-transform:rotate(-11deg);
			-moz-transform:rotate(-11deg);
			-o-transform:rotate(-11deg);
			/* filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5); */
			-ms-transform:rotate(-11deg); }
			
#relationships p { line-height:22px }
#relationships p span { color:#fff; font-weight:bold }
footer {
  color:#fff;
  bottom:20px;
  position:absolute;
  right:30px;
  font-size:11px
}


