/* CSS Document */

body {
	background-image:url(bgimage.png)
}

.menubutton {
	background-color:#009;
	color:#CCC;
	height:80px;
	width:120px;
	text-align:center;	
	font-size:28px;
	-webkit-animation: bounceIn 1s;
	-moz-animation: bounceIn 1s;
	-ms-animation: bounceIn 1s;
	-o-animation: bounceIn 1s;
	animation: bounceIn 1s;
	font-family:Gabrielle;
	border:#000000 1px;
	margin:25px;
}

.menubutton:hover {
	background-color:#009;
	-webkit-transition: margin 0.5s ease-out; 
	-moz-transition: margin 0.5s ease-out; 
	-o-transition: margin 0.5s ease-out;
	animation: margin 0.5s ease-out;
}


 .menucontainer {
	text-align:center;
	width: 1000px;
	height: 150px;
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
	
@font-face {
	font-family:Gabrielle;
	src: url('Gabrielle.ttf')
}