/*****************************************************************************
    The sIFR configuration should typically go in `sifr-config.js`, but in order to
    keep the config file clean, and to give a quick overview, it's done here instead.
    *****************************************************************************/
  
    var myriad = { 
      src: 'flash/myriadpro-light.swf'
      ,ratios: [7, 1.32, 11, 1.31, 13, 1.24, 14, 1.25, 19, 1.23, 27, 1.2, 34, 1.19, 42, 1.18, 47, 1.17, 48, 1.18, 69, 1.17, 74, 1.16, 75, 1.17, 1.16]
    };


    // You probably want to switch this on, but read <http://wiki.novemberborn.net/sifr3/DetectingCSSLoad> first.
    // sIFR.useStyleCheck = true;
    sIFR.activate(myriad);

    sIFR.replace(myriad, {
      selector: '.test'
      ,css: {
        '.sIFR-root': { 'color': '#cccccc', 'line-height': '2.2em', 'text-transform': 'capitalize' }
      }
      ,filters: {
        DropShadow: {
          knockout: true
          ,distance: 1
          //,color: '#CCCCCC'
          ,strength: 1
        }
      }
    });

    sIFR.replace(myriad, {selector: '.sifrTxt1', wmode: 'transparent'});
		sIFR.replace(myriad, {selector: '.sifrTxt2', wmode: 'transparent'});
		sIFR.replace(myriad, {selector: '.sifrTxt3', wmode: 'transparent'});
		sIFR.replace(myriad, {selector: '.sifrTxt4', wmode: 'transparent'});
  	sIFR.replace(myriad, {selector: '.sifrTxt2Right',css: {'.sIFR-root': {'text-align': 'right'}}, wmode: 'transparent'});
		sIFR.replace(myriad, {selector: '.sifrTxt3Right',css: {'.sIFR-root': {'text-align': 'right'}}, wmode: 'transparent'});