#story-video h1 {
    position: absolute;
    left: 0;
    z-index: 1000;
    text-align: center;
    top: 450px;
    display: block;
    color: #fff !important;
    font-size: 80px !important;
    z-index: 100;
    line-height: 60px; 
    width: 100%;
    height: 289px;
    text-transform: none !important;
    text-indent: -9000px;
    overflow: hidden;
    background: url(../../img/en-us/video_text.png) 50% 50% no-repeat;
  }

 
  .video a {
    display: block;
    width: 100px;
    background:  url(../../img/play_icon.png) 50% 50% no-repeat;  
    height: 117px;
    opacity: .95;
    position: absolute;
    top: 779px;
    left: 50%;
    margin-left: -50px;
    z-index: 1;
    overflow: hidden;
    text-indent: -9000px;

    
  }
  
	#story-video { /* this the background div that layers on top of the background image -- this is also in its own css file for each language */
	  width: 100%;
	  background: url(../../img/bg_video_c.jpg) 50% 0 no-repeat fixed;
	  margin: 0 0 0 0;
	  height: 1200px;
	  overflow: hidden;
	} 
	
	.products #story-video { background-image: url(../../img/bg_video_tv.jpg); }  

  #social { position:relative; left:0; }
  #social ul { list-style:none; display:block; }
  #social ul li { display:inline-block; position:relative; width:22px; height:22px; zoom: 1; *display:inline; }
  #social ul li.facebook-hover { background: url(../../img/icon_share_fb.png) right top no-repeat; }
  #social ul li.twitter-hover { background: url(../../img/icon_share_t.png) right top no-repeat; }
  #social ul li span { display:none; position:absolute; top:-100px; left:-10px; width:80px; height:100px; text-align:center; }
  #social ul li div.green { width:80px; height:90px; background:#4f9426; display:block; }
  #social ul li div.content { padding:12px 0 0 0; }
  #social ul li div.arrow { position:relative; left:-20px; height:10px; background:url(../../img/arrow_down.png) top no-repeat; }
  #social ul li div.close-fb { position:relative; top:-109px; left:7px; text-indent:-9999px; }
  #social ul li div.close-twitter { position:relative; top:-109px; left:7px; text-indent:-9999px; }
  #social ul li div.fb-share { cursor:hand; pointer:hand; }
  #social #fb-like { width:53px; height:29px; overflow:hidden; position:relative; left:15px; }
  
  #social .custom-tweet-button { display:block; width:50px; height:29px; position:relative; left:15px; overflow:hidden; z-index:9999; background: url(../../img/en-us/tweet.gif) no-repeat !important; }
  #social .custom-tweet-button a {
    width:50px !important;
    height:23px !important;
    border-bottom:none !important;
    display:block !important;
  }
  #social .custom-follow-button { display:block; width:50px; height:26px; position:relative; left:15px; }
  #social .custom-follow-button a {
    width:50px !important;
    height:23px !important;
    background: url(../../img/en-us/follow.gif) no-repeat !important;
    border-bottom:none !important;
    display:block !important;
  } 
 
  .social-horiz-line { border-top:1px solid #ccc; margin:4px auto 8px auto; width:50px; }
  
/* @Philosophy */

  #story-philosophy {
    width: 100%;
    margin: 0;
    height: 1400px;
    overflow: hidden;
    background: url(../../images/bg_philosophy.jpg) 0 0 no-repeat fixed;
  }

  #story-philosophy h2 {
    color:#d0352a;
    font-size:36px;
    line-height:40px;
    margin-bottom:12px;
  }

  #story-philosophy header {    
    top: 600px;
    left:10px;
    width:380px;
  }  
  
  #story-philosophy p {
    color:#ffffff;
  }
  
  #story-philosophy a {
    color:#fff !important; 
    font-family: "NikeGratton","Helvetica";
    letter-spacing: 1px;
    font-size:16px;
    border-bottom: 1px dotted #fff;
    display:inline;
    float:left;
  } 
    
  #story-philosophy article {
    width:1200px;
  } 
                

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


/* @Board Short */

  #story-beach {
    width: 100%;
    margin: 0;
    height: 2000px;
    overflow: hidden;
  }

  #story-beach h2 {
    color:#005a77;
    font-size:36px;
    line-height:40px;
    margin-bottom:12px;
  }

  #story-beach header {    
    top: 1150px;
    left:10px;
    width:380px;
  }  
  
  #story-beach p {
    color:#ffffff;
  }
  
  #story-beach a {
    color:#fff !important; 
    border-bottom: 1px dotted #fff;
    display:inline-block;
    clear:both;
  } 
  
  .products #social { margin-top: 25px; }
    
  #story-beach article {
    width:1200px;
  } 
  
  #story-beach .truebg { 
    position: absolute;
    width: 100%;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/bg_beach.jpg) 50% -284px no-repeat fixed;
  }

  #story-beach .bg { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_beach.png) 50% 560px no-repeat fixed;
  } 
 
  #story-beach .bg2 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_beach_wave.png) 50% 390px no-repeat fixed;
  }  
 
  #story-beach .bg3 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_beach_surfer1.png) 50% 492px no-repeat fixed;
  } 
 
  #story-beach .bg4 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_beach_crab.png) 50% 587px no-repeat fixed;
  } 
 
  #story-beach .bg5 { 
    position: absolute;
    width: 100%;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_beach_bird.png) 161% 371px no-repeat fixed;
  } 
 
  #story-beach .bg6 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_beach_surfers.png) 50% 531px no-repeat fixed;
  }
 
  #story-beach .bg7 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_beach_shorts.png) 52% 385px no-repeat fixed;
  }  
 
  #story-beach .bg8 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../img/fg_beach_bottles_3.png) 51% 500px no-repeat fixed;
    /* background: url(/lib/images/fg_beach_bottles.png) 0 0 no-repeat fixed; */
  }  
 
  #story-beach .bg9 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_beach_shortsback.png) 52% 377px no-repeat fixed;
  }  
 
  #story-beach .bg10 { 
    position: absolute;
    width: 100%;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_beach_sun.png) 100% -700px no-repeat fixed;
  }                          

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


/* @Hyperdunk */

  #story-hyperdunk {
	  width: 100%;
    margin: 0;
	  height: 2000px;
	  overflow: hidden;
  }

	#story-hyperdunk h2 {
	  color:#9c232c;
	  font-size:36px;
	  line-height:40px;
	  margin-bottom:12px;
	}

  #story-hyperdunk header {    
    top: 1120px;
    left: 10px;
    width:300px;
  }  
  
  #story-hyperdunk p {
    color:#ffffff;
  }
  
  #story-hyperdunk a {
    color:#fff !important; 
    border-bottom: 1px dotted #fff;
    display:inline-block;
    clear:both;
  }        
  
  #story-hyperdunk article {
    width:1200px;
    z-index:9999;
  }
  
  #story-hyperdunk .truebg { 
    position: absolute;
    width: 100%;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/bg_hyperdunk.jpg) 50% -125px no-repeat fixed;
  }  
  
  #story-hyperdunk .bg { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_hyperdunk.png) 50% 504px no-repeat fixed;
  }

  #story-hyperdunk .bg2 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_hyperdunk_fence.png) 50% 632px no-repeat fixed;
  } 

  #story-hyperdunk .bg3 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_hyperdunk_crowd.png) 50% 584px no-repeat fixed;
  }  

  #story-hyperdunk .bg4 { 
		position: absolute;
		width: 1600px;
		height: 2000px;
		top: 0;
		left: 0;
		background: url(../../images/fg_hyperdunk_ball.png) 50% 811px no-repeat fixed;
  }   

  #story-hyperdunk .bg5 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_hyperdunk_bird.png) 50% 474px no-repeat fixed;
  } 

  #story-hyperdunk .bg6 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_hyperdunk_trees.png) 50% 479px no-repeat fixed;
  }         

  #story-hyperdunk .bg7 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_hyperdunk_shoe.png) 50% 569px no-repeat fixed;
  } 

  #story-hyperdunk .bg8 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_hyperdunk_flash1.png) 50% 594px no-repeat fixed;
    display:none;
  }    

  #story-hyperdunk .bg9 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_hyperdunk_flash2.png) 50% 594px no-repeat fixed;
    display:none;
  }

  #story-hyperdunk .bg10 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_hyperdunk_flash3.png) 51% 594px no-repeat fixed;
    display:none;
  }

  #story-hyperdunk .bg11 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_hyperdunk_flash4.png) 50% 594px no-repeat fixed;
    display:none;
  }

  #story-hyperdunk .bg12 { 
    position: absolute;
    width: 100%;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_hyperdunk_car.png) 2.69% 694px no-repeat fixed;
    display:block;
  }   
      
         
/* ---------------------------------- */


/* @Legend Pant */

  #story-legendpant {
    width: 100%;
	  margin: 0;
    height: 2000px;
    overflow: hidden;
  }

  #story-legendpant h2 {
    color:#4e9429;
    font-size:36px;
    line-height:40px;
    margin-bottom:12px;
  }

  #story-legendpant header {    
    top: 1120px;
    left: 10px;
    width:300px;
  }  
  
  #story-legendpant p {
    color:#ffffff;
  }
  
  #story-legendpant a {
    color:#fff !important; 
    border-bottom: 1px dotted #fff;
    display:inline-block;
    clear:both;
  }       
  
  #story-legendpant article {
    width:1200px;
  }
  
  #story-legendpant .truebg { 
    position: absolute;
    width: 100%;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/bg_legendpant.jpg) 50% -155px no-repeat fixed;
  }

  #story-legendpant .bg { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_legendpant.png) 50% 529px no-repeat fixed;
  }

  #story-legendpant .bg2 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_legendpant_moon.png) 50% 341px no-repeat fixed;
  } 

  #story-legendpant .bg3 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_legendpant_bottles.png) 50% 619px no-repeat fixed;
  }  

  #story-legendpant .bg4 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_legendpant_flies.png) 50% 361px no-repeat fixed;
  }   

  #story-legendpant .bg5 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_legendpant_grass.png) 50% 769px no-repeat fixed;
  } 

  #story-legendpant .bg6 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_legendpant_dog.png) 50% 679px no-repeat fixed;
  } 

  #story-legendpant .bg7 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_legendpant_pants.png) 50% 400px no-repeat fixed;
  } 

  #story-legendpant .bg8 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_legendpant_splash.png) 0 0 no-repeat fixed;
  }

  #story-legendpant .bg9 { 
    position: absolute;
    width: 1600px;
    height: 2000px;
    top: 0;
    left: 0;
    background: url(../../images/fg_legendpant_saucer.png) 91% 305px no-repeat fixed;
  }                

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

/* @Archived Stories */

	.archive-bg {
	  height:500px;
	  position: relative;
	  margin: 100px auto 0 auto;
	  padding: 0;
	  top:100px;
	  left:0;
	}
	
	.view-archive {
	  margin:0 auto;
	  text-align:center;
    background:url(../../images/bg_archive.jpg) center top no-repeat;
	}
	
	.view-archive h1 {
    font-family: "NikeGratton","Helvetica";
    font-size: 50px;
    line-height: 55px;
    color: #000000;
    margin: 0;
    padding:340px 0 0 0;
    text-align: center;
    letter-spacing: -1px;
  }
  
  .view-archive p {
    padding:0 0 35px 0;
    font-size:18px;
    margin:0;
  }
  
  .view-archive a { font-size: 18px; }
	
	.archive-click {
    font-size:18px;
	  text-decoration: underline;
	}
	
	.swoosh { 
	  display:inline;
	  text-align:center;
	  padding:30px 6px 0 0;
	  margin-top:26px;
	}
	
	.registration-click {
	  display:inline;
    text-align:center;
    border-bottom: 1px dotted #222;
    position:relative;
    top:-10px;
	}
	
	#archive-content { 
	  display:none;
	  margin-top:200px;  
	}

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

/* Counter Spacing override to accommodate 5-digit pixels scrolled number - old value was 100px wide */
  .counter-entry {
    width: 70px;
  }
  .counter mark {
    width:240px;
    padding: 0px 4px;
  }