*{border:0;margin:0;padding:0;}
blockquote,figure,footer,h1,h2,h3,header,hgroup,li,nav,ul,#container,#bottom,worldmap{display:block;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.center{float: center;}

.notification-ie{
  background:url(img/bg_notification-ie.jpg) repeat-x;
  border-bottom:1px solid #dab785;
  display:block;
  margin-bottom:20px;
  padding:8px 0;
  text-align:center;
  width:100%;
}

.notification-ie p{color:#dab785;}

body{
background:#f5f5f5;
color:#555;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-shadow:0 1px 0 #fff;
}


#ava{
height:200px;
left:50%;
margin-left:-300px;
margin-top:-200px;
position:absolute;
top:40%;
width:600px;
}

blockquote{
  height:200px; 
font-size:13px;
margin:40px 0;
text-align:justify;
width:540px;
}

.social{
 width: 100px;
   height: 100px;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -50px;
   margin-top: -10px;

}

#ava {
  -webkit-animation-name: 'down';
  -webkit-animation-duration: 2.5s;
}

@-webkit-keyframes 'down' {
  from {
    -webkit-transform: rotateY(90deg);
  }

  40% {
    -webkit-transform: rotateY(90deg);
  }

  to {
    -webkit-transform: rotateY(0deg);
  }
}
/*height:100px;
left:65%;
margin-left:-300px;
margin-top:-200px;
position:absolute;
top:70%;*/


figure{margin-right:40px;}


h1{color:#323333;font-size:20px;margin-top:4px;}
h2{color:#5e5f5f;font-size:24px;}
h2 a{
  color:#5e5f5f;
  padding-bottom:0px;
  text-decoration:none;
}
    

h3{
font-size:10px;
line-height:16px;
text-transform:uppercase;
}  
 
#footer p{
  font-size: 11px;
  color: #767780;
  }
  
#bottom {
right:1%;
margin-left:0px;
margin-top:0px;
top:0%;
background-position:fixed;
position:fixed;
}
  



#footer p.grid{
  text-align: center;
}

{
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto ;
height: 100%;
margin: 0 auto -4em;
}
.footer, .push {
height: 4em;
}