body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
 a, li ,p {
	color:#565656;
	font-size:.8em;
	line-height:1.5em;
	
}
p a , li a {
	font-size:1em;
} 
h1 , h3 , h3 ,h4 ,h5 {
	color:#3C3C3B;
	
	font-size:1em;
	font-weight:bold;
}
p {
	margin:5px 0;
}
a {
	text-decoration:none;
}
.read-more {
	color:#000;
	font-weight:bold;
}
li.sfHoverForce a ,
li.sfHover a ,
a.selected,
a:hover , 
a:active {
	color:#000;
}
.outer {
	max-width:1024px;
    width:100%;
	/*width:1024px;*/
	margin:0px auto;
}
.footer .outer {
    max-width:900px;

}
.top-bar {
	width:100%;
	height:39px;
	background-color:#e3e2e2;
	/*border-bottom:solid 1px #d1d1d2;*/
}
.top-bar ul
{
	margin:0px 0px;
}

.top-menu a {
    font-size:1.1em;
}

.footer-bar ul {
	margin:10px 0px 0px 0px;
}
.top-bar ul.top-menu li:first-child {
    margin-left:0px;
}

.top-bar li ,
.footer-bar li{
	float:left;
	margin:10px;
}



.mobile-nav-link {
    padding-top:1px;
    display:none;
    width:50%;
    height:34px;
    float:left;
    margin-top:1px;
}
.mobile-nav-link a {
    background:url("../img/mobile-nav.png") center center;
    background-size:contain;
	position:relative;
    width:16%;
	height:29px;
    display:block;
    cursor:pointer;
   transition-duration: .25s;
     -ms-transition-duration: .25s; /* IE 9 */
    -webkit-transition-duration: .25s; /* Safari */
    -moz-transition-duration: .25s;
	border:solid 1px transparent;
	background-repeat:no-repeat;
}

.mobile-nav-link a .spreader{
	margin-top: 100%; /* 300:43 aspect ratio */
}

.mobile-nav-link a .inner {
    position: absolute;   
    bottom: 2px;   
    left: 14%;   
}

@-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(90deg); }}
@-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(90deg); }}
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(90deg); }}
@keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(90deg); }}
    

.mobile-nav-link a.over { 
    transition-duration: .25s;
     -ms-transition-duration: .25s; /* IE 9 */
    -webkit-transition-duration: .25s; /* Safari */
    -moz-transition-duration: .25s;
    
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); /* IE 9 */
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
}
.icon-wrapper {
    width:21%;
    float:right;
    overflow:hidden;
}
.icons {
	float:right;
	width:100%;
}
.footer .icons {
     width:21%;
}
.icons  li {
	margin:5px 0px 5px 3%;
     width:16%;
    float: right;
}

.icons  li  a {
	display:block;
	width:100%;
	height:29px;
	color:transparent;
    background-size:contain;
	 background-position:center center;
    background-repeat:no-repeat;
}
.icons  li.mailus {
    width:20.5%;
}
.icons  li.mailus a {
	width:100%;
    
	background-image:url("../img/icons/mailus.png");
}
.icons  li.mailus a:hover {	
	background-image:url("../img/icons/mailus-over.png");
}
.icons  li.facebook a {	
	background-image:url("../img/icons/facebook.png");
}
.icons  li.facebook a:hover {	
	background-image:url("../img/icons/facebook-over.png");
}
.icons  li.twitter a {	
	background-image:url("../img/icons/twitter.png");
}
.icons  li.twitter a:hover {	
	background-image:url("../img/icons/twitter-over.png");
}
.icons  li.pinterest a {	
	background-image:url("../img/icons/pinterest.png");
}
.icons  li.pinterest a:hover {	
	background-image:url("../img/icons/pinterest-over.png");
}
.icons  li.linkedin a {	
	background-image:url("../img/icons/linkedin.png");
}
.icons  li.linkedin a:hover {	
	background-image:url("../img/icons/linkedin-over.png");
}
.header {
	width:100%;
    margin:0px;
    padding:0px;
	height:143px;
	text-align:center;
}
.header a {
    margin:auto;
    width:327px;
    display:block;	
}
 .header img {
        width: 100%;               
    }

 .ninezerozero-body {
	/*900px*/
	width:88%;
	margin:0px auto;
}

.ninetwoone-body {
	/*921px*/
	width:90%;
	margin:0px auto;
}
.nineforty-body {
	/*921px*/
	width:92%;
	margin:0px auto;
}
.ninesixzero-body {
	/*960px*/
	width:94%;
	margin:0px auto;
}

.eightenzero-body {
	width:79%;
	margin:0px auto;
}
#product .eightenzero-body {
	width:100%;
}
.gen-content {
	padding-top:10px;
	width:98%;
	margin:auto;
}
.slim-left {
	/* 315 px when wrapped by 960% */
		
	width:33%; 
	float:left;
	text-align:center;
}
.wide-left {
	/* 450 px when wrapped by 960% */
		
	width:47%; 
	float:left;
	
}
.wide-right {
	/* 630- px when wrapped by 960% */
		
	width:67%; 
	float:left;
}
.slim-right {
	/* 510- px when wrapped by 960% */
		
	width:53%; 
	float:left;
}

.slim-left img {
	width:88%;
	margin-top:15px;
}
.slim-right .inpage-gallery  {
	width:95%;
	float:left;
}

.inpage-gallery  .gallery {
	width:476px;
	height:410px;
}
.gallery {
	width:100%;
	border-bottom:5px solid #fff;
	position:relative;
}
.gallery ul.main img {
	/* 660 out of 810 */
	width:79%;
	float:left;
}

.gallery ul.main {
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
	
}
.gallery ul.main li img{
		
}

.gallery ul.thumbs {
	position:absolute;
	top:0px;
	left:661px;
	width:20%;
	float:left;
}
.gallery  li img{
	width:464px;
}
#inpage-gallery
    .gallery li.selected  img {
    opacity:.6;
    }
.popup-gallery  .wrapper {
	position:relative;

}
.popup-gallery  .wrapper  .spreader{
	margin-top: 529px; /* 300:43 aspect ratio */
}

.popup-gallery .gallery  li img{
	width:97%;
}
.gallery ul.main li img{
    width: 651px;
    height: 435px;

}
.gallery  li .lower {
	width:98%;	
	margin-left:1%;
	margin-right:1%;
	position:relative;
	background:url("../img/gallery-bottom-bg-slice.png") repeat-x center;background: #e4e4e4; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZDBjZmNmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZGZkZGRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZTZlNGU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #e4e4e4 0%, #d0cfcf 1%, #dfdddd 10%, #e6e4e4 20%, #e6e4e4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(1%,#d0cfcf), color-stop(10%,#dfdddd), color-stop(20%,#e6e4e4), color-stop(100%,#e6e4e4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e4e4e4 0%,#d0cfcf 1%,#dfdddd 10%,#e6e4e4 20%,#e6e4e4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e4e4e4 0%,#d0cfcf 1%,#dfdddd 10%,#e6e4e4 20%,#e6e4e4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e4e4e4 0%,#d0cfcf 1%,#dfdddd 10%,#e6e4e4 20%,#e6e4e4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e4e4e4 0%,#d0cfcf 1%,#dfdddd 10%,#e6e4e4 20%,#e6e4e4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#e6e4e4',GradientType=0 ); /* IE6-8 */


	background-size:cover;
	float:left;
}
.popup-gallery .gallery  li .lower {
	background: #cacaca; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhY2FjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZDFjZmQwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiNkMWNmZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2Q5ZDVkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjZDlkN2Q4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZGZkZGRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTglIiBzdG9wLWNvbG9yPSIjZTVlM2U0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #cacaca 0%, #d1cfd0 1%, #d1cfd0 2%, #d9d5d6 5%, #d9d7d8 7%, #dfddde 10%, #e5e3e4 18%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(1%,#d1cfd0), color-stop(2%,#d1cfd0), color-stop(5%,#d9d5d6), color-stop(7%,#d9d7d8), color-stop(10%,#dfddde), color-stop(18%,#e5e3e4), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cacaca 0%,#d1cfd0 1%,#d1cfd0 2%,#d9d5d6 5%,#d9d7d8 7%,#dfddde 10%,#e5e3e4 18%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cacaca 0%,#d1cfd0 1%,#d1cfd0 2%,#d9d5d6 5%,#d9d7d8 7%,#dfddde 10%,#e5e3e4 18%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cacaca 0%,#d1cfd0 1%,#d1cfd0 2%,#d9d5d6 5%,#d9d7d8 7%,#dfddde 10%,#e5e3e4 18%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cacaca 0%,#d1cfd0 1%,#d1cfd0 2%,#d9d5d6 5%,#d9d7d8 7%,#dfddde 10%,#e5e3e4 18%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */

	width: 812px;	
	margin-left:5px;
	margin-right:5px;
}

.gallery .thumbs  li{
    opacity: 0.6;
}
.gallery .thumbs li.selected {
    opacity: 1;
}
.gallery  li .lower .spreader{
	margin-top: 19%; /* 480:90 aspect ratio */
}
.popup-gallery  .gallery  li .lower .spreader{
	margin-top: 11%; /* 480:90 aspect ratio */
}
.gallery  li .lower .inner {
    position: absolute;   
    top: 0;
    bottom:0;	
	left:0;
    right: 0;   
	z-index:20;
}


.gallery  li .lower .description {
	/* 480, 310 , 20 */
	width:60%;
	float:left;
	margin-left:4%;
}
.popup-gallery {
	background-color:#fff;
}
.popup-gallery .gallery  li .lower .description  h3{
}
.gallery  li .lower .description h3{
	font-size:1.3em;
	margin:4% 0 2% 0;
}
.popup-gallery .gallery  li .lower .description h3{
	margin:3% 0 1% 0;
}

.gallery  li .lower .description p {
	font-size:1em;
	line-height:1.1em;
}
.popup-gallery .gallery .description p{
	margin:1.5% 0px;
}

.gallery {

}

.gallery .prev, .gallery .next {
    bottom: 1px;
    display: block;
    height: 89px;
    position: absolute;
    width: 74px;
    z-index: 50;
}
.gallery .prev {
    background: url("../img/buttons/New_Buttons/hubcap_creatures_Back_Button.gif") no-repeat scroll 0 0 ;
    right: 84px;
}

.gallery .prev:hover,
.gallery .prev:active
 {
    background: url("../img/buttons/New_Buttons/hubcap_creatures_Back_Button_over.gif") no-repeat scroll 0 0;
   
}
.gallery .next {
    background: url("../img/buttons/New_Buttons/hubcap_creatures_Next_Button.gif") no-repeat scroll 0 0;
    right: 10px;
}
.gallery .next:hover,
.gallery .next:active
 {
    background: url("../img/buttons/New_Buttons/hubcap_creatures_Next_Button_over.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
   
}
.get-in-touch {
	background:url("../img/get_in_touch.gif");
	display: inline-block;
    position: relative;
	background-size:300px 50px;
	width:99%;
	margin-top:20px;
    margin-left: 3%;
    background-repeat:no-repeat;
	
}
.get-in-touch:hover, .get-in-touch:active {
	background:url("../img/get_in_touch_over.gif");
	background-size:300px 50px;
	 background-repeat:no-repeat;
}
.get-in-touch .spreader{
	margin-top: 10%; /* 300:43 aspect ratio */
}

.get-in-touch .inner {
    position: absolute;   
    bottom: 2px;   
    left: 14%;   
}
.get-in-touch  a {
	
	font-size:.8em;
    color: #565656;
     display:block;
        float:left;
}
    .get-in-touch a:hover , .get-in-touch a:active {
        color:black;
       
    }

.wide-right .copy {
	/* 415px out of 630px */
	width:67%;
	float:left;
}
.wide-left .copy {
	/* 415px out of 630px */
	width:92%;
	margin:auto;
}
.copy h1 {
	font-weight:normal;
	margin-top:12px;
	margin-left:1%;
	margin-right:1%;
	
	font-size:1.95em;
}
.wide-left .copy h1 {
    margin-top:0px;
}
.copy p {
	margin:3% 1%;
}
.black ,
.black a{
	color:#000;
}
.examples {
	/* 415px out of 630px */
	width:33%;
	float:right;
	padding-top:15px
}
.examples img {
	width:82%;
	margin:0px 8% 15px 8%;
	float:left;
}

.gallery-items {
    margin:auto;
	width:98%;
}



.item {
	/* 283px / 924px */
	width:283px;
	/*:284px;*/
    margin: 0 12px 30px 12px;
	float:left;
	border-bottom:5px solid #fff;

}
.item .popup {
	position:relative;
	display: inline-block;
	float:left;
	width:100%;
}
.item .popup:before {
  content:url("../img/image-link-overlay.gif") ;
  position:absolute; /*or absolute*/
  z-index:100; /*a number that's more than the modal box*/
  right:0px;
  top:0px;
  margin:2% 4%;
    
}
/*.item .popup:after
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
*/
.gallery-items  .item img {
	width:96%;	
	border:none;
    margin:2%;
}

.top-menu {
    display:block;
}
.mobile-nav-link {
    padding-top:3px;
    display:none;
	width :50%;
}


.show {
    max-height: 5000px;
    opacity: 1;
    transition-duration: 0.5s;
    transition-timing-function: ease-in;
}
.hide {
    max-height: 0;
    opacity: 0;
    overflow: scroll;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.mobile-nav-content {

    display: none;
}
.mobile-nav-content ul {
    width:100%;
  
    background-color: #E3E2E2;
}

.mobile-nav-content li:last-child a{
    padding-bottom:20px;
}

.mobile-nav-content a {
    padding:1% 3%;
    font-size:1.1em;
    display:block;
}
@media screen and (device-width: 480px) and (device-height: 800px) and (orientation: portrait)
 { }
 @media screen and (device-width: 800px) and (device-height: 480px) and (orientation: landscape)
  { 
  } 

/*@media screen and (device-width:80px),
screen and (device-width:80px) {
  .gallery-items  .item {

  	width:98%;
  }
}*/

/*
@media screen and (min-width:481px) and (max-width:640px),
screen and (min-width:481px) and (max-width:640px) {

    .top-menu {

        display:none;
    }
 .gallery-items  .item {
    width:47%;
    margin:1%;
     
  }
}

@media screen and (min-width:645px) and (max-width:1024px),
screen and (min-width:645px) and (max-width:1024px) {
  .gallery-items  .item {
       
  	    width:30%;
      	margin:1.5%;
  }
}
@media screen and (min-width:1025px) and (max-width:1280px),
screen and (min-width:1025px) and (max-width:1280px) {
 .gallery-items  .item {
  	width:21.5%;
       	margin:1.5%;
   
  }
}
@media screen and (min-width:1281px),
 screen and (min-width:1281px)  {
    .gallery-items .item {
        width: 18%;
       	margin:1%;
    }
}
*/
.gallery-items  .item .lower {
	width:96%;	   
	min-height:92px;
	float:left;
	margin-left:2%;
	margin-right:2%;
	background: #e4e4e4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZDBjZmNmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZGZkZGRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZTZlNGU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e4e4e4 0%, #d0cfcf 1%, #dfdddd 10%, #e6e4e4 20%, #e6e4e4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(1%,#d0cfcf), color-stop(10%,#dfdddd), color-stop(20%,#e6e4e4), color-stop(100%,#e6e4e4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e4e4e4 0%,#d0cfcf 1%,#dfdddd 10%,#e6e4e4 20%,#e6e4e4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e4e4e4 0%,#d0cfcf 1%,#dfdddd 10%,#e6e4e4 20%,#e6e4e4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e4e4e4 0%,#d0cfcf 1%,#dfdddd 10%,#e6e4e4 20%,#e6e4e4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e4e4e4 0%,#d0cfcf 1%,#dfdddd 10%,#e6e4e4 20%,#e6e4e4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#e6e4e4',GradientType=0 ); /* IE6-8 */
	 background-size:cover;

	
}
 .buy {
	display: inline-block;
	float:left;
	background:url("../img/buttons/New_Buttons/hubcap_creatures_Buy_Button.gif") no-repeat top left;
	position: relative;
	
}
  .buy:hover,
    .buy:active {
	
	background:url("../img/buttons/New_Buttons/hubcap_creatures_Buy_Button_over.gif") no-repeat top left;
	
}
 .item .buy {
	width:74px;
    height:89px;
	margin:0% 0 0% 2%;	
}
 
 .gallery .buy {
	width:74px;
    height:89px;
	margin:0% 0 1% 1%;	
}
.notforsale .buy {
	display:none;
}
.item .buy .spreader{
	margin-top: 122%; /* 55:67 aspect ratio */
}

.popup-gallery   	.gallery  .lower .buy .spreader{
	margin-top: 122%; /* 55:67 aspect ratio */
}

.buy .inner {
    position: absolute;   
	top:0;
    bottom: 0;   
	left:0;
    right: 0;   
}

.item .description {
	width:66%;
	float:left;
	margin:6% 0% 5% 1%;
}
.notforsale .description {
	
	margin-left:8%;
}

.item .description h3{
	margin:0px 0px 3px 0px;
}
.item .description p{
	margin:2px 0px;
	line-height: 1.6em;
}
.prev,
 .next
{
    cursor:pointer;
}
.home-carousel #current-img {
	width:100%;
	
	position:relative;

}

.home-carousel #current-img .spreader{
	margin-top: 3.5%; /* 300:43 aspect ratio */
}

.home-carousel  .rg-image-wrapper {
    width:70%;
    margin:auto;
}
.home-carousel  .rg-image-wrapper img {
    width:100%;
    margin:auto;
}
#current-img .prev ,
#current-img .next {
	display:block;
	width:90px;
	height:90px;
	position:absolute;
    top:0px;
	margin-top:19%;
    background-size:cover;
    background-repeat:no-repeat;
}
.popup-gallery #current-img .prev,
.popup-gallery #current-img .next {
    margin-top:440px;
    width:74px;
	height:89px;

}
.home-carousel {
    /*display:none;*/
	width:96%;
	margin:auto;
}
.home-carousel #current-img .prev {
	left:0px;
	background-image:url("../img/buttons/home_prev.gif");
}

.home-carousel #current-img .prev:hover,
.home-carousel #current-img .prev:active {
	
	background-image:url("../img/buttons/home_prev_over.gif");
}

.home-carousel #current-img .next {
	right:0px;
	background-image:url("../img/buttons/home_next.gif");
}

.home-carousel #current-img .next:hover,
.home-carousel #current-img .next:active
 {
	
	background-image:url("../img/buttons/home_next_over.gif");
}

.home-carousel .rg-gallery,
.inpage-gallery   #rg-gallery{
    display:none;
}

.inpage-gallery  #current-img  .prev,
.inpage-gallery   #current-img  .next {
    top: 230px !important;
    display: block;
    height: 89px;
    position: absolute;
    width: 74px;
    z-index: 50;
}
.inpage-gallery  #current-img .gallery .prev {
    background: url("../images/buttons/New_Buttons/hubcap_creatures_Back_Button.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    right: 84px;
}

.three-cols {
	width:96%;
	margin:auto;
}
.gen-content  {
	
}
.three-cols .column {
	/*307px*/
	width:33.3%;
	float:left;
}
.column .heading {
	width:100%;
}
.column .article {
	margin:15px 0px;
}
.column .article img,
.slim-left img,
.wide-right img,
.tweets,
.gallery-items  .item,
.gallery {
	
	box-shadow: 0 0 6px 5px rgba(228, 228, 228, 0.6);
	-moz-box-shadow: 0 0 6px 5px rgba(228, 228, 228, 0.6);
	-webkit-box-shadow: 0 0 6px 5px rgba(228, 228, 228, 0.6);
	/*box-shadow: 0 0 7px 7px rgba(188, 189, 192, 0.6);*/
}
.column .article img,
.gen-content img,
.gallery img ,
.tweet {
	border:5px solid #FFF;
}

.popup-gallery .gallery {
	border-top:5px solid #FFF;
    width: 822px;
	height:530px;
}
.popup-gallery .gallery .main img {
	border-top:none;
}
.popup-gallery .gallery .thumbs img {
	border-top:none;
	border-left:none;
    width: 157px;
    height: 105px;
}
.column .article img {
	display:block;
	margin:auto;
	width:88%;
}
.tweets {
	background-color:#ececec;
	width:89%;
	margin:auto;
	
	
}

.tease {
	padding:15px 0% 0% 0%;
	width:92%;
	margin:auto;
	
}
.tweets {

}
.tweet {
	margin:15px 0px;

}
.tweet a,
.timeline {
	color:#000;
}
.tweet img {
	float:left;
	width:14%;
	margin:2% 2% 2% 2%;
	border:none; 
}
.tweet p {
	width:80%;
	margin-top: 1%;
    margin-right: 1%;
	margin-bottom:0px;
	padding-bottom:0px;
}
.clear {
	width:100%;
	clear:both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.footer {
	
	min-height:320px;
	padding-top:45px;
	/*background-color:#e3e2e2;*/
	background-image:url("../img/footer-bg.gif");
	background-size:100% 50%;
	background-position:right bottom;
	background-repeat: no-repeat
}
.footer-inner {
	height:320px;	
	background-position: right 15px;
	background-repeat: no-repeat
}
.warthog {
	background-image:url("../img/warthog-bg.png");
}
.fish {
	background-image:url("../img/fish-bg.png");
}
.bug {
	background-image:url("../img/bug-bg.png");
}
.stan {
	background-image:url("../img/stan-bg.png");
}
.bob {
	background-image:url("../img/bob-bg.png");
}
.footer-upper,
.footer-lower {
	width:100%;
	margin:auto;
}
.footer-upper {
	min-height:100px;
	padding-top:20px;
}
.footer-upper p {
	width:66%;
	
}
.copyright {
	float:left;
	clear:both;
    margin:0px;
}
.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
.clear {
	width:100%;
	clear:both;
}

.rg-image-inner {
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px;
    width: 100%;
}

ul.lower-menu  li:first-child{
		margin-left:0;
	}
	
@media screen and (min-device-width: 0em) and (max-device-width: 30em) and (orientation: landscape), 
  screen and (min-device-width: 0em) and (max-device-width: 30em) and (orientation: portrait), 
    screen and (min-width: 0em) and (max-width: 30em) {
    .outer {
        width:100%;
    }
    .icon-wrapper {
        width:50%;
        float:right;
    }
      .top-menu {
        display:none;
    }
      .mobile-nav-content {

    display: block;
}


    .mobile-nav-link {
        display:block;
    }
    .ninetwoone-body {
	     width: 94%;
    }
 
    .top-bar .ninezerozero-body {
        width: 96%;
    }
    .nineforty-body {
	    width: 94%;
    }
    .ninesixzero-body {
	    width: 94%;
    }
	.home-carousel,
	.three-cols,
	.gen-content ;	{
		width:100%;
	}
    .wide-left {
         width: 94%;
    }
    .wide-left .copy {
         width: 100%;
    }
    .slim-right {
        display: none;
    }
    .carousel-nav {

        display: none;
    }
    .eightenzero-body {
	    width:79%;
	    margin:0px auto;
    }
    
   
    .header a {
       width: 90%;
    }
    .home-carousel #current-img .prev,
    .home-carousel #current-img .next {
        width:55px;
        height:55px;
    }
    .gen-content {
	padding-top:5px;
}
 .ninesixzero-body .three-cols .column,
    .ninetwoone-body .three-cols .column,
    .slim-left
     {
        float: left;
        width: 100%;
    }
   
    .wide-right
     {
       padding:0 5%;
        width: 90%;
    }
    .slim-left,
    .wide-right {
         margin-bottom:20px;
    }
    .gallery-items  .item {
        width:100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom:20px;
    }

        .item .popup:before {
            display: none;
        }
    .wide-right .copy {
	    width:100%;
    }
    .wide-right .examples {
        display: none;
    }

    .three-cols .column .article img {
        width:90%;
    }
    .three-cols .column .tweets {
         width:92%;
    }
    .footer {
        padding-bottom:15px;
    }
    .footer .outer {
        
         width: 90%;
    }
   .footer .footer-inner {
        
        
    }
    .footer .icons,
.footer-bar ul	{
        display:none;
    }
	 .footer .copyright {
       padding-top:40px;
    }
    .footer-upper p {
        display:none;
    }
    .footer-bar ul {
         margin:10px 0px;
         float:left;
    }
    .footer-bar li {
        float:left;
        clear:left;
        margin:0px;
    }
	
}

@media screen and (min-device-width: 0em) and (max-device-width: 30em) and (orientation: landscape) {

    .gen-content {
        padding-top: 30px;
    }
    
    .icons li {
        margin: 5px 0 5px 1%;
    }
}
/*

.rg-image-wrapper{
	position:relative;
	padding:20px 30px;
	background:transparent url(../img/black.png) repeat top left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-height:20px;
}
.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
}
.rg-image img{
	max-height:100%;
	max-width:100%;
}
.rg-image-nav a{
	position:absolute;
	top:0px;
	left:0px;
	background:#000 url(../img/nav.png) no-repeat -20% 50%;
	width:28px;
	height:100%;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.3;
	outline:none;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
.rg-image-nav a.rg-image-nav-next{
	right:0px;
	left:auto;
	background-position:115% 50%;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
	opacity:0.8;
}
.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
}
.rg-caption p{
	font-size:11px;
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	line-height:16px;
	padding:0 15px;
	text-transform:uppercase;
}
.rg-view{
	height:30px;
}
.rg-view a{
	display:block;
	float:right;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#464646 url(../img/views.png) no-repeat top left;
	border:3px solid #464646;
	opacity:0.8;
}
.rg-view a:hover{
	opacity:1.0;
}
.rg-view a.rg-view-full{
	background-position:0px 0px;
}
.rg-view a.rg-view-selected{
	background-color:#6f6f6f;
	border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
	background-position:0px -16px;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:#000 url(../img/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}*/

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	
	text-shadow: none;
	
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}