Position Radio Buttons Independantly

I'm not an expert developer so I'm looking for some assistance. I have a form which has three radio buttons. I'm looking for advice on how I can position each radio button independently of each other. Thanks.

Kevin, the url is: http://blog.intechnica.eu/workshop/

By default the three radio buttons are positioned quite close together. I know we're not supposed to but I was under time pressure to deliver this project so initially managed to space the buttons apart by adjusting the line-height from 1.5em to 75px in the formsmain.css file. I will change this back when I have found the correct solution. (Due to my lack of experience, I didn't have a good enough understanding of the Gravity Forms Documentation to be able to fix this quickly using the theme css).

The existing buttons may not be displayed as I have spaced them depending on the web browser being used (should be fine in Firefox, Safari and other standards based browsers). The position appears to revert back with some versions of MS Explorer. I also need to implement larger custom buttons - using custom graphics- at some point.

I purchased the personal version of Gravity Forms for a client project so I could check it out initially with the intention of upgrading to the Business Edition in order to integrate with MailChimp.

I have wasted countless hours going through documentation and trying to get the position of the radio buttons to display correctly in MS Internet Explorer 8 and above without success. This has resulted in my client's project falling behind schedule.

I am very disappointed with the support available for Gravity Forms and regretfully I now find myself having to seek out an alternative solution.