/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- General Content
- Typography
- Header & Navigation
- Images & Media
- Footer
- Media Queries

*/



/* General Content –––––––––––––––––––––––––––––––––––––––––––––––––– */



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

body {height: 100%;margin:0px;padding:0px;  
font-family: myriad pro, sans-serif;
font-style: normal;
font-size: 17px;
color:#333333; 
}


/*checkbox*/
input[type=checkbox].css-checkbox {
position:absolute; 
z-index:-1000; 
left:-1000px; 
overflow: hidden; 
clip: rect(0 0 0 0); 
height:1px; 
width:1px; 
margin:-1px; 
padding:0; 
border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
padding-left:27px;
height:22px; 
display:inline-block;
line-height:22px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:22px;
vertical-align:middle;
cursor:pointer;

}

input[type=checkbox].css-checkbox:checked + label.css-label {
background-position: 0 -22px;
}

label.css-label {
background-image:url('/imgs/checkbox.png');
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/*checkbox END*/

p {
  padding-top:13px;
}

#col_full {
width: 900px;
font-size: 16px;
line-height:130%;
color: #ffffff;
font-family: "Myriad pro",sans-serif; 
clear:both;
 margin: 0 auto; 
 color:#333333;
}


.insideLink a:link {
color:#ed1c24;
text-decoration:none;
}
.insideLink a:active {
color:#ed1c24;
text-decoration:none;
}
.insideLink a:visited {
color:#ed1c24;
text-decoration:none;
}
.insideLink a:hover {
color: #ed1c24;
text-decoration:underline;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {display: inline-block;}  

/*checkbox*/
input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
  font-family: "Myriad pro", sans-serif;
font-style: normal;
font-weight: bold;
}

input[type="submit"].btn,
button.btn {
  cursor: pointer;
}

a.btn,.btn {
  margin-right: 1em; /* remove this while use*/
  margin-bottom: 1em; /* remove this while use*/
  display: inline-block;
  outline: none;
  *zoom: 1;
  text-align: center;
  text-decoration: none;
  font-family: "Myriad pro", sans-serif;
  font-style: normal;
  font-weight: bold;
  vertical-align: middle;
  border: 3px solid;
  transition: all 0.2s ease;
  box-sizing: border-box;
  text-shadow: 0 1px 0 rgba(0,0,0,0.01);
}
/* Radius */
.btn-radius {
border-radius: 3px;
}
/* Sizes */
.btn-small {
  font-size: 0.8125em;
  padding: 0.4125em 1.25em;
}
.btn-medium {
  font-size: 0.9375em;
  padding: 0.5375em 1.375em;
}
.btn-large {
  font-size: 1.0625em;
  padding: 0.5625em 1.5em;
}

/* Colors */
.btn-green {
  color: #3CB371;
  border-color: #3CB371;
}
.btn-green:hover {
  background: #3CB371;
  color: #fff;
  border-color: #3CB371;    
}

.btn-cyan {
  color: #00aeef;
  border-color: #00aeef;

}
.btn-cyan:hover {
  background: #00aeef;
  color: #fff;
  border-color: #00aeef;    
}

.btn-orange {
  color: #FF8C00;
  border-color: #FF8C00;
}
.btn-orange:hover {
  background: #FF8C00;
  color: #fff;
  border-color: #FF8C00;    
}

.btn-red {
  color: #ee3124;
  border-color: #ee3124;
}
.btn-red:hover {
  background: #ee3124;
  color: #fff;
  border-color: #ee3124;  
}

.btn-black {
  color: #000;
  border-color: #000;
}
.btn-black:hover {
  background: #000;
  color: #fff;
  border-color: #000; 
}

.btn-white {
  color: #fff;
  border-color: #fff;
}
.btn-white:hover {
  background: #fff;
  color: #000;
  border-color: #fff; 
}

/* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */

h1 { 
font-family: "Myriad pro", sans-serif;
font-style: normal;
font-weight: bold;
line-height:125%; 
letter-spacing: 0px;
color: #ee3124;
font-size: 35px;
text-align: center;
margin-top: 25px;
}

h2{
font-family: "Myriad pro", sans-serif;
font-style: normal;
font-weight: normal;
line-height:125%; 
letter-spacing: 0px;
color: #6d6e71;
font-size: 22px;
text-align: center;
margin-bottom: 25px;
}

h3 {
font-family: "Myriad pro", sans-serif;
font-style: normal;
font-weight: bold;
line-height:100%; 
letter-spacing: 0px;
color: #ee3124;
font-size: 22px;
}

h4 {
font-family: "Myriad pro", sans-serif;
font-style: normal;
font-weight: bold;
line-height:100%; 
letter-spacing: 0px;
color: #414042;
font-size: 19px;
}


h5 {
font-family: "Myriad pro", sans-serif;
font-style: normal;
font-weight: normal;
line-height:100%; 
letter-spacing: 0px;
color: #ee3124;
font-size: 18px;
}

h6{ 
  font: 30px "myriad-pro-condensed",sans-serif; 
  line-height:100%; 
  text-transform: uppercase; 
  font-weight: bold-condensed; 
  color: #ffdd00; 
  text-align: left;
}




/* Header & Navigation –––––––––––––––––––––––––––––––––––––––––––––––––– */

#header_wrapper { /* only need to use if wanting header to not scroll with page */
  padding: 0 0 5px 0; 
  width: 100%; 
  margin: 0 0 25px 0; 
  position: fixed; 
}

#section-header {
font-size: 16px;
line-height:130%;
font-family: "Myriad pro",sans-serif; 
color: #ee3124;
text-align: left;
 margin: 0 auto; 
 padding-bottom: 40px;
}

.top-info a:link {
color:#fff;
text-decoration:none;
}
.top-info a:active {
color:#fff;
text-decoration:none;
}
.top-info a:visited {
color:#fff;
text-decoration:none;
}
.top-info a:hover {
color: #ffde00;
text-decoration:none;
}

/* Smaller than 450 */
@media (max-width: 450px) {
.top-info{
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;}
}


#section-header-hmpg {
font-size: 16px;
line-height:130%;
font-family: "Myriad pro",sans-serif; 
color: #ee3124;
text-align: left;
margin: 0 auto; 
background:url('/imgs/header-hmpg.jpg'); 
background-repeat: repeat-x;
height: 541px;
}

#section-header-hmpg-letterpress {
font-size: 16px;
line-height:130%;
font-family: "Myriad pro",sans-serif; 
color: #ee3124;
text-align: left;
margin: 0 auto; 
background:url('/imgs/header-hmpg-letterpress.jpg'); 
background-repeat: repeat-x;
height: 541px;
}

/* Bigger than 450 */
@media (max-width: 450px) {

#section-header-hmpg  {
height: 360px;}
}

#section-header-hmpg-gmi {
font-size: 16px;
line-height:130%;
font-family: "Myriad pro",sans-serif; 
color: #ee3124;
text-align: left;
margin: 0 auto; 
background:url('/imgs/gmi-certified-hmpg.png'); 
background-repeat: repeat-x;
height: 541px;
}

/* Bigger than 450 */
@media (max-width: 450px) {

#section-header-hmpg-gmi  {
height: 360px;}
}




#wrap{
  text-align:left;
  width:900px;  
  margin:0 auto;
  min-height: 100%;
}

#content {
  overflow:auto;
  font-family: "Myriad pro",sans-serif;
  color:#414042;
  padding-bottom: 347px;}  /* must be same height as the footer */

#logo a {
  background: transparent url('/imgs/logo.png') no-repeat;
  display: block;
  float:left;
  height: 144px;
  overflow: hidden;
  width: 201px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 17px 350px;
  text-decoration: none; 
  border-bottom: none; 
}





#request {
  float:right;
  text-align:center;
  width: 120px;
  height: 28px;
  padding-right:60px;
  margin-left:20px;
  background: url('/imgs/contest-bttn.jpg') no-repeat scroll 0px 0px transparent;
}

#request:hover
{ 
  background-position: 0 -28px;
}

#request span
{
  position: absolute;
  top: -999em;
}

#letterpress {
  float:right;
  text-align:center;
  width: 180px;
  height: 28px;
  padding-right:60px;
  margin-left:20px;
  background: url('/imgs/letterpress-bttn.jpg') no-repeat scroll 0px 0px transparent;
}

#letterpress:hover
{ 
  background-position: 0 -28px;
}

#letterpress span
{
  position: absolute;
  top: -999em;
}

/* Smaller than 650 */
@media (max-width: 650px) {
#request {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;}
}

/* Smaller than 450 */
@media (max-width: 350px) {
#request{
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;}
}





#upload {
  float:right;
  text-align:center;
  width: 120px;
  height: 28px;
  padding-right:0px;
  margin-left:20px;
  background: url('/imgs/upload-bttn.jpg') no-repeat scroll 0px 0px transparent;
}

#upload:hover
{ 
  background-position: 0 -28px;
}

#upload span
{
  position: absolute;
  top: -999em;
}

/* Smaller than 650 */
@media (max-width: 650px) {
#upload {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;}
}


#hmpg-design {
    display: block;
  text-align:center;
    width: 217px;
    height: 290px;
    background: url('/imgs/hmpg-design.jpg') no-repeat scroll 0px 0px transparent;}

#hmpg-design:hover { background-position: 0 -290px;}

#hmpg-design span { position: absolute; top: -999em; }

#hmpg-print {
    display: block;
  text-align:center;
    width: 217px;
    height: 290px;
    background: url('/imgs/hmpg-print.jpg') no-repeat scroll 0px 0px transparent;}

#hmpg-print:hover { background-position: 0 -290px;}

#hmpg-print span { position: absolute; top: -999em; }

#hmpg-mail {
    display: block;
  text-align:center;
    width: 217px;
    height: 290px;
    background: url('/imgs/hmpg-mail.jpg') no-repeat scroll 0px 0px transparent;}

#hmpg-mail:hover { background-position: 0 -290px;}

#hmpg-mail span { position: absolute; top: -999em; }

#hmpg-delivery {
    display: block;
  text-align:center;
    width: 217px;
    height: 290px;
    background: url('/imgs/hmpg-delivery.jpg') no-repeat scroll 0px 0px transparent;}

#hmpg-delivery:hover { background-position: 0 -290px;}

#hmpg-delivery span { position: absolute; top: -999em; }




/* Images & Media –––––––––––––––––––––––––––––––––––––––––––––––––– */

.products {
    position: relative;
    background-image:url('/imgs/parallax-green.jpg');

}

.product {
max-width: 80%;
margin: 3rem auto -12rem;
z-index: 1;
position: absolute;
right: 5rem;
top: -16rem;
max-height: 525px;
}


#our-capabilities {

    background: url('/imgs/our-capabilities.jpg') no-repeat scroll 0px 0px transparent;
  }


/* Smaller than 450 */
@media (max-width: 450px) {
#our-capabilities {

    background: url('/imgs/our-capabilities450.jpg') no-repeat scroll 0px 0px transparent;
  }
}

#jeff-head {
    margin: auto;
    display: block;
    text-align:center;
    width: 192px;
    height: 190px;
    background: url('/imgs/jeff-head.png') no-repeat scroll 0px 0px transparent;}

#jeff-head:hover { background-position: 0 -190px;}

#jeff-head span { position: absolute; top: -999em; }

#tonia-head {
    margin: auto;
    display: block;
   text-align:center;
    width: 192px;
    height: 190px;
    background: url('/imgs/tonia-head.png') no-repeat scroll 0px 0px transparent;}

#tonia-head:hover { background-position: 0 -190px;}

#tonia-head span { position: absolute; top: -999em; }


#larry-head {
    margin: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 192px;
    height: 190px;
    background: url('/imgs/larry-head.png') no-repeat scroll 0px 0px transparent;}

#larry-head:hover { background-position: 0 -190px;}

#larry-head span { position: absolute; top: -999em; }


#lauren-head {
    margin: auto;
    display: block;
  text-align:center;
    width: 192px;
    height: 190px;
    background: url('/imgs/lauren-head.png') no-repeat scroll 0px 0px transparent;}

#lauren-head:hover { background-position: 0 -190px;}

#lauren-head span { position: absolute; top: -999em; }

#robin-head {
    margin: auto;
    display: block;
  text-align:center;
    width: 192px;
    height: 190px;
    background: url('/imgs/robin-head.png') no-repeat scroll 0px 0px transparent;}

#robin-head:hover { background-position: 0 -190px;}

#robin-head span { position: absolute; top: -999em; }

#libby-head {
    margin: auto;
    display: block;
  text-align:center;
    width: 192px;
    height: 190px;
    background: url('/imgs/libby-head.png') no-repeat scroll 0px 0px transparent;}

#libby-head:hover { background-position: 0 -190px;}

#libby-head span { position: absolute; top: -999em; }

#bobby-head {
    margin: auto;
    display: block;
  text-align:center;
    width: 192px;
    height: 190px;
    background: url('/imgs/bobby-head.png') no-repeat scroll 0px 0px transparent;}

#bobby-head:hover { background-position: 0 -190px;}

#bobby-head span { position: absolute; top: -999em; }

#john-wallace-head {
    margin: auto;
    display: block;
  text-align:center;
    width: 192px;
    height: 190px;
    background: url('/imgs/john-wallace-head.png') no-repeat scroll 0px 0px transparent;}

#john-wallace-head:hover { background-position: 0 -190px;}

#john-wallace-head span { position: absolute; top: -999em; }

#trent-head {
    margin: auto;
    display: block;
  text-align:center;
    width: 192px;
    height: 190px;
    background: url('/imgs/trent-head.png') no-repeat scroll 0px 0px transparent;}

#trent-head:hover { background-position: 0 -190px;}

#trent-head span { position: absolute; top: -999em; }

#christian-head {
    margin: auto;
    display: block;
  text-align:center;
    width: 192px;
    height: 190px;
    background: url('/imgs/christian-head.png') no-repeat scroll 0px 0px transparent;}

#christian-head:hover { background-position: 0 -190px;}

#christian-head span { position: absolute; top: -999em; }

#jim-head {
    margin: auto;
    display: block;
  text-align:center;
    width: 192px;
    height: 190px;
    background: url('/imgs/jim-head.png') no-repeat scroll 0px 0px transparent;}

#jim-head:hover { background-position: 0 -190px;}

#jim-head span { position: absolute; top: -999em; }

#shari-head {
    margin: auto;
    display: block;
  text-align:center;
    width: 192px;
    height: 190px;
    background: url('/imgs/shari-head.png') no-repeat scroll 0px 0px transparent;}

#shari-head:hover { background-position: 0 -190px;}

#shari-head span { position: absolute; top: -999em; }


#mary-katherine-head {
     margin: auto;
   display: block;
  text-align:center;
    width: 192px;
    height: 190px;
    background: url('/imgs/mary-katherine-head.png') no-repeat scroll 0px 0px transparent;}

#mary-katherine-head:hover { background-position: 0 -190px;}

#mary-katherine-head span { position: absolute; top: -999em; }

#nan-head {
    display: block;
    margin: auto;
    text-align:center;
    width: 192px;
    height: 190px;
    background: url('/imgs/nan-head.png') no-repeat scroll 0px 0px transparent;}

#nan-head:hover { background-position: 0 -190px;}

#nan-head span { position: absolute; top: -999em; }

#brenda-head {
    margin: auto;
    display: block;
  text-align:center;
    width: 192px;
    height: 190px;
    background: url('/imgs/brenda-head.png') no-repeat scroll 0px 0px transparent;}

#brenda-head:hover { background-position: 0 -190px;}

#brenda-head span { position: absolute; top: -999em; }

#anne-head {
    margin: auto;
    display: block;
    text-align:center;
    width: 192px;
    height: 190px;
    background: url('/imgs/anne-head.png') no-repeat scroll 0px 0px transparent;}

#anne-head:hover { background-position: 0 -190px;}

#anne-head span { position: absolute; top: -999em; }

#head {
  padding-top:25px; 
  padding-left:0px;
  font-size: 14px;
  font-family: "myriad-pro", sans-serif;
  font-style: italic;
  letter-spacing: 0px;
  border: 0px red solid;
  line-height:150%;
  text-align: center;
  color: #ee3124;
  }

.team_name { font: 18px "myriad-pro",sans-serif; line-height:125%; font-weight: bold; color: #414042; text-align: center;}

.bar {
width: 100%;
}

.bar.yellow { 
background-color: #ffde00;
}

.bar.red {
background-color: #eb342e;
}

.bar.specialty {
background: url('/imgs/specialty-bkgd.jpg') repeat-x scroll 0px 0px transparent;
}

.section {
width: 100%;
padding: 40px 0px 40px 0px;
}

.section.yellow{
background-color: #ffde00;
}

.section.white{
background-color: #fff;
}


.inside {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 0.25em 0.625em;
}

.inside-specialty {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 0px;
}


.mail-photo{
	width: 100%;
	height: 190px;
	background: url('/imgs/mail-photo-strip.jpg') repeat-x scroll 0px 0px transparent;
	margin: 20px 0px 0px 0px;
}

.red-mail {
  height: 160px;
  background-image: url("/imgs/red-mail-strip.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #0C1F24;
  color: #FFF;
 }

.photo-strip {
width: 100%;
}

.photo-strip.delivery {
background: url('/imgs/parallax-delivery.jpg') repeat-x scroll 0px 0px transparent;
height: 205px;
}

.photo-strip.map {
background: url('/imgs/parallax-map.jpg') repeat-x scroll 0px 0px transparent;
height: 384px;
}

.photo-strip.printing {
background: url('/imgs/printing-photo-strip.jpg') repeat-x scroll 0px 0px transparent;
height: 160px;
}

.photo-strip.letterpress {
background: url('/imgs/letterpress-photo-strip.jpg') repeat-x scroll 0px 0px transparent;
height: 160px;
margin-bottom: 2em;
}

.photo-strip.hmpg {
background: url('/imgs/parallax-hmpg.jpg') repeat-x scroll 0px 0px transparent;
height: 250px;
-webkit-background-size:100%;
-moz-background-size:100%;
background-size:100%;
background-position: 100% 100%;
}




.parallax {   /* Photo is blown up, however photo always remains flush full width and height */
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: background-image 0.4s;
-moz-transition: background-image 0.4s;
-ms-transition: background-image 0.4s;
-o-transition: background-image 0.4s;
transition: background-image 0.4s;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
background-position: 50% 50%;

}


.parallax2 {  /* When browser is made smaller, photo is made smaller - however photo always remains flush full width - though it will repeat vertically as browser shrinks */
background-attachment:fixed;
-webkit-background-size:100%;
-moz-background-size:100%;
background-size:100%;
background-position: 100% 100%;
-webkit-transition: background-image 0.4s;
-moz-transition: background-image 0.4s;
-ms-transition: background-image 0.4s;
-o-transition: background-image 0.4s;
transition: background-image 0.4s;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
}


.parallax.hmpg {
background-image:url('/imgs/parallax-hmpg.jpg');
padding: 30px 0px 0px 0px;
margin: 40px 0px 0px 0px;
height:250px;
}

.parallax.robin {
background-image:url('/imgs/parallax-robin.jpg');
}

.parallax.values {
background-image:url('/imgs/parallax-values.jpg');
}

.parallax.green {
background-image:url('/imgs/parallax-green.jpg');
padding: 20px 0px 25px 0px;
}

.parallax.digital {
background-image:url('/imgs/parallax-digital.jpg');
padding: 40px 0px 40px 0px;
}

.parallax.thick-paper {
background-image:url('/imgs/thick-220-paper.jpg');
padding: 40px 0px 40px 0px;
}

.parallax.letter-blocks {
background-image:url('/imgs/letter-blocks-photo.jpg');
padding: 40px 0px 40px 0px;
}

.parallax.printing {
background-image:url('/imgs/parallax-printing.jpg');
padding: 40px 0px 40px 0px;
}

.parallax.specialty {
background-image:url('/imgs/parallax-green.jpg');
padding: 40px 0px 40px 0px;
}

.parallax.mail {
background-image:url('/imgs/parallax-mail.jpg');
padding: 40px 0px 70px 0px;
}




ul.bullets  {
  padding-left: 0;
  margin-left: 15px; 
  font-size: 16px;
    font-family: "Myriad pro", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height:125%; 
    list-style: circle outside; 
  }

li.bullets {
  padding-bottom: 10px;
  counter-increment: step-counter;

 }


.custom-counter {
    margin-left: 0;
    padding-right: 0;
    list-style-type: circle;
}

.custom-counter li {
    counter-increment: step-counter;
}



#bullet-style {
  font-family: "Myriad pro", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height:125%; 
  letter-spacing: 0px;
  font-size: 16px;
  text-align: center;
    margin-left: 0;
    padding-right: 0;
}

#bullet-style li {
    counter-increment: step-counter;
    list-style-type: disc;

}


#markerlayer {
background-image:url('/custom-google-map/img/cd-icon-location.png');

}



.values-banner{
  height: 180px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image:url("/imgs/parallax-values.jpg");
  margin-bottom:0;
}

.mobile .values-banner{
  height:100px;
  min-width:0;
  margin:-10px -10px 20px -10px;
}




.arrow-icon {
    padding: 0px 0px 0px 20px;
    height: 18px;
  margin-top: 0px;
  background: url('/imgs/arrow-icon.png') no-repeat scroll 0px 0px transparent;
}

.specialty {
font-family: "myriad-pro", sans-serif;
font-style: normal;
font-size: 15px;
letter-spacing: 0px;
line-height:150%;
float:left;
text-align:left;
margin-top: -40px;
padding: 0px 0px 0px 70px;
color: #000;
}

.icon {
  padding: 0px 100px 0px 60px;
  height: 53px;
  margin-top: 30px;
}

.icon.hours {
  background: url('/imgs/hours-icon.png') no-repeat scroll 0px 0px transparent;
}

.icon.location {
  background: url('/imgs/location-icon.png') no-repeat scroll 0px 0px transparent;
}

.icon.contact {
  background: url('/imgs/contact-icon.png') no-repeat scroll 0px 0px transparent;
}

.icon2 {
  padding: 0px 70px 0px 70px;
  height: 62px;
  margin: 0px 0px 0px 0px;
}
.icon2.shirt {
  background: url('/imgs/shirt-icon.png') no-repeat scroll 0px 0px transparent;
}

.icon2.drinkware {
  background: url('/imgs/drinkware-icon.png') no-repeat scroll 0px 0px transparent;
}

.icon2.banner {
  background: url('/imgs/banner-icon.png') no-repeat scroll 0px 0px transparent;
}

.icon2.tote {
  background: url('/imgs/tote-icon.png') no-repeat scroll 0px 0px transparent;
}

.icon2.pen {
  background: url('/imgs/pen-icon.png') no-repeat scroll 0px 0px transparent;
}

.icon2.fan {
  background: url('/imgs/fan-icon.png') no-repeat scroll 0px 0px transparent;
}




/* Footer –––––––––––––––––––––––––––––––––––––––––––––––––– */


footer {
    padding: 0px 0px 20px 0px;
    background-color: #2E3639;
    position: relative;
    z-index: 1;
    color:#fff;
  }

footer .splitter {            
    background: transparent url("/imgs/splitter.png") repeat-x left top;
    height: 27px;
}

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

hr {        
border: 0;
width: 100%;
color: #fff200;
background-color: #fff200;
height: 2px;
}

footer a:link {       
color:#fff;
text-decoration:none;
}
footer a:active {
color:#fff;
text-decoration:none;
}
footer a:visited {
color:#fff;
text-decoration:none;
}
footer a:hover {
color: #ffde00;
text-decoration:none;
}




/* Media Queries –––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Smaller than mobile */
@media (max-width: 400px) {
}

/* Smaller than phablet (also point when grid becomes active) */
@media (max-width: 550px) {
}

/* Smaller than tablet */
@media (max-width: 815px) {
}