A couple or three recommendations:
(1) On your html page, you are missing some <p> and </p> tags in the "Additional Services" section. Once those are filled in, the page will validate and all of the icons will be uniformly out of place. Uniformly is important.
(2) Make one change to your css in the area suggested by Ralph:
style-Smooth-Blue.css Line 313:
background: url("images/wp_icon_s1.png") no-repeat scroll 0 0 transparent;
border: 2px none white;
border-radius: 20px 20px 20px 20px;
<font color='"#0000FF"'> margin: 7px 20px 20px;</font> /* was: margin:20px */
(3) On your html page, you have used <p> </p> several times in the "Additional Services" section to provide vertical spacing between the icons and their text. Therefore, you might consider deleting one of the "rows" of <p> </p> used in the "Additional Services" section to make the vertical of spacing about the same as in the "WordPress & Management" section. Tested in FF.
PS: I'm sure you realize that throwing in <p> tags as vertical spacers isn't a very strong technique. Margins and/or padding applied to their containers would give you more control over positioning independently of paragraph properties.