div {
	margin: 10px;
	width: 250px;
	height: 200px;
	color: #ffffff;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
}
#sample1 {
	background: -moz-linear-gradient(teal, navy);
	background: -webkit-gradient(linear, left top, left bottom, from(teal), to(navy));
	background: linear-guradient(teal, navy);
}
#sample2 {
	background: -moz-linear-gradient(right, teal, navy);
	background: -webkit-gradient(linear, right top, left top, from(teal), to(navy));
	background: linear-guradient(right, teal, navy);
}
#sample3 {
	background: -moz-linear-gradient(left bottom 45deg, teal, navy);
	background: -webkit-gradient(linear, left bottom, right top, from(teal), to(navy));
	background: linear-guradient(left bottom 45deg, teal, navy);
}