/* ----------------------------------
 * Nike.Layout
 * ---------------------------------- */

/* ----------------------------------
 *  TABLE OF CONTENTS
 *  
 *  @RESET
 *  @COLORS
 *  @COLORS:GLOBAL
 *  @COLORS:DYNAMIC
 *  @LAYOUT
 *  @LAYOUT:GRID
 *  @LAYOUT:GLOBALS
 *
 *  @CLEAR-SELF
 * ---------------------------------- */

/* @RESET */

* { 
  margin: 0;
  padding: 0;
  outline: none;
}
  
  html { 
    margin: 0;
    padding: 0;
    height: 100%;
  }

  body { 
    margin: 0;
    padding: 0;
    min-height: 100%;
  }

  
  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: bold;
  }
  
  article,aside,canvas,details,figcaption,figure,
  footer,header,hgroup,menu,nav,section,summary {  
    display:block;
	color:#FFF;
	font-size:15px;
	font-weight:normal;
  }


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

/* @COLORS */

/* @COLORS:GLOBAL */


.bgcolor-main { background-color: #8fd2ca; }
.color-main { color: #8fd2ca; }

.button-aux,
.button{
  display: inline-block;
  padding: 6px 10px;
  background: #8fd2ca;
  font-size: 12px;
  text-transform: uppercase;
}

.button-aux {
  background-color: #444;
  color: #fff;
}

.button-aux:hover,
.button:hover {
  background: #222;
  color: #fff;
}


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

/* @LAYOUT */

body  { 

}
#listVideo ul li a {
	
	text-decoration: none;
	display: block;
	color: #fff;
	background-image:url(../img/vi1.png);
	height:22px;
	background-repeat:no-repeat;
	padding-top:5px;
	padding-left:12px;
}

#listVideo .demo1 .vi1 a {
background-image:url(../img/vi1.png);	
	}
	#listVideo .demo1 .vi1 a:hover {
background-image:url(../img/vi1ho.png);	
	}
	
	#listVideo .demo1 .vi2 a {
background-image:url(../img/vi2.png);	
	}
	#listVideo .demo1 .vi2 a:hover {
background-image:url(../img/vi1ho2.png);	
	}
	#listVideo .demo1 .vi3 a {
background-image:url(../img/vi3.png);	
	}
	#listVideo .demo1 .vi3 a:hover {
background-image:url(../img/vi1ho3.png);	
	}
	#listVideo .demo1 .vi4 a {
background-image:url(../img/vi4.png);	
	}
	#listVideo .demo1 .vi4 a:hover {
background-image:url(../img/vi1h4.png);	
	}
	#listVideo .demo1 .vi5 a {
background-image:url(../img/vi5.png);	
	}
	#listVideo .demo1 .vi5 a:hover {
background-image:url(../img/vi1h5.png);	
	}
	#listVideo .demo1 .vi6 a {
background-image:url(../img/vi6.png);	
	}
	#listVideo .demo1 .vi6 a:hover {
background-image:url(../img/vi1h6.png);	
	}
	#listVideo .demo1 .vi7 a {
background-image:url(../img/vi7.png);	
	}
	#listVideo .demo1 .vi7 a:hover {
background-image:url(../img/vi1h7.png);	
	}
	
	#listVideo .demo1 .vi8 a {
		margin-top:5px;
	background-image:url(../img/viTr.png);
	}
	#listVideo .demo1 .vi8 a:hover {
	background-image:url(../img/viTrho.png);
	}
	
.currentvideo {
	background-image:url(../img/vi1sel.png);
	background-repeat:no-repeat;
}
#listVideo ul li a:hover {
	background-image:url(../img/vi1ho.png);
	background-repeat:no-repeat;
}

#listVideo{
	
	
	margin-left: 631px;
    margin-top: 26px;
    width: 189px;}
div#wrapper {
	width: 100%;
	background-image:url(../img/exhilirate-bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#270a29;
	

}

._1024 div#wrapper { 
  width: 100%;
	background-image:url(../img/exhilirate-bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#270a29;
}


/* @LAYOUT:GRID */

.grid05 { width: 80px; }
.grid1  { width: 180px;  }
.grid2  { width: 380px;  }
.grid3  { width: 580px;  }
.grid4  { width: 780px;  }
.grid5  { width: 980px;  }
.grid6  { width: 1180px; }

.column { float: left; margin: 0 20px 0 0; }
.column:last-child  { margin: 0; }

body.grid div#wrapper  { 
  background: transparent url(../img/grid.png) 0 0;
}



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

/* @LAYOUT:GLOBALS */

*  { 

 

 font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

p { 
  margin: 0 0 20px 0;
  font-size: 14px;
  color: #666
}

a { 
  text-decoration: none;
  color: #000;
}

h1 { font-size: 60px; line-height: 50px; }
h2 { font-size: 50px; line-height: 50px; }
h3 { font-size: 40px; line-height: 40px; }
h4 { font-size: 30px; line-height: 30px; }
h5 { font-size: 20px; line-height: 20px; }


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

/* @Section:Container */

div#content { 
  position: relative;
  margin-top: 140px;
  z-index: 1;
  margin-left:auto;
  margin-right:auto;
  
  width:1000px;
}

section.container { 
  margin: 0 0 0 0;
  position: relative;
  overflow: hidden;
}

  section.container:last-child  { 
    margin: 0;
  }
  
  section.container section.container { 
    border: 0;
  }
  
  section.container header h2 { 
    font-size: 14px;
    padding: 0 0 0 100px;
    background: url(../img/arrow-up.png) 20px 1px no-repeat;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 20px;
    line-height: 20px;
    overflow: hidden;
  }
  
  ._1024 section.container header h2 {
    /*text-indent: -9000px*/
  }

  .interior {
	padding-top: 152px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 70px;
  }
  
  ._1024 ._detail {
    padding: 0 0 0 0;
    margin: 40px 0 0 20px;
  }
  

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

/* @NAV */

div#keyboard-tooltip {
  width: 634px;
  height: 371px;
  background: transparent url(../img/keyboard-overlay.png) no-repeat scroll 0px 0px;
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 100000;
}

#navigation { 
  position: fixed;
  width: 100%;
  padding: 0 0 0 0;
  margin: 0;
  z-index: 99999;
  top: 0;
  min-width: 1200px;
}

  ._1024 #navigation .grid3 {
      /*width: 380px;*/
  }
  

 
  nav h1 a { 
    display: block;
    font-size: 8px;
    width: 100%;
    height: 36px;
    overflow: hidden;
    text-indent: -9000px;
    background: url(../img/logo.png) 80px 0 no-repeat;
   
  }
  
  nav ul li  { 
    float: left;
  }
  

  nav ul li a { 
    color: #fff;
    display: block;
  }


  nav#main { 
    padding: 30px 0 0 0;
    margin:0 0 0 0;
    width: 100%;
    height: 70px;
    background: #000;
    position: fixed;
    top: 0;
    z-index: 99;
    min-width: 1000px;
  }
  
    nav#main ul li{
      margin: 10px 20px 0 0;
    }
    
    nav#main ul li.active a,
    nav#main ul li a:hover {
      color: #8fd2ca;
    }

  nav#main ul#aux li a {
    font-size: 12px;
  }
  
  div#navigation-utility{
    position: fixed;
    top: 100px;
    width: 100%;
    z-index: 10;
    
  }
  
  
    nav.utility { 
      width: 100%;
      padding: 0 0 0 200px;
      opacity: .9;
      background: #8fd2ca;
      filter: alpha(opacity:90);
      min-height: 10px;
      min-width: 1000px;
      position: relative; /* added to permit keyboard mark positioning */
    }
    
    ._browse nav.utility:first-child {
      /*
      background-image: url(../img/keyboard-icon.png);
      background-position: 85% 50%;
      background-repeat: no-repeat;
      */
    }
    
    ._browse ._collapse nav.utility:first-child {
      /*
      background-position: 150% -100%;
      */
    }
    
      nav.utility:first-child {
        border-bottom: 1px solid #fff;
      }
      

      nav.utility ul#nav-filters li {
        width: 79px;
        margin: 0 20px 0 0;
        padding: 0 10px;
        border-right: 1px solid #fff;
        background-color:#8fd2ca;
      }
      
      nav.utility ul#nav-filters li:first-child {
        width: 179px;
        margin: 0 20px 0 0;
      }
      
      nav.utility ul li a {
        font-size: 14px;
        display: block;
        color: #000;
        background-color:#8fd2ca;
      }
      
      nav.utility ul li a.active,
      nav.utility ul li a:hover {
        color: #fff;
      }
      

      
      nav.utility ul#nav-filters li {
        padding: 10px 0;
      }


      nav.utility ul#nav-filters li._diabled a,
      nav.utility ul#nav-filters li._diabled a:hover {
      
        opacity: .25;
        filter: alpha(opacity:25);
        color: #000;
        cursor: default;
      
      }
      
            
      nav.utility ul#nav-sections li {
       border-right: 1px solid #fff; 
       width: 160px;
       padding: 0 19px 20px 0;
       margin: 0 20px 0 0;
      }
      

      nav.utility ul#nav-sections li a {
        display: block;
        text-align: right;
      }
      
      nav.utility a span {
        
      }
      
      nav.utility a span{
        display: block;
        font-size: 80px;
        letter-spacing: -10px;
        line-height: 100px;
        margin: 0 0 -20px 0;
        text-align: right;
      }
      
      /* ICONS */
      
      li.view-grid a{
        padding: 0 0 0 25px;
        background: url(../img/icon-grid.gif) 0 3px no-repeat;
      }
      
      nav.utility ul#nav-filters li.view-browse {
        width: 100px;
      }
      
      li.view-browse a{
        padding: 0 0 0 25px;
        background: url(../img/icon-browse.gif) 0 3px no-repeat;
      }


      /* ICONS: ARCHIVE */
      
      a.size-small {
        display: block;
        float:right;
        width: 8px;
        height: 8px;
        overflow: hidden;
        background: url(../img/size-small-icon.png) 0 0 no-repeat;
        text-indent: -9000px;
        margin: 10px 15px 0 20px;
      }
      
      ._xsmall a.size-small,
      a.size-small:hover {
        background-position: 0 -8px;
      }
    
      a.size-medium {
        display: block;
        float:right;
        width: 13px;
        height: 13px;
        overflow: hidden;
        background: url(../img/size-medium-icon.png) 0 0px no-repeat;
        text-indent: -9000px;
        margin: 5px 15px 0 0;
      }
      
      ._medium a.size-medium,
      a.size-medium:hover {
        background-position: 0 -13px;
      }      
      
      /*
      ._xsmall a.size-medium,
      ._large a.size-medium {
        background-position: 0 -13px;
      }
      */
      
      a.size-large {
        display: block;
        float:right;
        width: 18px;
        height: 18px;
        overflow: hidden;
        background: url(../img/size-large-icon.png) 0 0 no-repeat;
        text-indent: -9000px;
        margin: 0 40px 0 0;
      }
      
       
       ._large a.size-large,
       a.size-large:hover {
        background-position: 0 -18px;
      }
      

      /* FILTERS */
      
      
  
  

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

/* @LOADING */

.loading {
  background:  url(../img/loader.gif) 100px 60px no-repeat;
}

._preload {
  background:  url(../img/loader.gif) 50% 50% no-repeat;

}



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

/* @FOOTER */

footer { 
  min-height: 300px;
  padding: 30px 0 0 0;
  background: #000;
}

  footer #footer-logo {
    text-indent: -9000px;
    background: url(../img/logo-footer.png) 90px 0 no-repeat;
    height: 30px;
  }
  
  footer a,
  footer h5 {
    color: #fff;
  }
  
  footer * {
    font-size: 12px;
  }
  
  footer nav ul {
    margin: 20px 0 0 0;
  }
  
  footer nav ul li {
    float: none;  
  }
  
  footer nav ul li a {
    font-weight: normal;
    display: block;
    opacity: .5;
    filter: alpha(opacity=50);
    background: #000;
  }
  
  footer nav ul li a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  
  footer a.social-link {
    display: block;
    width: 30px;
    height: 30px;
    background-position: 0 0;
  }
  
  footer a.social-link:hover {
    background-position: 0 -30px;
  }
  
  footer a.social-link span {
    display: none;
  }
  
  footer #footer-social-links {
    padding: 100px 0 0 200px;
  }
  
  footer #footer-social-links ul {
    margin: 0;
  }

  footer #footer-social-links ul li {
    float: left;
    margin: 0 5px 0 0;
  }
  
  footer #footer-facebook { background-image: url(../img/footer-facebook.jpg); }
  footer #footer-twitter { background-image: url(../img/footer-twitter.jpg); }
  footer #footer-vimeo { background-image: url(../img/footer-vimeo.jpg); }
  


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

/* @CLEAR-SELF */

.clear-self:after  {  
  content: " "; 
  display: block; 
  clear: both; 
  visibility: hidden; 
  line-height: 0; 
  height: 0;
  margin-bottom: 0; 
}

.clear-self  {  
  display: inline-block;
}

html[xmlns] .clear-self  {  
  display: block;
}

* html .clear-self  {  
  height: 1%; 
}
#mainNavZumba{
	position:absolute;
	background-image:url(img/application/header-bg.png);
	width:100%;
	z-index: 100002;
	top:0;
	left:0
}