/* LINKS
________________________________________*/

a { 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}

a:visited {}
a:focus {}

a:hover, 
a:active { 
	outline : 0;
	text-decoration: none;
}

/* Header
-------------------------------------------------*/
.header-soy {
		max-width: 940px; /* 1200px / 13 */
		margin: 0 auto;
		padding:0px;
		height:370px;
		color: #000;
		text-align: center;
		background: url('http://cdn.aarp.net/content/dam/aarp/about_aarp/about_us/2013-03/bg-header.jpg') no-repeat left top;
		background-color:#fff;
		position:relative;
}

.soy-posibilidades{
	float:left;
	width:275px;
	height:90px;
	margin:30px 0px 0px 20px;
}

.possibilities{
	float:left;
	width: 90%;
	height:100px;
	margin:85px 0px 0px 40px;
	padding:10px 0px 0px 0px;
	text-align:left;
	position:absolute;
	left:10px;
	bottom:80px;
}
.possibilities h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	margin-bottom : 0.2em;
	font-size : 3.9em; /* 96 / 16 */
	line-height : 26px;
	padding: 0px 20px 5px 0px;
	text-align:left;
	text-shadow: 2px 2px #363434;
}

.possibilities h3{
	font-family:Arial, Helvetica, sans-serif;
	width:70%;
	font-size : 1.4em;
	line-height:24px;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	color:#fff;
	font-family:'Raleway', sans-serif;
	font-weight:600;
}

.possibilities span { color:#ee312a;}

.possibilities h4 {
	padding: 5px 15px 0px 0px;
	font-weight:normal;
	font-size : 1.75em; /* 28 / 16 */
	color:#ee312a;
	line-height:24px;
	margin:0px;
	letter-spacing:.06em;
	font-family:'Open Sans', sans-serif;
	font-weight:600;
}

.header-soy a {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.header-soy .buttons-top {
	position: absolute;
	top: 16px; right: 4px;
}

.header-soy .buttons-bottom {
	position: absolute;
	bottom: 8px; right: 4px;
}

a.btn-poss-lrg {
	display: inline-block;
	padding: 8px 15px;
	background-color: #b81a1a;
	background-image: url('../images/bg_button.png');
	background-position: 0 0;
	background-repeat: repeat-x;
	color: #fff;
	text-transform: uppercase;
	font-family:'Raleway', sans-serif;
	border: 1px solid 4e4a4a;
}
a.btn-poss-lrg:hover { background-position: 0 -35px; background-color: #b60d0c; }

a.btn-poss-small {
	display: inline-block;
	padding: 5px 10px;
	background-color: #b81a1a;
	background-image: url('../images/bg_button.png');
	background-position: 0 0;
	background-repeat: repeat-x;
	color: #fff;
	text-transform: uppercase;
	font-family:'Raleway', sans-serif;
	font-size: 14px;
	border: 1px solid 4e4a4a;
}
a.btn-poss-small:hover { background-position: 0 -35px; background-color: #b60d0c; }



header
{
  height: 430px;
  background-color: #000000;
  position: relative;
}

header hgroup
{
  position: relative;
  background-image: url(../images/hero.jpg);
  height: 430px;
}

header h1.logo
{
  width: 266px; height: 86px;
  background-image: url(../images/logo.png);
  text-indent: -9999px;

  position: absolute;
  bottom: 18px;
  right: 18px;
}

header h2.copy
{
  width: 636px; height: 73px;
  background-image: url(../images/copy-header-1.png);
  text-indent: -9999px;

  position: absolute;
  top: 110px; left: 32px;
}

header h3.copy
{
  width: 619px; height: 80px;
  background-image: url(../images/copy-header-2.png);
  text-indent: -9999px;

  position: absolute;
  top: 196px; left: 32px;
}

header a.btn#btn-join
{
  display: block;
  width: 114px; height: 44px;
  background-image: url(../images/btn-join.png);
  text-indent: -9999px;

  position: absolute;
  top: -2px; right: 30px;
  z-index: 100;
}
header a.btn#btn-join:hover
{
  background-position: -114px 0;
}

/* Buckets */
section.buckets, section.promo-group, footer
	{ font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }
	
section.buckets div.bucket.closed
{
  cursor: pointer;
}

section.buckets div.bucket
{
  position: relative;
  overflow: hidden;
  height: 129px;
  margin-top: 12px;
  background-color: #f3f2f0;
  border: 1px solid #666666;
}

section.buckets div.bucket.closed:hover
{
  background-image: url(../images/bucket-bg-over.jpg);
  background-repeat: no-repeat;
}

section.buckets div.bucket h2
{
  float: left;
  width: 200px;
  cursor: pointer;  
  position: absolute;
  top: 0;
  font-family: 'Raleway', sans-serif;
  font-size: 26px;
  margin: 18px 0 0 18px;
}
section.buckets div.bucket h2 a { color: #ee312a; }
section.buckets div.bucket.closed:hover h2 a { color: #fff; }

section.buckets div.bucket div.disclosure-btn
{
  width: 14px; height: 11px;
  background-image: url(../images/bucket-triangle.png);

  position: absolute;
  top: 22px; right: 280px;
  cursor: pointer;
}
section.buckets div.bucket.open div.disclosure-btn
{
  background-position: 0 0;
}
section.buckets div.bucket.closed div.disclosure-btn
{
  background-position: 0 -11px;
}

section.buckets div.bucket .bucket-img
{
  float: right; 
  width: 260px; height: 314px;
  background-repeat: no-repeat;
  background-color: #f4f3f2;
}

/* _________ BUCKET IMAGES ____________ */
/* ID "work" */
section.buckets div.bucket#work .bucket-img { background-image: url('http://cdn.aarp.net/content/dam/aarp/ws/soy-aarp/300-soyaarp-bw-09.jpg'); }
section.buckets div.bucket.open#work .bucket-img,
section.buckets div.bucket.closed#work:hover .bucket-img 
	{ background-image: url('http://cdn.aarp.net/content/dam/aarp/ws/soy-aarp/300-soyaarp-color-09.jpg'); }

/* ID "money" */
section.buckets div.bucket#money .bucket-img { background-image: url('http://cdn.aarp.net/content/dam/aarp/ws/soy-aarp/300-soyaarp-bw-07.jpg'); }
section.buckets div.bucket.open#money .bucket-img,
section.buckets div.bucket.closed#money:hover .bucket-img 
	{ background-image: url('http://cdn.aarp.net/content/dam/aarp/ws/soy-aarp/300-soyaarp-color-07.jpg'); }

/* ID "community" */
section.buckets div.bucket#community .bucket-img { background-image: url('http://cdn.aarp.net/content/dam/aarp/ws/soy-aarp/300-soyaarp-bw-08.jpg'); }
section.buckets div.bucket.open#community .bucket-img,
section.buckets div.bucket.closed#community:hover .bucket-img
	{ background-image: url('http://cdn.aarp.net/content/dam/aarp/ws/soy-aarp/300-soyaarp-color-08.jpg'); }



/* ___________________________________ */

section.buckets div.bucket h3
{
	margin-top: 18px;
	margin-left: 248px;
	color: #ee312a;
	font-size: 18px;	
	cursor: pointer;
	text-transform: uppercase;
	width: 370px;
}
section.buckets div.bucket h3 strong { font-weight: bold; }

section.buckets div.bucket h4
{
  width: 390px;
  margin-top: 10px;
  margin-left: 248px;

  color: #333333;
  font-size: 18px;
}

/*

*/

section.buckets div.bucket .bucket-content
{
	position: relative;
	margin: 56px 0 25px 250px;
	width: 400px;
	font-size: 18px;
	font-weight: 300;
}

section.buckets div.bucket .bucket-content h5
{
  color: #333333;
  font-weight: normal;
  margin-top: 14px;
}

section.buckets div.bucket .bucket-content a
{
  text-decoration: none;
  color: #666666;
  font-size: 16px;
  line-height: 1.5em;
}

section.buckets div.bucket .bucket-content a.link-type
{
  display: block;
  margin-top: 4px;
}

section.buckets div.bucket .bucket-content a span.red
{
  color: #d5251c;
  font-size: 16px;
  font-weight: 500;
  /* margin-left: 6px; */
}

section.buckets div.bucket a:hover
{
  color: #d5251c;
}

section.buckets div.bucket > a
{
  position: absolute;
  left: 20px; 
	width: 220px;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: bottom;
}

section.buckets div.bucket.closed > a { display: none; }
section.buckets div.bucket.open > a { bottom: 28px; display: block; }

/* NavBlocks */
.navBlocks {}

.navBlocks ul {}

.navBlocks ul li {
	display: inline-block;
	width: 188px;
	text-align: center;
	padding: 30px 0;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	margin-right: -4px;
	background: #fff;
}
.navBlocks ul li.first {}
.navBlocks ul li.last {}
.navBlocks ul li.active { background: #eee; }
.navBlocks ul li.active a { color: #aaa; }

/* !PROMO GROUP */

section.promo-group
{
  height: 160px;
  background-image: url(../images/promo-bg.jpg); 
  margin-top: 12px;
  border: 1px solid #626262;
  border-bottom: none;
  padding: 26px 20px 0;
}

.promo-box
{
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 278px; height: 128px;
  padding: 0;
}
section.promo-group .promo-box#box-1 {
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #aaa;
}
section.promo-group .promo-box#box-2 {
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #aaa;
}

section.promo-group .promo-box h2
{
	color: #333;
	font-size: 23px;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
}

section.promo-group .promo-box h3
{
  margin-top: 10px;
  color: #666666;
  font-size: 18px;
  font-weight: 300;
  line-height: 20px;
}

.promo-box h3 strong { font-weight: bold; }

.promo-box > a
{
  color: #000000;
  font-size: 18px;
  text-decoration: none;
  text-transform: uppercase;

  position: absolute;
  bottom: 0px;
}
.promo-box a:hover { color: #d5251c; }

/* !BOX SOCIAL */

section.promo-group .promo-box#box-social ul
{ margin-top: 40px; }

section.promo-group .promo-box#box-social ul li
{
  display: inline-block;
  vertical-align: bottom;
  width: 140px;
}

section.promo-group .promo-box#box-social ul li#facebook,
section.promo-group .promo-box#box-social ul li#twitter,
section.promo-group .promo-box#box-social ul li#linkedin,
section.promo-group .promo-box#box-social ul li#youtube
{ width: 34px; }

section.promo-group .promo-box#box-social ul a
{
  display: block;
  height: 34px; width: 34px;
  text-indent: -9999px;
}

section.promo-group .promo-box#box-social ul li#facebook a
{
  background-image: url('../images/footer-social-fb.png');
}
section.promo-group .promo-box#box-social ul li#twitter a
{
  background-image: url('../images/footer-social-t.png');
}
section.promo-group .promo-box#box-social ul li#linkedin a
{
  background-image: url('../images/footer-social-in.png');
}
section.promo-group .promo-box#box-social ul li#youtube a
{
  background-image: url('../images/footer-social-yt.png');
}

/* !FOOTER */

footer
{
  border-top: 1px solid #000;
  margin-bottom: 40px;
}

/* !FOOTER OFFER */

footer div.offer
{
  padding: 22px;
  background-image: url('../images/footer-offer-bg.png');
  margin: 22px auto;
}

footer div.offer h2
{
  width: 487px; height: 26px;
  background-image: url('../images/footer-offer-h2.png');
  margin: 0 auto;
  text-indent: -9999px;
}

footer div.offer h3
{
  width: 750px;
  margin: 0 auto;
  margin-top: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid #8c8c8c;
  
  font-size: 19px;
  line-height: 20px;
  font-weight: 300;
  text-align: center;
}

footer div.offer h3 strong
{
  font-weight: 500;
}

footer div.offer ul
{
	display: block;
	text-align: center;
}

footer div.offer ul li
{
  display: inline-block;
  margin-right: 40px;
}

footer div.offer ul a
{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

footer div.offer ul a:hover { color: #db3325; text-decoration: none; }


/* !FOOTER LEGAL */

footer div.legal
{
  border-top: 1px solid #000;
}

footer div.legal ul
{
  text-align: center;
  padding: 22px 0;
}

footer div.legal ul li
{
  display: inline-block;
  margin: 0 6px;  
}

footer div.legal ul a
{
  color: #e3e2e2;
  font-size: 16px;
  text-decoration: none;  
  font-weight: 300;
}

footer div.legal ul a:hover
{
  text-decoration: underline;  
}