/* --------------------------------------------------------------

 reset.css
 * Resets default browser CSS.

-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

* { margin:0; padding:0;} 

body { font-size: 62.5%; font-family: Arial, Tahoma, Geneva, sans-serif; color: #fff; background: #bbbbbb url("images/bg.jpg") center -50px no-repeat; }
#wrap { margin: 150px auto 0 auto; width: 586px; height: 450px; font-size: 1.2em; background: url("images/boxes2.png") 0 130px no-repeat; }
h1#logo { display: block; width: 586px; height: 130px; }
h1#logo a { display: block; height: 130px; text-indent: -9999em; font-size: 0px; background: none; }
h2 { font-size: 20px; }
.box { position: relative; padding: 20px; width: 225px; height: 85px; }
#box1 { float: left; }
#box2 { float: right; }
#box3 { margin: 170px auto 0 auto; }
a:link,
a:visited { position: absolute; left: 20px; bottom: 10px; padding: 0 15px 0 0; color: #fff; text-decoration: none; font-weight: bold; background: url("images/arrow.gif") right center no-repeat; }
p { margin: 10px 0; }
#box1.box { padding: 35px 20px 20px 20px; height: 70px; }