// JavaScript Document

/*****************************************************************************
    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: 'http://www.flexipol.co.uk/Flash/myriad.swf'
      ,ratios: [6, 1.41, 9, 1.35, 15, 1.29, 21, 1.25, 22, 1.22, 27, 1.24, 29, 1.21, 34, 1.22, 41, 1.21, 45, 1.2, 46, 1.21, 59, 1.2, 68, 1.19, 69, 1.2, 96, 1.19, 97, 1.18, 102, 1.19, 103, 1.18, 107, 1.19, 108, 1.18, 112, 1.19, 114, 1.18, 116, 1.19, 120, 1.18, 121, 1.19, 1.18]
    };

    // 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: 'h1 .myriadBlue',
	  //forceSingleLine:true,
	  transparent:true,
	  offsetTop:-5,
	  tuneHeight:-12,
	  tuneWidth:5,
	  css: [
        '.sIFR-root { color: #0095D5; font-size:50px;  }'
        ,'a { text-decoration: none; }'
        ,'a:link { color: #0095D5; }'
        ,'a:hover { color: #0095D5; }'
      ]
    });
	sIFR.replace(myriad, {
      selector: 'h2 .myriadBlue',
	  transparent:true,
	  forceSingleLine:true,
	  offsetTop:-2,
	  tuneHeight:-8,
	  css: [
        '.sIFR-root { color: #0095D5; font-size:26px;  }'
        ,'a { text-decoration: none; }'
        ,'a:link { color: #0095D5; }'
        ,'a:hover { color: #0095D5; }'
      ]
    });
	sIFR.replace(myriad, {
      selector: 'h4',
	  transparent:true,
	  offsetTop:-3,
	  tuneHeight:-3,
	  css: [
        '.sIFR-root { color: #0095D5; font-size:22px;  }'
        ,'a { text-decoration: none; }'
        ,'a:link { color: #0095D5; }'
        ,'a:hover { color: #0095D5; }'
      ]
    });