Botonera CSS: UNDEFINED

Hola, les paso a contar:
Baje uno de esos códigos abiertos de css para utilizar en mi web...
Lo que sucede es lo siguiente, puse toda la información que requería pero dentro del código, tanto html, ni en el stilo.css logre encontrar donde colocar el nombre de los botones para poder terminarlo...

LA web se visualiza asi...:

El archivo css es el siguiente:

Y el codigo HTML, es este:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>XXXXX</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.2.1.pack.js" type="text/javascript"></script>
<script src="js/jquery-easing.1.2.pack.js" type="text/javascript"></script>
<script src="js/jquery-easing-compatibility.1.2.pack.js" type="text/javascript"></script>
<script src="js/coda-slider.1.1.1.pack.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(window).bind("load", function () {
jQuery("div#slider1").codaSlider()
});
</script>
<style type="text/css">
<!--
.Estilo2 {font-size: 14px}
.Estilo3 {
color: #FFFFFF;
font-weight: bold;
}
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<div id="site_title_bar_wrapper">
<div id="site_title_bar">
<div id="site_title">
<h1>&nbsp;</h1>
</div>
<div id="twitter"><a href="#"></a></div>
</div>
<!-- end of site_title_bar -->
</div>
<!-- end of site_title_bar_wrapper -->
<div id="content_wrapper">
<div id="content">
<!-- start of slider -->
<div class="slider-wrap">
<div id="slider1" class="csw">
<div class="panelContainer">
<div class="panel">
<div class="wrapper">
<h2>Bienvenidos a nuestro sitio!</h2>
<div class="image_wrapper fl_image"> <img src="images/image_01.jpg" alt=""/> </div>
<p class="em_text Estilo2">&nbsp;</p>
<p class="em_text Estilo2">TEXT</p>
<p class="em_text">&nbsp;</p>
<div class="cleaner_h40"></div>
<div class="section_w320 fl"> <img class="fl" src="images/portfolio.png" alt="" />
<div class="w320_content">
<h3>RESERVAS</h3>
<p>Realize sus consultas sin compromiso. </p>
<div class="cleaner"></div>
<div class="button_01"><a href="#" class="cross-link">RESERVAS</a></div>
</div>
</div>
<div class="section_w320 fr"> <img class="fl" src="images/aboutme.png" alt="" />
<div class="w320_content">
<h3>CONTACTENOS</h3>
<p>Por cualquier duda o consulta puede contactarnos.</p>
<div class="cleaner"></div>
<div class="button_01"><a href="#" class="cross-link" >CONTACTO</a></div>
</div>
</div>
<div class="cleaner_h20"></div>
<p>&nbsp;</p>
</div>
</div>
<div class="panel">
<div class="wrapper">
<h2>TEXT</h2>
<p><span class="Estilo3">aaaaaa</span><br />
aaaaaa<span class="Estilo3"></span><br />
aaaaa</p>
<p class="em_text">&nbsp;</p>
<div class="cleaner_h20"></div>
<p>&nbsp;</p>
</div>
</div>
<div class="panel">
<div class="wrapper">
<h2>Imagenes</h2>
<div class="portfolio_box margin_r50">
<h3>Exterior</h3>
<div class="port_img"> <a href="#"><img src="images/image_02.jpg" alt="" /></a> </div>
<p>detalles</p>
<div class="cleaner"></div>
</div>
<div class="portfolio_box margin_r50">
<h3>Patio</h3>
<div class="port_img"> <a href="#"><img src="images/image_03.jpg" alt="" /></a> </div>
<p>Maecenas id sapien est.</p>
<div class="cleaner"></div>
</div>
<div class="portfolio_box">
<h3>Comedor</h3>
<div class="port_img"> <a href="#"><img src="images/image_04.jpg" alt="" /></a> </div>
<p>detalles</p>
<div class="cleaner"></div>
</div>
<div class="cleaner"></div>
<div class="portfolio_box margin_r50">
<h3>Dormitorios</h3>
<div class="port_img"> <a href="#"><img src="images/image_05.jpg" alt="" /></a> </div>
<p>detalles</p>
<div class="cleaner"></div>
</div>
<div class="portfolio_box margin_r50">
<h3>Living</h3>
<div class="port_img"> <a href="#"><img src="images/image_06.jpg" alt="" /></a> </div>
<p>detalles</p>
<div class="cleaner"></div>
</div>
<div class="portfolio_box">
<h3>Fachada</h3>
<div class="port_img"> <a href="#"><img src="images/image_07.jpg" alt="" /></a> </div>
<p>detalles</p>
<div class="cleaner"></div>
</div>
<div class="cleaner_h10"></div>
<p>&nbsp;</p>
</div>
</div>
<div class="panel">
<div class="wrapper">
<h2>COMO LLEGAR</h2>
<p align="center">&nbsp;</p>
</div>
</div>
<div class="panel">
<div class="wrapper">
<h2>Contactenos</h2>
<div id="contact_form">
<form method="post" name="contact" action="#">
<input type="hidden" name="post" value=" Send " />
<label for="author">Nombre:</label>
<input type="text" id="author" name="author" class="required input_field" />
<div class="cleaner_h10"></div>
<label for="email">Email:</label>
<input type="text" id="email" name="email" class="validate-email required input_field" />
<div class="cleaner_h10"></div>
<label for="url">Tel:</label>
<input type="text" name="url" id="url" class="input_field" />
<div class="cleaner_h10"></div>
<label for="text">Mensaje:</label>
<textarea id="text" name="text" rows="6" cols="30" class="required"></textarea>
<div class="cleaner_h10"></div>
<input style="font-weight: bold;" type="submit" class="submit_btn" name="submit" id="submit" value=" Send " />
<input style="font-weight: bold;" type="reset" class="submit_btn" name="reset" id="reset" value=" Reset " />
</form>
</div>
<div class="address_info">
<h3>Direccion</h3>
<p>XXXXX</p>
<p>X<br />
</p>
<p>XX</p>
<p>XXXX</p>
<p>XXX </p>
</div>
<div class="cleaner_h20"></div>
<p>&nbsp;</p>
</div>
</div>
</div>
<!-- .panelContainer -->
</div>
<!-- #slider1 -->
</div>
<!-- .slider-wrap -->
<p id="cross-links" style="width:0px; height: 0px; font-size:0; overflow: hidden;"> Same-page cross-link controls:<br />
<a href="#" class="cross-link">Page 1</a> | <a href="#" class="cross-link">Page 2</a> | <a href="#" class="cross-link">Page 3</a> | <a href="#" class="cross-link">Page 4</a> | <a href="#" class="cross-link">Page 5</a> </p>
<!-- end of slider -->
</div>
<!-- end of content -->
</div>
<!-- end of content_wrapper -->
<div id="footer_wrapper">
<div id="footer">Copyright &copy; 2011 <a href="#">CCC</a> | Designed by <a href="#">CCCC</a></div>
<!-- end of footer -->
</div>
<!-- end of footer_wrapper -->
</body>
</html>


Si alguien me puede dar una mano me salva :-| por que me estoy volviendo locooo!!!..

Muchas gracias gente, y muy buena onda el foro que tiene bocha de ayuda para inexpertos como nosotros =)