@font-face in custom CSS

Hello

I’ve managed this before (with a lot of support!) using a child theme for TwentyTen http://wordpress.org/support/topic/modifying-h2-in-twentyten?replies=2 but settled now on expound and trying to use dancingscript-regular from font squirrel. I’m trying to do it in the custom CSS rather than a child theme following the instructions here – http://wordpress.org/support/topic/how-do-i-change-the-site-title-font-to-segoe-script

I’ve made quite a few mods in the custom css but put this at the very top which doesn’t work:

@font-face{
	font-family: 'dancingscript-regular';
	src: url('..fonts/dancingscript-regular-webfont.eot');
	src: url('..fonts/dancingscript-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('..fonts/dancingscript-regular-webfont.woff') format('woff'),
	     url('..fonts/dancingscript-regular-webfont.ttf') format('truetype'),
	     url('..fonts/dancingscript-regular-webfont.svg#webfont') format('svg');
}

h1,
h2,
h3 { font-family: 'dancingscript-regular'; }

This is my font directory:

http://snag.gy/BHYxU.jpg

My site is here – http://cardtherapy.co.uk/

Can’t figure out what’s wrong!

Thanks