/* ---------------------------------- */

/* @Video */


	#story-ux {
		width: 100%;
		/*background: url('http://www.frankgarofalo.com/images/backgrounds/zell_em_see1.jpg') center 0 no-repeat fixed;*/
		/*background:url('http://www.frankgarofalo.com/images/stories_codelighthouse.jpg') center 0 no-repeat fixed;*/
		background:url('http://www.frankgarofalo.com/images/stories_code1.gif') center 0 no-repeat fixed;
		margin: 0 0 0 0;
		height: 1200px;
		overflow: hidden;
	}
	
	#story-ux img {
		left: 0;  
		position: absolute;
		top: 0;
	}
	
	#story-ux h1 {
		top: 355px;
		font-size: 75px;
		font-weight: bold;
		letter-spacing: -1px;
		line-height: 60px;
		margin: 0 0 50px 0;
		color: #466a7f;
		text-transform:none;
		position: absolute;
		left: 0;
		z-index: 1000;
		/*
		text-align: left;
		top: 350px;
		display: block;
		/*color:#000 !important;
		text-shadow:2px 2px 4px #999;
		font-family:"Courier New", Courier, monospace;
		font-size: 60px !important;
		font-weight:bold;
		z-index: 100;
		line-height: 60px; 
		width: 100%;
		text-transform: none !important;*/
	}
	#story-ux p {
		position: absolute;
		top: 495px; /*515px;*/
		left: 0;
		width: 100%;
		z-index: 999;
		color: #333 !important;
		text-align: left;
		text-shadow:1px 1px 0 #fff;
		text-transform: none !important;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 25px !important;
		line-height: 20px; 
		display: block;
	}
	#story-ux p span {
		font-size:10px;
		color:#999; /*#f0f0f0;*/
		position:relative;
		bottom:-15px;
		right:110px;
	}

	/*
	.video a {
		display: block;
		width: 100px;
		background:  url(../img/play_icon.png) 50% 50% no-repeat;  
		height: 100px;
		opacity: .95;
		position: absolute;
		top: 55%;
		left: 50%;
		margin-left: -50px;
		margin-top: -100px;
		z-index: 1;
		overflow: hidden;
		text-indent: -9000px;
	}
  
	div.darkslide {
		width: 1920px;
		height: 0;
		background: #000;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 998;
	}
  

  #video-container {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -405px;
    margin-top: -270px;
    width: 810px;
    z-index: 99999;
  }

  a#close-video {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -310px;
    margin-left: 380px;
    width: 25px;
    height: 25px;
    background: url(../img/video_close.png) 100% 0 no-repeat;
    text-indent: -9000px;
    z-index: 999999;
  }
  
    a#close-video:hover {
      background-position: 100% 100%;
    }
    
    ._playing a#close-video {
      display: block;
    }*/

/* ---------------------------------- */

/* @Free */

	#story-freext {
	  width: 100%;
	  background-image:url('http://www.frankgarofalo.com/images/stories_austria1.jpg');
	  background-position:bottom;
	  background-repeat:no-repeat;
	  /*background: url(../images/stories_austria1.jpg) bottom 0 no-repeat fixed;*/
	  margin: 0;
	  height: 1600px;
	  overflow: hidden;
	}
	
	#story-freext header {
		width: 525px;
		top: 200px;
	}
    
   #story-freext .bg { 
      position: absolute;
      width: 1600px;
      height: 1600px;
      top: 0;
      left: 100px;
      background: url(../../images/fg_freext.png) 0 0 no-repeat fixed;
   }

/* ---------------------------------- */

/* @WorldChampionshipJersey */

	#story-world-championship {
		width: 100%;
		/*background: url(../../images/stories_italy1.jpg) 50% 0 no-repeat fixed;*/
		background: url('http://www.frankgarofalo.com/images/stories-usertesting.gif') 50% 0 no-repeat fixed;
		height: 1200px;
		overflow: hidden;
		
	}
	
	
	#story-world-championship header {
		width: 850px;
		top: 85px; /*220px;*/
	}
	
	
	#story-world-championship header p {
		width:460px;
	}
	
	#story-world-championship .bg {
		position: absolute;
		width: 100%;
		height: 1600px;
		top: 20px;
		left: 0;
		/*background: url('http://www.frankgarofalo.com/images/stories-usertesting_float2.png') 50% 0 no-repeat fixed;*/
	}


/* ---------------------------------- */

/* @Soweto */

	#story-soweto {
		width: 100%;
		background: url('http://www.frankgarofalo.com/images/stories-network.gif') 50% 0 no-repeat fixed;
		height: 1600px;
	}
	
	#story-soweto header {
		top: 350px; /*400px;*/
		left: 505px; /*600px;*/
	}
	
	#story-soweto .bg {
		position: absolute;
		width: 100%;
		height: 1600px;
		top: 0;
		left: 0%;
		/*background: url(../../images/fg_soweto.png) 50% 0 no-repeat fixed;*/
	}
  

/* ---------------------------------- */

/* @NYCBasketball */

	#story-nyc-basketball{
		background: url('http://www.frankgarofalo.com/images/stories-sigUX.gif') 50% 0 no-repeat fixed;
		margin: 0;
		height: 1200px;
	}
	
	#story-nyc-basketball header {
		width:490px;
		top: 300px;
	}
	
	#story-nyc-basketball .bg {
		position: absolute;
		width: 1600px;
		height: 1200px;
		top: 0;
		left: 0;
		background: url('http://www.frankgarofalo.com/images/stories-sigUX_float2.png') 50% 0 no-repeat fixed;
		float:left;
	}
  

/* ---------------------------------- */

/* @HomelessWorldcCup */

	#story-homeless-world-cup {
		height: 1600px;
		background: url('http://www.frankgarofalo.com/images/stories_italy1.jpg') 50% 0 no-repeat fixed;
		/*background: url('http://www.frankgarofalo.com/images/stories-usertesting.gif') 50% 0 no-repeat fixed;*/
	}
	
	#story-homeless-world-cup header {
		left: 0;
		top: 200px; /*280px;*/
		width:450px;
	}
	
	#story-homeless-world-cup .bg {
		position: absolute;
		width: 1600px;
		height: 1600px;
		top: 0;
		left: 0;
		/*background: url('http://www.frankgarofalo.com/images/stories-usertesting_float2.png') 50% 0 no-repeat fixed;*/
	}

  

 
/* ---------------------------------- */

/* @UCD */

#story-ucd {
  background: url('http://www.frankgarofalo.com/images/stories-ucd3.jpg') 2% 0 no-repeat fixed;
  height: 1200px;
}

  #story-ucd header{
    top: 200px; /*250px;*/
    left: 485px; /*600px;*/
  }
  
  #story-ucd .bg {
    position: absolute;
    width: 1600px;
    height: 1600px;
    top: 0;
    left: 0;
    /*background: url(../../images/fg_shoe.png) 60% 100px no-repeat fixed;*/
    display: none;
  }
  
   
/* ---------------------------------- */

/* @CardboadBox */


	#story-cardboard-box {
		width: 100%;
		background: url('http://www.frankgarofalo.com/images/stories_greece2.jpg') 0 0 no-repeat fixed;
		height: 1200px;
	}
	#story-cardboard-box header {
		top: 400px
	}


/* ---------------------------------- */

/* @GreenRubber */

	#story-green-rubber {
		background: url('http://www.frankgarofalo.com/images/stories-lighthouse1.gif') 50% 0 no-repeat fixed;
		height: 1100px;
	}
	
	#story-green-rubber header {
		left: 475px; /*580px;*/
		top: 150px;
		width:420px;
	}  

/* ---------------------------------- */

/* @Counter */

.counter {
  position: relative;
  padding: 50px 0 0 0;
}

  .counter p {
    font-size: 16px;
  }
  
    .counter p a {
      padding: 0 0 0 5px;
      color: #4f9426 !important;
    }
  
  .counter p span {
    display: block;
    float: left;
    padding: 0 0 0  0;
  }
  
  
  .counter mark {
    display: block;
    float: left;
    width: 210px;
    text-align: left;
    color: #222;
    font-size: 56px;
    background: #fff;
    font-family: "NikeGratton";
    padding: 0px 10px;
    text-indent: 10px;
    font-size-adjust: none;
  }
  

#counter-scrolled {
  margin: 50px 0 25px 0;
}