/* @group People Section */
#people {
  height:3100px;
  background:#569099;
}

#peopleMainBG {
  position:absolute;
  top:0px;
  left:0px;
  width:2000px;
  height:898px;
  background:url('../images/heroBG.jpg') top center no-repeat;
}

#peopleMidBG {
  position: absolute;
  top: 880px;
  left: 0px;
  width: 2000px;
  height: 5500px;
  background: url('../images/mid-scroll-bg.jpg') no-repeat scroll 0 0 #569099;
}

/* @group #people-intro */
#people-intro {
  top:50px;
}


  #people-intro h1 {
    font-size:19.5em;
    margin-left:35px;
  }

  /* @group .bioWrap */
  .bioPic {
    display:block;
    width:100%;
    height:400px;
    margin: -101px 0 0;
    position:relative;
    z-index:15;
    background:url('../images/jimNash.png') 20px bottom no-repeat; /* This will be placed by ExpressionEngine */
  }
  
  .bioStatic {
    position: absolute;
    top: 200px;
    left : 517px;
    width:380px;
    height:380px;
    margin: 0px;
    z-index:5;
  }  
  
  .bioStatic p.league {
    font-size:2.55em;
    line-height:1.5em;
    letter-spacing: 0.05em;
    text-align:right;
  }
  
  .theBio {
    width:275px;
    float:left;
  }
  
  .theBio p, .theBio h4 {
    font-size:1.15em;
    line-height:1.7em;
  }
  
  .theBio p {
    margin:0 0 25px;
  }
  
  .theBio h3 {
    margin:0 0 20px;
  }
  
  .theBio img {
    display: none;
  }
  
  .theBioWrap {
      margin: 0 0 0 438px;
      position: absolute;
      top: 150px;
      width: 530px;
      z-index:40;
  }
  
  .theBioNames {
    float: right;
      text-align: right;
      width: 210px;
  }
  
  .theBioNames li a {
    color: #333333;
      font-family: utopia-std,Georgia,serif;
      font-size: 1.3em;
      line-height: 2em;
  }
  
  .theBioNames li a:hover,
  .theBioNames li a.selected {
      color:#999;
  }
  
  .bioCont {
    background:url('../images/rolloverBackground.png') repeat-y;
    float:right;
    width:525px;
  }
  
  /* @end */

  .othersWrap {
    margin: 0 0 0 -30px;
    padding: 40px 375px 40px 45px;
    width: 905px;
  }
  
  .othersWrap p.league {
    font-size: 2.55em;
    line-height: 1.6em;
    margin-left: 23px;
    width: 700px;
  }
  
/* @end */

/* @group #thePeople */
#thePeople {
  top:1325px;
}

.people {
  background:#a09d70;
}
  
.peopleMeet {
  padding:7px 60px;
  position:relative;
  float:right;
  background-image:url('../images/dropArrow.png');
  background-position:170px center;
  background-repeat:no-repeat;
  font-size:1.8em;
}
  
.peopleP {
  width: 830px;
  margin-bottom: 36px;
  line-height: 1.75em;
}
  
.peopleP .teal {
  font-weight:bold;
}
  
.thePeople {
  margin: -25px 0 0;
  width: 857px;
  padding: 50px 50px 90px 50px;
}
  
.thePeopleWrap {
  position:relative;
  z-index:20;
}


  .thePeopleWrap h1 {
    font-size: 11.5em;
    margin-left: 50px;
  }


.peopleWrapper {
  width:930px;
  margin:100px auto 0;
}
  
.peopleOptions {
  width:275px;
  margin:30px 0 0;
}
    
.peopleOptions ul {
  margin:0 0 30px;
}
  
.peopleOptions li {
  float:left;
}

.peopleOptions li a {
  padding:2px 4px;
  margin-right:9px;
  font-size:1.2em;
  line-height:2em;
  color:#999;
}
  
.peopleOptions li a:hover,
.peopleOptions li a.selected {
    color:#333;
    background:#CCC;
}

.peopleSortWrap {
  position: relative;
  margin: 0 50px 0 -100px;
  padding: 25px 55px 105px 65px;
  width: 285px;
}

  .peopleSortWrap h2 {
    font-size:7.5em;
    margin-bottom:10px;
  }
  
  .peopleSortWrap p {
    font-size: 1.25em;
    line-height: 1.55em;
    margin-bottom:5px;
  }
  
#peopleThumbs {
  width: 492px;
  min-height: 800px;
}

#peopleThumbs .grid-item {
  position:relative;
  width:164px;
  height:164px;
}
  
.thumbImage {
  position:absolute;
  top:0px;
  left:0px;
  width:154px;
  height:154px;
  overflow:hidden;
}

.thumbImage img {
  position:absolute;
  top:0px;
  left:0px;
}

.thumbImage img.hover {
  opacity:0;
}
  
.myName {
  position: absolute;
  bottom: 0px;
  left:0px;
  width:100%;
  text-align:center;
  font-size: 1.1em;
  line-height: 2.2em;
  text-transform: uppercase;
}
    
.thebacon {
  position: absolute;
  bottom: 70px;
  left: -50px;
}

/* @end */

/* @group #joinUs */

#joinUs {
  top:800px;
}

  .joinUsWrap {
    padding:50px 50px 90px 450px;
    margin:0 0 -100px;
    width:750px;
    position:relative;
    left:-400px;
  }
    
  .joinUsWrap p.league {
      font-size: 2.9em;
      line-height: 1.5em;
  }
  
  .joinUsWrap a.underline {
    display: inline-block;
    height: 35px;
    border-bottom: 2px solid;
  }
  
/* @end */

/* @end */