/*** CSS3 STYLE ***/
div.b {
display:block; 
width:100%; 
height:200px;
background:green; 
border:1px solid #999;
}
#b1 {
background: -moz-linear-gradient(top, green, yellow);  
background: -webkit-gradient(linear, 0 0, 0 100%, from(green), to(yellow));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=green,endColorstr=yellow); }
#b2 {
background: -moz-linear-gradient(top, green, yellow 20%);  
background: -webkit-gradient(linear, 0 0, 0 20%, from(green), to(yellow));  
}
#b3 {
background: -moz-linear-gradient(top, green, yellow 20%, blue 30%);  
background: -webkit-gradient(linear, 0 0, 0 100%, from(green), color-stop(20%, yellow), color-stop(30%,blue));  
}
.p {
border:1px solid #999; 
color:#666;
background:#eee;
display:block;
text-align:center;
text-decoration:none; 
padding:15px 15px;
width:15em;
text-transform:uppercase;
font-weight:bold;
font-size:1.5em;
}
a:hover#p1 {
text-decoration:none;
border:1px solid #0e930e;
background:green;
color:#fff;
}
#p2,#p3 {
-moz-border-radius:0.5em;
-webkit-border-radius:0.5em;
border-radius:0.5em;
background:-moz-linear-gradient(center top , #eee, #ccc 50%, #aaa 51%, #ccc 100%); background:-webkit-gradient(linear, left top, left bottom,from(#eee), to(#ccc), color-stop(0.5, #ccc), color-stop(0.51, #aaa));
-moz-box-shadow: 1px 1px 6px #666; 
-webkit-box-shadow: 1px 1px 6px #666; 
box-shadow:1px 1px 6px #666; 
filter:progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=45);
}
a:hover#p3 {
text-decoration:none;
border:1px solid #0e930e;
color:#fff;
background:green;
background:-moz-linear-gradient(center top , #98eb98, #33cc33 50%, #1da81d 51%, #33cc33 100%); background:-webkit-gradient(linear, left top, left bottom,from(#98eb98), to(#33cc33), color-stop(0.5, #33cc33), color-stop(0.51, #1da81d));
}