/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


body {
  font-size:75%;
  color:#222;
  background:#fff;
  font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}

#container {
  position:absolute;
  top:20%;
  left:50%;  
  width:430px;
  height:280px;
  margin:0 -215px;
  background:url('../images/bkg.png') repeat-y 50% 0;
}

h1 {
  background:url('../images/festador.png') no-repeat;
  width:430px;
  height:50px;
  text-indent:-9999px;
}

ul {
  list-style:none;
  text-align:center;
  position:absolute;
  bottom:0;
  left:50%;
  width:164px;
  margin:0 -82px;
  text-indent:-9999px;
}
ul a {
  display:block;
  height:28px;
  margin:0 auto 15px;  
  border:solid 1px #FFF;
}
ul a:hover {
  border:solid 1px #dadada;
}

#blog a {
  width:98px;
  background: url('../images/blog.png') no-repeat;
}
#showreel a {
  width:164px;
  background: url('../images/showreel.png') no-repeat;
}
#email a {
  width:98px;
  margin-bottom:0;
  background:url('../images/email.png') no-repeat;
}