*{
	/* A universal page reset */
	margin:0;
	padding:0;
}



/* The bouncing box */

#box{
	background: repeat-x center top #fcfcfc;
	opacity: 0.9;
    
	height:70px;
	padding:620px;
	margin-top:-10px;
	padding-top:20px;
	width:400px;
	border:1px solid #fcfcfc;
	color:#494848;
	text-shadow:1px 1px 0 white;
	font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
}

#box p{
	font-size:1px;
	padding-left:9px;
}

#box p b{
	font-size:32px;
	display:block;
}

#box,
#main,
a.button{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

/* Styling the big button */

a.button{
	color:white;
	letter-spacing: 0px;
	padding:5px;
	display:block;
	text-shadow:1px 1px 0 #145982;
	font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	width:150px;
	border:1px solid #e3130b;
	
	margin:6px auto;
	
	/*
		CSS3 gradients for webkit and mozilla browsers,
		fallback color for the rest:
	*/
	
	background-color: #ca0000;
	background-image: -moz-linear-gradient(#ca2222, #a31b1b);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ca2222), to(#a31b1b));
}

a.button:hover{
	text-decoration:none;
	background-color: #ca0000;
	background-image: -moz-linear-gradient(#ff2a2a, #e3130b);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff2a2a), to(#e3130b));
}

/* Only needed for the demonstration page */