* {
  margin:0;
  padding:0;
}

body {
  color:#333333;
  background:#d7d7d7 url(../images/zeno_iphone.jpg) no-repeat fixed right bottom;
  font-family: "ff-speak-web-pro-1", "ff-speak-web-pro-2", Helvetica, Arial;
}

a {
  text-decoration:none;
  outline:none;
  color:#333333;
}

h1 {
  text-align:center;
  font-size:66px;
  text-transform:uppercase;
}

img {
  border:none;
}

.clear {
  clear:both;
}

.uppercase {
  text-transform:uppercase;
}

#wrap {
  padding:30px 30px 10px;
  margin:70px;
  width:420px;
  background:rgba(215,215,215,0.6);
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  -webkit-box-shadow: 0 0 15px rgba(215,215,215,0.6);
  -moz-box-shadow: 0 0 15px rgba(215,215,215,0.6);
}

#header h1 {
  display:block;
  text-indent:-9999px;
  margin-bottom:50px;
  width:420px;
  height:53px;
  background:url(../images/zeno_crivelli.png) no-repeat;
}

#menu {
  list-style-type:none;
  border-top:1px solid rgba(0,0,0,0.1);
  border-bottom:1px solid rgba(255,255,255, 0.4);;
}

#menu li {
  width:420px;
}

#menu li a {
  display:block;
  padding:9px 0 11px;
  border-top:1px solid rgba(255,255,255, 0.4);
  border-bottom:1px solid rgba(0,0,0,0.1);
  opacity:1;
  font-size:24px;
}

#menu li .arrow {
  float:right;
  text-indent:-9999px;
  width:10px;
  height:15px;
  margin-top:8px;
  background:url(../images/arrow.png) no-repeat;
  -webkit-transition:-webkit-transform 0.4s;
}

#menu li:hover .arrow { 
  -webkit-transform:rotate(-180deg);
}

#menu li .arrow span { display:none }

#menu li .url {
  float:right;
  font-size:12px;
  margin-right:20px;
  padding-top:7px;
  color:rgba(51,51,51,0);
  -webkit-transition:color 0.5s;
  -moz-transition:color 0.5s;
}

#menu li:hover .url { 
  color:rgba(51,51,51,1);
}

#footer {
  font-size:11px;
  margin:28px 0 0;
  color:#999;
  width:420px;
}