@charset "UTF-8";
/* CSS Document */

/*
DEMO 4
*/

.a_demo_four {
	display: inline-block;	
	margin-top: 10px;
	background-color:#3bb3e0;
	font-size:18px;
	text-decoration:none;
	color:#fff; 
	font-weight: bold;
	position:relative;
	padding:8px 22px;
	background-image: linear-gradient(bottom, rgb(85,172,255) 0%, rgb(85,172,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(85,172,255) 0%, rgb(85,172,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(85,172,255) 0%, rgb(85,172,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(85,172,255) 0%, rgb(85,172,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(85,172,255) 0%, rgb(85,172,255) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(85,172,255)),
	color-stop(1, rgb(85,172,255))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 3px 0px 0px #156785;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 3px 0px 0px #156785;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 3px 0px 0px #156785;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 3px 0px 0px #156785;
}

.a_demo_four:active {
	top:2px;

	background-image: linear-gradient(bottom, rgb(85,172,255) 0%, rgb(53,107,158) 100%);
	background-image: -o-linear-gradient(bottom, rgb(85,172,255) 0%, rgb(53,107,158) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(85,172,255) 0%, rgb(53,107,158) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(85,172,255) 0%, rgb(53,107,158) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(85,172,255) 0%, rgb(53,107,158) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(85,172,255)),
	color-stop(1, rgb(85,172,255))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 1px 0px 0px #156785;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 1px 0px 0px #156785;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 1px 0px 0px #156785;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 1px 0px 0px #156785;
}
.a_demo_four:hover{
	color:#fff; text-decoration: none;
}



.a_demo_three {
	display: inline-block;	
	margin-top: 10px;
	font-size:14px;
	text-decoration:none;
	color:#333; 
	position:relative;
	padding:5px 25px;
	background-image: linear-gradient(bottom, rgb(241,241,241) 0%, rgb(241,241,241) 100%);
	background-image: -o-linear-gradient(bottom, rgb(241,241,241) 0%, rgb(241,241,241) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(241,241,241) 0%, rgb(241,241,241) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(241,241,241) 0%, rgb(241,241,241) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(241,241,241) 0%, rgb(241,241,241) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(241,241,241)),
	color-stop(1, rgb(241,241,241))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #f9f9f9, 0px 3px 0px 0px #b1b1b1;
	-moz-box-shadow: inset 0px 1px 0px #f9f9f9, 0px 3px 0px 0px #b1b1b1;
	-o-box-shadow: inset 0px 1px 0px #f9f9f9, 0px 3px 0px 0px #b1b1b1;
	box-shadow: inset 0px 1px 0px #f9f9f9, 0px 3px 0px 0px #b1b1b1;
}

.a_demo_three:active {
	top:2px;

	background-image: linear-gradient(bottom, rgb(255,255,255) 0%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(255,255,255)),
	color-stop(1, rgb(255,255,255))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 1px 0px 0px #9ed2b8;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 1px 0px 0px #9ed2b8;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 1px 0px 0px #9ed2b8;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 1px 0px 0px #9ed2b8;
}
.a_demo_three:hover{
	color:#289B61; text-decoration: none;
}