Enfold Mailchimp Optin – horizontal/stacked – help

I’ve tried Gravity Forms with mailchimp, I’ve tried code direct out of mail chimp, I’ve tried 5 other plugins for mailchimp.
I NEED the code to look like this (screen shot):
this is what I get:

page url: http://boldtranquility.com/boldtranquility/

code being used:

<!--– Begin MailChimp Signup Form –-->
<div id="mc_embed_signup"><form class="validate" id="mc-embedded-subscribe-form" action="http://boldtranquility.us3.list-manage1.com/subscribe/post?u=84cec85cd1dd9908d5ddb0151&id=200b43dc9d" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">
<div class="mc-field-group"><input class="required" id="mce-FNAME" type="text" name="" placeholder="name" value="" /><input class="required" id="mce-EMAIL" type="email" name="EMAIL" placeholder="email" value="" /><input class="button" id="mc-embedded-subscribe" type="submit" name="subscribe" value="Yes!" /></div>
</form></div>
<!--–End mc_embed_signup–-->

CSS that was added:

.mc-field-group{
	padding: 10px;
}

#mce-email {
	float: left;
	margin:10px;
}

#mce-FNAME{
	margin:10px;
}

#mc-embedded-subscribe {
float: right;
width: 75px;
    height: 75px;
    background-color: #9c638e;
    border: solid 1px #9c638e;
    border-radius: 50%;
color: #ffffff !important;
font-size: 24px;
}

Can anyone please help?