* {
margin: 0;
padding: 0;
}

body {
font-size: 75%;
color: #222;
background: #ffffff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.6em;
}
#menu-demo {
	width:510px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}
#menu-demo1 {
	width:510px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}
#menu-demo ul {
	width:500px;
	height:50px;
	background-color:rgb(48,161,171);
	overflow:hidden;
	/*CSS3 Border radius*/
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	/*CSS3 Box Shadow*/
	-moz-box-shadow:1px 2px 4px #666;
	-webkit-box-shadow:1px 2px 4px #666;
	box-shadow:1px 2px 4px #666;
	/*CSS3 Gradient Property for menu*/
	background-image:-moz-linear-gradient(rgb(48,161,171), rgb(56,192,207));
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%,
                          from(rgb(48,161,171)), to(rgb(56,192,207)));

}
#menu-demo li {
	float:left;
	list-style-type:none;
	margin-left:40px;
	text-shadow: 1px 1px 2px #ccc;
}
#menu-demo li a {
	text-decoration:none;
	color:#303;
	font-size:20px;
	font-family:Tahoma, Geneva, sans-serif;	
}
#up {
	margin-top:13px;
	margin-bottom:40px;
}
#menu-demo1 li:hover {
	/*As soon as hover over li elements animation will start*/
	-webkit-animation-name: slide;
	/*Duration of Animation would be 1 Second*/
	-webkit-animation-duration: 1s;
}
@-webkit-keyframes slide {
	0% { margin-top: 0px;}
	/* When animation completed the li will move up 60pixel*/
	100% { margin-top: -60px;}
}



#menu-demo1 ul {
	width:500px;
	height:50px;
	background-color:rgb(48,161,171);
	overflow:hidden;
	/*CSS3 Border radius*/
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	/*CSS3 Box Shadow*/
	-moz-box-shadow:1px 2px 4px #666;
	-webkit-box-shadow:1px 2px 4px #666;
	box-shadow:1px 2px 4px #666;
	/*CSS3 Gradient Property for menu*/
	background-image:-moz-linear-gradient(rgb(48,161,171), rgb(56,192,207));
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%,
                          from(rgb(48,161,171)), to(rgb(56,192,207)));

}
#menu-demo1 li {
	float:left;
	list-style-type:none;
	margin-left:40px;
	text-shadow: 1px 1px 2px #ccc;
}
#menu-demo1 li a {
	text-decoration:none;
	color:#303;
	font-size:20px;
	font-family:Tahoma, Geneva, sans-serif;	
}
#up {
	margin-top:13px;
	margin-bottom:40px;
}
h2 {
	margin-bottom:10px;
}
h3 {
	margin-top:20px;
}