@CHARSET "UTF-8";

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	
  /*************  Retina Support  ***********/
  nav.network .logo {
	background-image: url("../images/ip_logo_notext-retina.png?123");
	background-size: 114px 114px
  }
  
  .top > a.home {
    background-image: url("../images/menu_home@2x.png");
    background-size: 36px 36px
  }
  .top > a.home:hover {
    background-image: url("../images/menu_home_ov@2x.png");
    background-size: 36px 36px
  }
  
  .top > a.portfolio {
    background-image: url("../images/menu_portfolio@2x.png");
    background-size: 36px 36px
  }
  .top > a.portfolio:hover {
    background-image: url("../images/menu_portfolio_ov@2x.png");
    background-size: 36px 36px
  }
  
  .top > a.about {
    background-image: url("../images/menu_about@2x.png");
    background-size: 36px 36px
  }
  .top > a.about:hover {
    background-image: url("../images/menu_about_ov@2x.png");
    background-size: 36px 36px
  }
  
  .top > a.news {
    background-image: url("../images/menu_news@2x.png");
    background-size: 36px 36px
  }
  .top > a.news:hover {
    background-image: url("../images/menu_news_ov@2x.png");
    background-size: 36px 36px
  }
  
  .top > a.careers {
    background-image: url("../images/menu_careers@2x.png");
    background-size: 36px 36px
  }
  .top > a.careers:hover {
    background-image: url("../images/menu_careers_ov@2x.png");
    background-size: 36px 36px
  }
  
  .top > a.advertising {
    background-image: url("../images/menu_advertising@2x.png");
    background-size: 36px 36px
  }
  .top > a.advertising:hover {
    background-image: url("../images/menu_advertising_ov@2x.png");
    background-size: 36px 36px
  }
  
  .top > a.subs {
    background-image: url("../images/menu_subs@2x.png");
    background-size: 36px 36px
  }
  .top > a.subs:hover {
    background-image: url("../images/menu_subs_ov@2x.png");
    background-size: 36px 36px
  }
  
  .top > a.licensing {
    background-image: url("../images/menu_licensing@2x.png");
    background-size: 36px 36px
  }
  .top > a.licensing:hover {
    background-image: url("../images/menu_licensing_ov@2x.png");
    background-size: 36px 36px
  }
  
  .top > a.contact {
    background-image: url("../images/menu_contact@2x.png");
    background-size: 36px 36px
  }
  .top > a.contact:hover {
    background-image: url("../images/menu_contact_ov@2x.png");
    background-size: 36px 36px
  }
  
  .imaginesubs {
    background-image: url("../images/network-subs-retina.png");
    background-size: 112px 30px
  }
  
  .imaginecorporate {
    background-image: url("../images/network-corporate-retina.png");
    background-size: 150px 30px
  }
  
  .imagineshop {
    background-image: url("../images/network-shop-retina.png");
    background-size: 112px 30px
  }
  
  .imaginebookshop {
    background-image: url("../images/network-bookshop-retina.png");
    background-size: 150px 30px
  }
  
  .imaginegreatdigitalmags {
    background-image: url("../images/network-greatdigital-retina.png");
    background-size: 140px 30px
  }
  
  .magInfo li {
    background-image: url("../images/tick.png");
    background-size: 40px 35px
  }
  
  .zinio {
    background-image: url("../images/zinio.jpg");
    background-size: 26px 26px
  }
  
  .ios {
    background-image: url("../images/ios.jpg");
    background-size: 26px 26px
  }
  
  .social.twitter > a{
	background-image: url(../images/twitter-retina.png);
	background-size: 43px 42px
  }

  .social.contact > a{
	background-image: url(../images/menu-contact-retina.png);
	background-size: 43px 42px
  }
  
}