/* start reset */
* html .clr             { zoom: 1 } /* IE6 */
*:first-child+html .clr { zoom: 1 } /* IE7 */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display:block } /* html5 shiv */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;position:relative;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
a{text-decoration:none;}
legend{display:none;}
a,a:visited {color:inherit}
/* end reset */

@font-face {
  font-family: 'Bookman';
  src: url("http://holdenouterwear.com/assets/fonts/bookmanoldstylestd-holden.eot");
  src: url("http://holdenouterwear.com/assets/fonts/bookmanoldstylestd-holden.eot?#iefix") format("embedded-opentype"), url("http://holdenouterwear.com/assets/fonts/bookmanoldstylestd-holden.woff") format("woff"), url("http://holdenouterwear.com/assets/fonts/bookmanoldstylestd-holden.ttf") format("truetype"), url("http://holdenouterwear.com/assets/fonts/bookmanoldstylestd-holden.svg#BookmanOldStyleStdRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Bookman';
  src: url("http://holdenouterwear.com/assets/fonts/bookmanoldstylestd-boldit-holden.eot");
  src: url("http://holdenouterwear.com/assets/fonts/bookmanoldstylestd-boldit-holden.eot?#iefix") format("embedded-opentype"), url("http://holdenouterwear.com/assets/fonts/bookmanoldstylestd-boldit-holden.woff") format("woff"), url("http://holdenouterwear.com/assets/fonts/bookmanoldstylestd-boldit-holden.ttf") format("truetype"), url("http://holdenouterwear.com/assets/fonts/bookmanoldstylestd-boldit-holden.svg#BookmanOldStyleStdBoldIt") format("svg");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Bookman';
  src: url("http://holdenouterwear.com/assets/fonts/bookmanoldstylestd-bold-holden.eot");
  src: url("http://holdenouterwear.com/assets/fonts/bookmanoldstylestd-bold-holden.eot?#iefix") format("embedded-opentype"), url("http://holdenouterwear.com/assets/fonts/bookmanoldstylestd-bold-holden.woff") format("woff"), url("http://holdenouterwear.com/assets/fonts/bookmanoldstylestd-bold-holden.ttf") format("truetype"), url("http://holdenouterwear.com/assets/fonts/bookmanoldstylestd-bold-holden.svg#BookmanOldStyleStdBold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Bookman';
  src: url("http://holdenouterwear.com/assets/fonts/bookmanoldstylestd-italic-holden.eot");
  src: url("http://holdenouterwear.com/assets/fonts/bookmanoldstylestd-italic-holden.eot?#iefix") format("embedded-opentype"), url("http://holdenouterwear.com/assets/fonts/bookmanoldstylestd-italic-holden.woff") format("woff"), url("http://holdenouterwear.com/assets/fonts/bookmanoldstylestd-italic-holden.ttf") format("truetype"), url("http://holdenouterwear.com/assets/fonts/bookmanoldstylestd-italic-holden.svg#BookmanOldStyleStdItalic") format("svg");
  font-weight: normal;
  font-style: italic; }

body {
	text-align:center;
	padding-bottom:50px;
}

body {
color: #808285;
font: 13px/17px "Bookman", serif;
}

div.container {
	margin:0 auto;
	width:950px;
}

div.slideshow {
	
}

h1 {
	background:white url(img/type_sprite.png) no-repeat center top;
	width:300px;
	height:100px;
	margin:0 auto;
	text-indent:-99999em;
}

h3 {
	background:white url(img/type_sprite.png) no-repeat center -100px;
	width:300px;
	height:30px;
	margin:0 auto;
	text-indent:-99999em;
	margin-bottom:55px;
}

footer {
	margin:0 auto;
	padding-top:68px;
}

footer ul { padding-left:8px; }

footer li {
	display:inline-block;
}

a {
	cursor:pointer;
	-webkit-transition: opacity 250ms ease-out;
	-moz-transition: opacity 250ms ease-out;
	-o-transition: opacity 250ms ease-out;
	-ms-transition: opacity 250ms ease-out;
	transition: opacity 250ms ease-out;
}

a:hover {
	opacity:0.5;
}

footer li.old_site a {
	display:block;
	height:30px;
	background:white url(img/type_sprite.png) no-repeat -36px bottom;
	text-indent:-99999em;
	width:130px;
}

footer li.contact a {
	display:block;
	height:30px;
	background:white url(img/type_sprite.png) no-repeat -170px bottom;
	text-indent:-99999em;
	width:100px;
	margin-right:30px;
}










/* home page styling */
section.post-reel {
text-align:left;
  padding-top: 24px; }
  section.post-reel h5 {
    color: black;
    font-size: 18px; }
    section.post-reel h5 a {
      color: inherit; }
  section.post-reel h6 {
    font-size: 12px; }
  section.post-reel h5, section.post-reel h6 {
    margin: 0;
    padding: 0;
    font-weight: normal; }
  section.post-reel > header {
    text-align: center;
    color: black;
    font-size: 22px; }
  section.post-reel article, section.post-reel section {
    border-bottom: 1px solid black;
    margin-top: 18px;
    padding-bottom: 80px;
    position: relative; }
    section.post-reel article > header, section.post-reel section > header {
      position: absolute;
      bottom: 0px;
      left: 0;
      padding-left: 100px;
      height: 60px; }
      section.post-reel article > header div.fb-like, section.post-reel section > header div.fb-like {
        position: absolute;
        top: 0;
        left: 0; }
  section.post-reel article.slideshow {
    height: 530px; }
    section.post-reel article.slideshow figure {
      width: 100%;
      height: 100%; }
      section.post-reel article.slideshow figure img {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: opacity 420ms ease-in;
        -moz-transition: opacity 420ms ease-in;
        -o-transition: opacity 420ms ease-in;
        transition: opacity 420ms ease-in; }
      section.post-reel article.slideshow figure img.visible {
        opacity: 1;
        -webkit-transition: opacity 240ms ease-out;
        -moz-transition: opacity 240ms ease-out;
        -o-transition: opacity 240ms ease-out;
        transition: opacity 240ms ease-out; }
      section.post-reel article.slideshow figure figcaption {
        position: absolute;
        bottom: 0px;
        right: 0;
        height: 60px;
        padding-right: 26px;
 		font-size:12px;}
    section.post-reel article.slideshow nav {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 530px;
      z-index: 100000; }
      section.post-reel article.slideshow nav ul {
        height: 530px; }
      section.post-reel article.slideshow nav li {
        position: absolute;
        top: 18px;
        width: 446px;
        height: 494px; }
        section.post-reel article.slideshow nav li a {
          display: block; }
          section.post-reel article.slideshow nav li a svg {
            opacity: 0;
            -webkit-transition: opacity 200ms ease-in;
            -moz-transition: opacity 200ms ease-in;
            -o-transition: opacity 200ms ease-in;
            transition: opacity 200ms ease-in; }
        section.post-reel article.slideshow nav li a:hover svg {
          opacity: .66;
          -webkit-transition: opacity 200ms ease-out;
          -moz-transition: opacity 200ms ease-out;
          -o-transition: opacity 200ms ease-out;
          transition: opacity 200ms ease-out; }
      section.post-reel article.slideshow nav li:first-of-type {
        left: 20px; }
      section.post-reel article.slideshow nav li:last-of-type {
        right: 20px; }
  section.post-reel .media-like {
    height: 530px;
    position: relative;
    padding-bottom: 80px; }
  section.post-reel .video-like a[rel*="video"] {
    display: block;
    width: 128px;
    height: 128px;
    position: absolute; }
    section.post-reel .video-like a[rel*="video"] svg {
      position: absolute;
      top: 40px;
      left: 40px;
      opacity: 0.5;
      -webkit-transition: opacity 200ms ease-out;
      -moz-transition: opacity 200ms ease-out;
      -o-transition: opacity 200ms ease-out;
      transition: opacity 200ms ease-out; }
    section.post-reel .video-like a[rel*="video"] img {
      position: absolute;
      top: 0;
      left: 0; }
  section.post-reel .video-like a[rel*="video"]:hover svg {
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    -o-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    opacity: 1; }
  section.post-reel article.thank-you > header {
    position: inherit;
    bottom: inherit;
    left: inherit;
    padding: 0;
    height: 93px;
    width: 100%;
    background: white url(../img/thank-you-sprite.png) no-repeat left top;
    text-indent: -99999em; }
  section.post-reel article.thank-you nav header {
    width: 100%;
    height: 47px;
    background: white url(../img/thank-you-sprite.png) no-repeat left -93px;
    text-indent: -99999em; }
  section.post-reel article.thank-you nav ul {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-align: start;
    -webkit-box-pack: start;
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-align: start;
    -moz-box-pack: start;
    display: box;
    box-orient: horizontal;
    box-align: start;
    box-pack: start; }
    section.post-reel article.thank-you nav ul li {
      /*display:inline-block;*/
      width: 215px;
      /*padding-top:130px;*/
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: 100%;
      /*img {
      	position:absolute;
      	top:0;
      	left:0;
      }*/
      margin-right: 20px; }
    section.post-reel article.thank-you nav ul li:last-of-type {
      margin: 0; }
      section.post-reel article.thank-you nav ul li:last-of-type h5 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #D0D2D3;
        padding: 75px 30px 0 16px;
        width: 100%;
        top: 0;
        height: 120px;
        left: 10px;
        color: #7F7E7F; }
      section.post-reel article.thank-you nav ul li:last-of-type svg {
        position: absolute;
        right: 16px;
        bottom: 20px;
        opacity: 0.5;
        -webkit-transition: all 120ms ease-out;
        -moz-transition: all 120ms ease-out;
        -o-transition: all 120ms ease-out;
        transition: all 120ms ease-out; }
      section.post-reel article.thank-you nav ul li:last-of-type a:hover svg {
        opacity: .96;
        -webkit-transition: all 120ms ease-in;
        -moz-transition: all 120ms ease-in;
        -o-transition: all 120ms ease-in;
        transition: all 120ms ease-in;
        right: 12px; }

html.touch section.post-reel article.slideshow nav li a {
  display: none; }

/* end home page styling */