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

/*
 * Nike Better World
 * 2011
 *
 * base.css
 *
 * 
 */


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

/*
 *  TABLE OF CONTENTS
 *  
 *  @Reset
 *  @HTML5
 *  @Fonts
 *  @Global
 *  @Wrapper
 *  @Masthead
 *  @Nav
 *  @Lines
 *  @GlobalStories
 *  @Proof-Points
 *  @Footer
 *  @Icons
 *  @Clear
 *
 */

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

/* @Reset */

html
{
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-x: hidden;
}

body
{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  min-width: 1000px;
  overflow-x: hidden;
}


*
{
  margin: 0;
  padding: 0;
  outline: none;
}

  body,
  div,
  dl,dt,dd,
  ul,ol,li,
  h1,h2,h3,h4,h5,h6,
  pre,
  form,fieldset,
  input,textarea,
  a,
  p,blockquote,
  th,td 
  { 
    margin: 0;
    padding: 0;
    vertical-align: baseline;
  }
    
  img 
  {
   border: 0
  }
    
  address,
  caption,
  cite,
  code,
  dfn,
  em,
  strong,
  th,
  var 
  {
    font-style: normal;
    font-weight: normal;
  }
    
  ol,ul 
  {
    list-style: none;
  }
    
  h1,h2,h3,h4,h5,h6 
  {
    font-size: 100%;
    font-weight: normal;
  }

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

/* @HTML5 */

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary, mark {  
  display:block;
}

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

/* @Global */

* 
{
  line-height: 20px;
  font-family:Helvetica, Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 14px;
  font-size-adjust:0.49; 
  font-weight: 100 !important; 
  font-style: normal;

}

  p
  {
    margin: 0;
    font-size: 14px;
    line-height: 14px;
    font-family: Helvetica, Arial, Verdana, sans-serif;
  }
  
  a
  {
    font-size: 14px;
    color: #4f9426;
    text-decoration: none;
    border:none;
  }
 
  a:hover {
    color: #888;
  }
  
    a.outlink {

      padding-right: 16px;
      border-bottom: 1px dotted #222;
    }
  
  h1 {
    font-size-adjust:0;
    font-weight:100 !important; 
    font-style:normal;
  }
	.clear {
		clear:both;
	}

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

/* @container */

div#container {
	width: 100%;
	height:100%;
	max-width: 1920px;
	min-width: 100px;
	padding: 0;
	margin: 0 auto;
	position:relative;
	/*background-color:#EEE;*/
	z-index: 5;
}


/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


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

/* @centerContent */

div#centerContent {
	position:absolute;
	width:458px;
	height:268px;
	left:50%;
	top:50%;
}

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

/* @underconstraction */

section#underconstraction {
	position:absolute;
	width:458px;
	height:268px;
	left:-229px;
	top:-134px;
	text-align:center;
}


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

/* @nav */

nav ul {
	width:180px;
	margin:0 auto;
	padding-bottom:5px;
}
nav ul li {
	float:left;
	width:32px;
	margin-right:13px;
}
nav ul li:last-child {
	margin-right:0px;
}
nav ul li {
	margin-right:expression((this.__isLastChild = (this.parentNode.children.item(this.parentNode.children.length-1) == this))?'0px':'13px');
}

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

h1 {
	padding-bottom:5px;
}
h2 {
	padding-bottom:5px;
}
p {
	padding-bottom:5px;
}
.smile {
	padding-bottom:5px;
}


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

/* @wrapper */
body > #wrapper{
	height: auto;
	overflow: auto;
	position: fixed;
	z-index: 1;
	width: 100%;
	height:100%;
	min-height:100%;
}


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

/* @canvas */
canvas{
	z-index: 1;
	position: fixed;
}