Fireworks is a great application for developing prototypes and graphics for production sites. With the increasing use of CSS3, however, it takes fewer images to create the layout for a site. CSS3 properties such as border-radius, gradient, and box-shadow allow the developer to offer the user the same visual effects through coding that used to require images. How, then, to get the code out of the images as you draw a layout in Fireworks so that you can take it into Dreamweaver and apply it to a style sheet? Fireworks CS6 offers the user the CSS Extractor panel to accomplish just that. In this article, you will learn how to use the panel to create a style guide that one person or a team could use to keep track of colors, fonts, and other properties that need to go into the site’s CSS document.