
/* swf + ratios */
var neosansstd = {
	src: 'http://www.clipsal.com/__data/site/design/108/images/sIFR_neo_sans_std.swf'
	,ratios: [8, 1.41, 10, 1.32, 11, 1.31, 15, 1.29, 19, 1.28, 26, 1.25, 35, 1.24, 42, 1.23, 45, 1.22, 46, 1.23, 62, 1.22, 63, 1.21, 65, 1.22, 66, 1.21, 67, 1.22, 111, 1.21, 112, 1.2, 116, 1.21, 117, 1.2, 121, 1.21, 122, 1.2, 1.21]
}

sIFR.useStyleCheck = true;
sIFR.activate(neosansstd);

/* Work out ratios using code below. 
   Ratios must be worked out for each font you are using.
**********************************************************
	// This block of code would be done for each font
	// you are using.
	sIFR.debug.ratios(neosansstd, {
		selector: 'h1'
	});
/*********************************************************/

/* */ 
sIFR.replace(neosansstd, {
	selector: '#content H1'
	,transparent: true
	,css: [
		'.sIFR-root { color: #1b1e1e; font-weight: bold; font-size: 16px; line-height: 1em; }'
	   ,'a { color: #1b1e1e; text-decoration: none; }'
	   ,'a:hover { color: #3b4040; }' 
	]
});

sIFR.replace(neosansstd, {
	selector: '#content H2'
	,transparent: true
	,css: [
		'.sIFR-root { color: #999999; font-weight: bold; font-size: 12px; line-height: 1em; }' 
	   ,'a { color: #999999; text-decoration: none; }'
	   ,'a:hover { color: #434f5e; }'
	]
});

sIFR.replace(neosansstd, {
	selector: '#page-content H3'
	,transparent: true
	,css: [
		'.sIFR-root { color: #434f5e; font-weight: bold; font-size: 12px; line-height: 1em; }'
	   ,'a { color: #434f5e; text-decoration: none; }'
	   ,'a:hover { color: #434f5e; }'
	]
});

sIFR.replace(neosansstd, {
	selector: '#home-column-rhs H3'
	,transparent: true
	,css: [
		'.sIFR-root { color: #9a9a9a; font-weight: bold; font-size: 12px; line-height: 1em; }'
	   ,'a { color: #9a9a9a; text-decoration: none; }'
	   ,'a:hover { color: #44505f; }'
	]
});

sIFR.replace(neosansstd, {
	selector: '#page-column-rhs H3'
	,transparent: true
	,css: [
		'.sIFR-root { color: #9a9a9a; font-weight: bold; font-size: 12px; line-height: 1em; }'
	   ,'a { color: #9a9a9a; text-decoration: none; }'
	   ,'a:hover { color: #44505f; }'
	]
});

