Hola que tal,
yo tampoco se mucho de programacion, sin embargo a mi parecer estas mal en la parte de tu formulario, te falta asignarle "name" a tus inputs, por que no pruebas con esto:
<form id="ContactForm" name="ContactForm" action="enviar.php" method="POST">
<div>
<div class="wrapper"><span>Nombre:</span><input type="text" id="nombre" name="nombre" class="input"></div>
<div class="wrapper"><span>Empresa:</span><input type="text" id="empresa" name="empresa" class="input"></div>
<div class="wrapper"><span>E-mail:</span><input type="text" id="mail" name="mail" class="input"></div>
<div class="textarea_box"><span>Mensaje:</span><textarea name="textarea" cols="1" rows="1"></textarea></div>
<a href="#" class="button2 color3" onClick="document.getElementById('ContactForm').submit()">Enviar</a>
<a href="#" class="button2 color3" onClick="document.getElementById('ContactForm').reset()">Clear</a>
</div>
</form>
yo tampoco se mucho de programacion, sin embargo a mi parecer estas mal en la parte de tu formulario, te falta asignarle "name" a tus inputs, por que no pruebas con esto:
<form id="ContactForm" name="ContactForm" action="enviar.php" method="POST">
<div>
<div class="wrapper"><span>Nombre:</span><input type="text" id="nombre" name="nombre" class="input"></div>
<div class="wrapper"><span>Empresa:</span><input type="text" id="empresa" name="empresa" class="input"></div>
<div class="wrapper"><span>E-mail:</span><input type="text" id="mail" name="mail" class="input"></div>
<div class="textarea_box"><span>Mensaje:</span><textarea name="textarea" cols="1" rows="1"></textarea></div>
<a href="#" class="button2 color3" onClick="document.getElementById('ContactForm').submit()">Enviar</a>
<a href="#" class="button2 color3" onClick="document.getElementById('ContactForm').reset()">Clear</a>
</div>
</form>