Neo CSS Download Buttons

The CSS download buttons purly with CSS

Neo CSS Download Buttons One

The css
/*
Project Name : Neo CSS Download Button One
Version : 1.1
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Inspirated by : sorry I am forgot, if you know please tell me!
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

Copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain

Changelog
v1.0 2012-01-06 (Release)
v1.1 2012-02-28
 * Edit core

How to Use?
1. Copy All CSS
2. Set value the tag a with this
	*  neo-download-one(required)
	*  bluestyle or greenstyle(required but select one)
	*  noribbon(optional)
	*  noarrow(optional)

Sample Usage
				<a class='neo-download-one greenstyle' href='#1'>
					<span class='style'>download</span>
					<span class='arrow'> </span>
				</a>

				<a class='neo-download-one bluestyle' href='#1'>
					<span class='style'>download</span>
					<span class='arrow'> </span>
				</a>
			
				<a class='neo-download-one bluestyle noribbon noarrow' href='#1'>
					<span class='style'>download</span>
					<span class='arrow'> </span>
				</a>		
*/
/* Framework */
.neo-download-one{
	text-transform: capitalize;
	font: bold 34px arial, helvetica, sans-serif;
	float: left;
	padding: 4px 4px 0 4px;
	overflow: hidden;
	}
.neo-download-one:link,
.neo-download-one:visited{
	text-decoration: none;
	color: #fff;
	}
.neo-download-one:focus{
	outline: none;
}
.neo-download-one span.style{
	/* text-indent: -14px; bug on opera */
	/* float: left; */
	text-align: left;
	padding: 15px 60px 15px 0;/* min : padding-top & bottom 15px */
	display: block;

	/*  border radius */
	border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-webkit-border-radius: 15px;
	/*  end border radius */	
	
	position: relative;
	z-index: 2;
	}
.neo-download-one span.style:before{/* ribbon */
	text-indent: 0;
	text-shadow: none;
	margin: -5px 0 0 -33px;
	float: left;
	content: 'free';/* you can change content value */
	text-align: center;
	padding: 3px 0 3px 0;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	width: 100px;
	
	/* rotate */
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	/* end rotate */

	}
.neo-download-one:after{/* ribbon shadow */
	margin: -48px 0 0 -15px;
	width: 88px;
	height: 8px;
	float: left;
	clear: both;
	content: '';
	
	/* rotate */
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	/* end rotate */
	
	/* border radius */
	border-radius: 0 5px 0 5px;
	-webkit-border-radius: 0 5px 0 5px;
	-moz-border-radius: 0 5px 0 5px;
	-ms-border-radius: 0 5px 0 5px;
	/* end border radius */
	
	position: relative;
	z-index: 1;
	}
.neo-download-one span.arrow{/* arrow */
	display: block;
	float: right;
	width: 0;
	height: 0;
	clear: both;
	margin: -56px 40px 0 0;
	/* display:none; if you remove arrow delete this comment */
	}
.neo-download-one span.arrow:before{
	content: '';
	clear: both;
	display: block;
	width: 20px;
	height: 20px;
	
	/* border radius */
	border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-ms-border-radius: 2px 2px 0 0;
	webkit-border-radius: 2px 2px 0 0;
	/* end border radius */
	
	position: relative;
	z-index: 3;

	}
.neo-download-one span.arrow:after{/* arrow triangel */
	position: relative;
	z-index: 2;	
	content: '';
	width: 0;
	height: 0;
	float: left;
	border-style: solid;
	border-width: 18px 18px 18px 18px;
	margin: -41px 0 0 -8px;
	}
.neo-download-one:focus span.arrow{/* arrow active and focus */
	margin-top: -54px;
	}
.small{
	font-size:20px;
	padding: 2px 2px 0 2px;
	}
.small span.style{
	padding: 8px 30px 8px 0;/* min : padding-top & bottom 15px */

	/*  border radius */
	border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-webkit-border-radius: 7px;
	/*  end border radius */	
	
	}	
.small span.style:before{/* ribbon */
	margin: -2px 0 0 -16px;
	padding: 1px 0 1px 0;
	font-size: 7px;
	letter-spacing: 1px;
	width: 50px;

	}
.small:after{/* ribbon shadow */
	margin: -29px 0 0 -9px;
	width: 49px;
	height: 4px;

	/* border radius */
	border-radius: 0 2px 0 2px;
	-webkit-border-radius: 0 2px 0 2px;
	-moz-border-radius: 0 2px 0 2px;
	-ms-border-radius: 0 2px 0 2px;
	/* end border radius */
	}
.small span.arrow{/* arrow */
	margin: -30px 20px 0 0;
	/* display:none; if you remove arrow delete this comment */
	}
.small:active span.arrow,
.small:focus span.arrow{/* arrow active and focus */
	margin-top: -27px;
	}
.small span.arrow:before{
	width: 10px;
	height: 10px;
	
	/* border radius */
	border-radius: 1px 1px 0 0;
	-webkit-border-radius: 1px 1px 0 0;
	-ms-border-radius: 1px 1px 0 0;
	webkit-border-radius: 1px 1px 0 0;
	/* end border radius */

	}
.small span.arrow:after{/* arrow triangel */
	border-width: 9px 9px 9px 9px;
	margin: -25px 0 0 -4px;
	}
.noribbon:after,
.noribbon span.style:before,/* noribbon | hide ribbon */
.noarrow span.arrow{/* noarrow | hide arrow */
	display: none;
}
.noribbon span.style{
	padding-left:20px;
	text-indent:3%;
}
/* End Framework */
/* Set color */
/* bluestyle */
.bluestyle span.style{
	border: 1px solid #249bd4;
	
	/* background and gradient  */
	background: #4fafdc;
	background: linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -ms-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -moz-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -o-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -webkit-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #4fafdc),
		color-stop(50%, #36b4f1),
		color-stop(100%, #2385b2));
	/* end background and gradient  */

	/* text shadow */
	text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-moz-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-ms-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-webkit-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	/* end text shadow */

	}
.bluestyle span.style:before{/* ribbon */	
	/* box shadow */
	box-shadow: 0 1px 2px #7c86c2;
	-moz-box-shadow: 0 1px 2px #7c86c2;
	-webkit-box-shadow: 0 1px 2px #7c86c2;
	-ms-box-shadow: 0 1px 2px #7c86c2;
	/* end box shadow */

	/* background and gradient */
	background: #df81c7;
	background: linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	background: -moz-linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	background: -webkit-linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, #af4994),
		color-stop(50%, #df81c7),
		color-stop(100%, #af4994));
	background: -o-linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	background: -ms-linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	/* end background and gradient */
	}
.bluestyle:after{/* ribbon shadow */
	background: #3c1d4c;
	}
.bluestyle span.arrow:before{/* arrow */
	background: #fff;
	
	/* box shadow */
	box-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-webkit-box-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-moz-box-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-ms-box-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	/* end box shadow */
	}
.bluestyle span.arrow:after{/* triangel */
	
	/* box shadow */
	box-shadow: 0 -1px 0 #247693;
	-webkit-box-shadow: 0 -1px 0 #247693;
	-moz-box-shadow: 0 -1px 0 #247693;
	-ms-box-shadow: 0 -1px 0 #247693;
	/* end box shadow */
	border-color: #fff transparent transparent;
	
	}/* end */
.bluestyle:active span.style,
.bluestyle:hover span.style{

	/* text shadow */
	text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-moz-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-webkit-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-ms-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	/* end text shadow */

	/* background and gradient  */
	background: #58c8fc;
	background: linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -ms-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -moz-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -o-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -webkit-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #e2f6ff),
		color-stop(35%, #36b4f1),
		color-stop(100%, #2385b2));
		/* end background and gradient  */

}
/* End bluestyle */
/* greenstyle */
.greenstyle span.style{
	border: 1px solid #2FCF26;
	
	/* background and gradient  */
	background: #7CEF68;
	background: linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -ms-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -moz-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -o-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -webkit-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #7CEF68),
		color-stop(50%, #77EF3B),
		color-stop(100%, #43AF20));
	/* end background and gradient  */

	/* text shadow */
	text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-moz-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-ms-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-webkit-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	/* end text shadow */

	}
.greenstyle span.style:before{/* ribbon */	
	/* box shadow */
	box-shadow: 0 1px 2px #82BF77 ;
	-moz-box-shadow: 0 1px 2px #82BF77 ;
	-webkit-box-shadow: 0 1px 2px #82BF77 ;
	-ms-box-shadow: 0 1px 2px #82BF77 ;
	/* end box shadow */

	/* background and gradient */
	background: #8F98FF;
	background: linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	background: -moz-linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	background: -webkit-linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, #1928CF),
		color-stop(50%, #8F98FF),
		color-stop(100%, #1928CF));
	background: -o-linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	background: -ms-linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	/* end background and gradient */
	}
.greenstyle:after{/* ribbon shadow */
	background: #000A7F;
	}
.greenstyle span.arrow:before{/* arrow */
	background: #fff;
	
	/* box shadow */
	box-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-webkit-box-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-moz-box-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-ms-box-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	/* end box shadow */
	}
.greenstyle span.arrow:after{/* triangel */
	
	/* box shadow */
	box-shadow: 0 -1px 0 #3D8F23;
	-webkit-box-shadow: 0 -1px 0 #3D8F23;
	-moz-box-shadow: 0 -1px 0 #3D8F23;
	-ms-box-shadow: 0 -1px 0 #3D8F23;
	/* end box shadow */
	border-color: #fff transparent transparent;
	
	}
.greenstyle:active span.style,
.greenstyle:hover span.style{

	/* text shadow */
	text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-moz-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-webkit-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-ms-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	/* end text shadow */

	/* background and gradient  */
	background: #58c8fc;
	background: linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -ms-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -moz-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -o-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -webkit-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #E1FFDF),
		color-stop(35%, #77EF3B),
		color-stop(100%, #43AF20));
		/* end background and gradient  */

}
/* End greenstyle */
/* End Set color */
	
the html preview/result min source
<!-- start -->
<a class='neo-download-one bluestyle' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'>&nbsp;</span>
</a>
<!-- End -->
			
<style>
/*
Project Name : Neo CSS Download Button One(min bluestyle one)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Released for : Hongkiat dot com > http://www.hongkiat.com
Inspirated by : sorry I am forgot, if you know please tell me!
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

Copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain			
*/
/* Framework */
.neo-download-one-bluestyle-one{
	text-transform: capitalize;
	font: bold 34px arial, helvetica, sans-serif;
	float: left;
	padding: 4px 4px 0 4px;
	overflow: hidden;
	}
.neo-download-one-bluestyle-one:link,
.neo-download-one-bluestyle-one:visited{
	text-decoration: none;
	color: #fff;
	}
.neo-download-one-bluestyle-one:focus{
	outline: none;
}
.neo-download-one-bluestyle-one span.style{
	/* text-indent: -14px; bug on opera */
	/* float: left; */
	text-align: left;
	padding: 15px 60px 15px 0;/* min : padding-top & bottom 15px */
	display: block;

	/*  border radius */
	border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-webkit-border-radius: 15px;
	/*  end border radius */	
	
	position: relative;
	z-index: 2;
	}
.neo-download-one-bluestyle-one span.style:before{/* ribbon */
	text-indent: 0;
	text-shadow: none;
	margin: -5px 0 0 -33px;
	float: left;
	content: 'free';/* you can change content value */
	text-align: center;
	padding: 3px 0 3px 0;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	width: 100px;
	
	/* rotate */
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	/* end rotate */

	}
.neo-download-one-bluestyle-one:after{/* ribbon shadow */
	margin: -48px 0 0 -15px;
	width: 88px;
	height: 8px;
	float: left;
	clear: both;
	content: '';
	
	/* rotate */
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	/* end rotate */
	
	/* border radius */
	border-radius: 0 5px 0 5px;
	-webkit-border-radius: 0 5px 0 5px;
	-moz-border-radius: 0 5px 0 5px;
	-ms-border-radius: 0 5px 0 5px;
	/* end border radius */
	
	position: relative;
	z-index: 1;
	}
.neo-download-one-bluestyle-one span.arrow{/* arrow wrap*/
	display: block;
	float: right;
	width: 0;
	height: 0;
	clear: both;
	margin: -56px 40px 0 0;
	/* display:none; if you remove arrow delete this comment */
	}
.neo-download-one-bluestyle-one span.arrow:before{ /* arrow */
	content: '';
	clear: both;
	display: block;
	width: 20px;
	height: 20px;
	
	/* border radius */
	border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-ms-border-radius: 2px 2px 0 0;
	webkit-border-radius: 2px 2px 0 0;
	/* end border radius */
	
	position: relative;
	z-index: 3;

	}
.neo-download-one-bluestyle-one span.arrow:after{/* arrow triangel */
	position: relative;
	z-index: 2;	
	content: '';
	width: 0;
	height: 0;
	float: left;
	border-style: solid;
	border-width: 18px 18px 18px 18px;
	margin: -41px 0 0 -8px;
	}
.neo-download-one-bluestyle-one:focus span.arrow{/* arrow active and focus */
	margin-top: -54px;
	}
/* End Framework */
/* Set Color */
.neo-download-one-bluestyle-one span.style{
	border: 1px solid #249bd4;
	
	/* background and gradient  */
	background: #4fafdc;
	background: linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -ms-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -moz-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -o-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -webkit-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #4fafdc),
		color-stop(50%, #36b4f1),
		color-stop(100%, #2385b2));
	/* end background and gradient  */

	/* text shadow */
	text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-moz-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-ms-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-webkit-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	/* end text shadow */

	}
.neo-download-one-bluestyle-one span.style:before{/* ribbon */	
	/* box shadow */
	box-shadow: 0 1px 2px #7c86c2;
	-moz-box-shadow: 0 1px 2px #7c86c2;
	-webkit-box-shadow: 0 1px 2px #7c86c2;
	-ms-box-shadow: 0 1px 2px #7c86c2;
	/* end box shadow */

	/* background and gradient */
	background: #df81c7;
	background: linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	background: -moz-linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	background: -webkit-linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, #af4994),
		color-stop(50%, #df81c7),
		color-stop(100%, #af4994));
	background: -o-linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	background: -ms-linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	/* end background and gradient */
	}
.neo-download-one-bluestyle-one:after{/* ribbon shadow */
	background: #3c1d4c;
	}
.neo-download-one-bluestyle-one span.arrow:before{/* arrow */
	background: #fff;
	
	/* box shadow */
	box-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-webkit-box-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-moz-box-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-ms-box-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	/* end box shadow */
	}
.neo-download-one-bluestyle-one span.arrow:after{/* triangel */
	
	/* box shadow */
	box-shadow: 0 -1px 0 #247693;
	-webkit-box-shadow: 0 -1px 0 #247693;
	-moz-box-shadow: 0 -1px 0 #247693;
	-ms-box-shadow: 0 -1px 0 #247693;
	/* end box shadow */
	border-color: #fff transparent transparent;
	
	}/* end */
.neo-download-one-bluestyle-one:active span.style,
.neo-download-one-bluestyle-one:hover span.style{

	/* text shadow */
	text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-moz-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-webkit-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-ms-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	/* end text shadow */

	/* background and gradient  */
	background: #58c8fc;
	background: linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -ms-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -moz-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -o-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -webkit-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #e2f6ff),
		color-stop(35%, #36b4f1),
		color-stop(100%, #2385b2));
		/* end background and gradient  */

}
/* End Set Color */
</style>
<a class='neo-download-one-bluestyle-one' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'> </span>
</a>
<!-- start -->
<a class='neo-download-one bluestyle noarrow' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'>&nbsp;</span>
</a>
<!-- End -->
			
<style>
/*
Project Name : Neo CSS Download Button One(min bluestyle two)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Inspirated by : sorry I am forgot, if you know please tell me!
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

Copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain
				
*/
/* Framework */
.neo-download-one-bluestyle-two{
	text-transform: capitalize;
	font: bold 34px arial, helvetica, sans-serif;
	float: left;
	padding: 4px 4px 0 4px;
	overflow: hidden;
	}
.neo-download-one-bluestyle-two:link,
.neo-download-one-bluestyle-two:visited{
	text-decoration: none;
	color: #fff;
	}
.neo-download-one-bluestyle-two:focus{
	outline: none;
	}
.neo-download-one-bluestyle-two span.style{
	/* text-indent: -14px; bug on opera */
	/* float: left; */
	text-align: left;
	padding: 15px 60px 15px 0;/* min : padding-top & bottom 15px */
	display: block;

	/*  border radius */
	border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-webkit-border-radius: 15px;
	/*  end border radius */	
	
	position: relative;
	z-index: 2;
	}
.neo-download-one-bluestyle-two span.style:before{/* ribbon */
	text-indent: 0;
	text-shadow: none;
	margin: -5px 0 0 -33px;
	float: left;
	content: 'free';/* you can change content value */
	text-align: center;
	padding: 3px 0 3px 0;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	width: 100px;
	
	/* rotate */
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	/* end rotate */

	}
.neo-download-one-bluestyle-two:after{/* ribbon shadow */
	margin: -48px 0 0 -15px;
	width: 88px;
	height: 8px;
	float: left;
	clear: both;
	content: '';
	
	/* rotate */
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	/* end rotate */
	
	/* border radius */
	border-radius: 0 5px 0 5px;
	-webkit-border-radius: 0 5px 0 5px;
	-moz-border-radius: 0 5px 0 5px;
	-ms-border-radius: 0 5px 0 5px;
	/* end border radius */
	
	position: relative;
	z-index: 1;
	}
.neo-download-one-bluestyle-two span.arrow{display:none;
	}
/* End Framework */
/* Set color */
.neo-download-one-bluestyle-two span.style{
	border: 1px solid #249bd4;
	
	/* background and gradient  */
	background: #4fafdc;
	background: linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -ms-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -moz-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -o-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -webkit-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #4fafdc),
		color-stop(50%, #36b4f1),
		color-stop(100%, #2385b2));
	/* end background and gradient  */

	/* text shadow */
	text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-moz-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-ms-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-webkit-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	/* end text shadow */

	}
.neo-download-one-bluestyle-two span.style:before{/* ribbon */	
	/* box shadow */
	box-shadow: 0 1px 2px #7c86c2;
	-moz-box-shadow: 0 1px 2px #7c86c2;
	-webkit-box-shadow: 0 1px 2px #7c86c2;
	-ms-box-shadow: 0 1px 2px #7c86c2;
	/* end box shadow */

	/* background and gradient */
	background: #df81c7;
	background: linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	background: -moz-linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	background: -webkit-linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, #af4994),
		color-stop(50%, #df81c7),
		color-stop(100%, #af4994));
	background: -o-linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	background: -ms-linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	/* end background and gradient */
	}
.neo-download-one-bluestyle-two:after{/* ribbon shadow */
	background: #3c1d4c;
	}
.neo-download-one-bluestyle-two:active span.style,
.neo-download-one-bluestyle-two:hover span.style{

	/* text shadow */
	text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-moz-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-webkit-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-ms-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	/* end text shadow */

	/* background and gradient  */
	background: #58c8fc;
	background: linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -ms-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -moz-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -o-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -webkit-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #e2f6ff),
		color-stop(35%, #36b4f1),
		color-stop(100%, #2385b2));
		/* end background and gradient  */

}
/* End Set Color */
</style>
<a class='neo-download-one-bluestyle-two' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'> </span>
</a>
<!-- start -->
<a class='neo-download-one bluestyle noribbon' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'>&nbsp;</span>
</a>
<!-- End -->
			
<style>
/*
Project Name : Neo CSS Download Button One(min bluestyle three)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Inspirated by : sorry I am forgot, if you know please tell me!
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

Copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain
				
*/
/* Framework */
.neo-download-one-bluestyle-three{
	text-transform: capitalize;
	font: bold 34px arial, helvetica, sans-serif;
	float: left;
	padding: 4px 4px 0 4px;
	overflow: hidden;
	}
.neo-download-one-bluestyle-three:link,
.neo-download-one-bluestyle-three:visited{
	text-decoration: none;
	color: #fff;
	}
.neo-download-one-bluestyle-three:focus{
	outline: none;
	}
.neo-download-one-bluestyle-three span.style{
	/* text-indent: -14px; bug on opera */
	/* float: left; */
	text-align: left;
	padding: 15px 60px 15px 0;/* min : padding-top & bottom 15px */
	display: block;

	/*  border radius */
	border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-webkit-border-radius: 15px;
	/*  end border radius */	
	
	position: relative;
	z-index: 2;
	
	padding-left:20px;
	text-indent:3%;
	
	}
.neo-download-one-bluestyle-three span.arrow{/* arrow wrap*/
	display: block;
	float: right;
	width: 0;
	height: 0;
	clear: both;
	margin: -56px 40px 0 0;
	/* display:none; if you remove arrow delete this comment */
	}
.neo-download-one-bluestyle-three span.arrow:before{ /* arrow */
	content: '';
	clear: both;
	display: block;
	width: 20px;
	height: 20px;
	
	/* border radius */
	border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-ms-border-radius: 2px 2px 0 0;
	webkit-border-radius: 2px 2px 0 0;
	/* end border radius */
	
	position: relative;
	z-index: 3;

	}
.neo-download-one-bluestyle-three span.arrow:after{/* arrow triangel */
	position: relative;
	z-index: 2;	
	content: '';
	width: 0;
	height: 0;
	float: left;
	border-style: solid;
	border-width: 18px 18px 18px 18px;
	margin: -41px 0 0 -8px;
	}
.neo-download-one-bluestyle-three:focus span.arrow{/* arrow active and focus */
	margin-top: -54px;
	}
/* End Framework */
/* Set color */
.neo-download-one-bluestyle-three span.style{
	border: 1px solid #249bd4;
	
	/* background and gradient  */
	background: #4fafdc;
	background: linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -ms-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -moz-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -o-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -webkit-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #4fafdc),
		color-stop(50%, #36b4f1),
		color-stop(100%, #2385b2));
	/* end background and gradient  */

	/* text shadow */
	text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-moz-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-ms-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-webkit-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	/* end text shadow */

	}
.neo-download-one-bluestyle-three span.arrow:before{/* arrow */
	background: #fff;
	
	/* box shadow */
	box-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-webkit-box-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-moz-box-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-ms-box-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	/* end box shadow */
	}
.neo-download-one-bluestyle-three span.arrow:after{/* triangel */
	
	/* box shadow */
	box-shadow: 0 -1px 0 #247693;
	-webkit-box-shadow: 0 -1px 0 #247693;
	-moz-box-shadow: 0 -1px 0 #247693;
	-ms-box-shadow: 0 -1px 0 #247693;
	/* end box shadow */
	border-color: #fff transparent transparent;
	
	}/* end */
.neo-download-one-bluestyle-three:active span.style,
.neo-download-one-bluestyle-three:hover span.style{

	/* text shadow */
	text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-moz-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-webkit-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-ms-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	/* end text shadow */

	/* background and gradient  */
	background: #58c8fc;
	background: linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -ms-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -moz-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -o-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -webkit-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #e2f6ff),
		color-stop(35%, #36b4f1),
		color-stop(100%, #2385b2));
		/* end background and gradient  */

}
/* End Set Color */
</style>
<a class='neo-download-one-bluestyle-three' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'> </span>
</a>
<!-- start -->
<a class='neo-download-one bluestyle noribbon noarrow' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'>&nbsp;</span>
</a>
<!-- End -->
			
<style>
/*
Project Name : Neo CSS Download Button One(min bluestyle four)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Inspirated by : sorry I am forgot, if you know please tell me!
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

Copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain
				
*/
/* Framework */
.neo-download-one-bluestyle-four{
	text-transform: capitalize;
	font: bold 34px arial, helvetica, sans-serif;
	float: left;
	padding: 4px 4px 0 4px;
	overflow: hidden;
	}
.neo-download-one-bluestyle-four:link,
.neo-download-one-bluestyle-four:visited{
	text-decoration: none;
	color: #fff;
	}
.neo-download-one-bluestyle-four:focus{
	outline: none;
	}
.neo-download-one-bluestyle-four span.style{
	/* text-indent: -14px; bug on opera */
	/* float: left; */
	text-align: left;
	padding: 15px 60px 15px 0;/* min : padding-top & bottom 15px */
	display: block;

	/*  border radius */
	border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-webkit-border-radius: 15px;
	/*  end border radius */	
	
	position: relative;
	z-index: 2;
	
	padding-left:20px;
	text-indent:3%;
	
	}
.neo-download-one-bluestyle-four span.arrow{/* arrow wrap*/
	display:none;
	}
/* End Framework */
/* Set color */
.neo-download-one-bluestyle-four span.style{
	border: 1px solid #249bd4;
	
	/* background and gradient  */
	background: #4fafdc;
	background: linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -ms-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -moz-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -o-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -webkit-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #4fafdc),
		color-stop(50%, #36b4f1),
		color-stop(100%, #2385b2));
	/* end background and gradient  */

	/* text shadow */
	text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-moz-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-ms-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-webkit-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	/* end text shadow */

	}
.neo-download-one-bluestyle-four:active span.style,
.neo-download-one-bluestyle-four:hover span.style{

	/* text shadow */
	text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-moz-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-webkit-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-ms-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	/* end text shadow */

	/* background and gradient  */
	background: #58c8fc;
	background: linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -ms-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -moz-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -o-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -webkit-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #e2f6ff),
		color-stop(35%, #36b4f1),
		color-stop(100%, #2385b2));
		/* end background and gradient  */
	}
/* End Set Color */
</style>
<a class='neo-download-one-bluestyle-four' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'> </span>
</a>
<!-- start -->
<a class='neo-download-one small bluestyle' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'>&nbsp;</span>
</a>
<!-- End -->
			
<style>
/*
Project Name : Neo CSS Download Button One(min bluestyle five)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Inspirated by : sorry I am forgot, if you know please tell me!
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

Copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain
				
*/
/* Framework */
.neo-download-one-bluestyle-five{
	text-transform: capitalize;
	font: bold 20px arial, helvetica, sans-serif;
	float: left;
	padding: 2px 2px 0 2px;
	overflow: hidden;	
	}
.neo-download-one-bluestyle-five:link,
.neo-download-one-bluestyle-five:visited{
	text-decoration: none;
	color: #fff;
	}
.neo-download-one-bluestyle-five:focus{
	outline: none;
}
.neo-download-one-bluestyle-five span.style{
	/* text-indent: -14px; bug on opera */
	/* float: left; */
	text-align: left;
	padding: 8px 30px 8px 0;/* min : padding-top & bottom 15px */
	display: block;

	/*  border radius */
	border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-webkit-border-radius: 7px;
	/*  end border radius */	
	
	position: relative;
	z-index: 2;	
	}
.neo-download-one-bluestyle-five span.style:before{/* ribbon */
	text-indent: 0;
	text-shadow: none;

	float: left;
	content: 'free';/* you can change content value */
	text-align: center;
	text-transform: uppercase;
	display: block;
	margin: -2px 0 0 -16px;
	padding: 1px 0 1px 0;
	font-size: 7px;
	letter-spacing: 1px;
	width: 50px;
	
	
	/* rotate */
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	/* end rotate */

	}
.neo-download-one-bluestyle-five:after{/* ribbon shadow */
	margin: -29px 0 0 -9px;
	width: 49px;
	height: 4px;
	float: left;
	clear: both;
	content: '';
	
	/* rotate */
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	/* end rotate */
	
	position: relative;
	z-index: 1;

	/* border radius */
	border-radius: 0 2px 0 2px;
	-webkit-border-radius: 0 2px 0 2px;
	-moz-border-radius: 0 2px 0 2px;
	-ms-border-radius: 0 2px 0 2px;
	/* end border radius */
	}
.neo-download-one-bluestyle-five span.arrow{/* arrow wrap*/
	display: block;
	float: right;
	width: 0;
	height: 0;
	clear: both;
	margin: -30px 20px 0 0;
	/* display:none; if you remove arrow delete this comment */
	
	}
.neo-download-one-bluestyle-five span.arrow:before{ /* arrow */
	content: '';
	clear: both;
	display: block;

	width: 10px;
	height: 10px;
	
	/* border radius */
	border-radius: 1px 1px 0 0;
	-webkit-border-radius: 1px 1px 0 0;
	-ms-border-radius: 1px 1px 0 0;
	webkit-border-radius: 1px 1px 0 0;
	/* end border radius */
	
	/* border radius */
	border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-ms-border-radius: 2px 2px 0 0;
	webkit-border-radius: 2px 2px 0 0;
	/* end border radius */
	
	position: relative;
	z-index: 3;
	
	


	

	}
.neo-download-one-bluestyle-five span.arrow:after{/* arrow triangel */
	position: relative;
	z-index: 2;	
	content: '';
	width: 0;
	height: 0;
	float: left;
	border-style: solid;
	border-width: 9px 9px 9px 9px;
	margin: -25px 0 0 -4px;
	}
.neo-download-one-bluestyle-five:focus span.arrow{/* arrow active and focus */
	margin-top: -27px;
	}
/* End Framework */
/* Set color */
.neo-download-one-bluestyle-five span.style{
	border: 1px solid #249bd4;
	
	/* background and gradient  */
	background: #4fafdc;
	background: linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -ms-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -moz-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -o-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -webkit-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #4fafdc),
		color-stop(50%, #36b4f1),
		color-stop(100%, #2385b2));
	/* end background and gradient  */

	/* text shadow */
	text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-moz-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-ms-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-webkit-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	/* end text shadow */

	}
.neo-download-one-bluestyle-five span.style:before{/* ribbon */	
	/* box shadow */
	box-shadow: 0 1px 2px #7c86c2;
	-moz-box-shadow: 0 1px 2px #7c86c2;
	-webkit-box-shadow: 0 1px 2px #7c86c2;
	-ms-box-shadow: 0 1px 2px #7c86c2;
	/* end box shadow */

	/* background and gradient */
	background: #df81c7;
	background: linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	background: -moz-linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	background: -webkit-linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, #af4994),
		color-stop(50%, #df81c7),
		color-stop(100%, #af4994));
	background: -o-linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	background: -ms-linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	/* end background and gradient */
	}
.neo-download-one-bluestyle-five:after{/* ribbon shadow */
	background: #3c1d4c;
	}
.neo-download-one-bluestyle-five span.arrow:before{/* arrow */
	background: #fff;
	
	/* box shadow */
	box-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-webkit-box-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-moz-box-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-ms-box-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	/* end box shadow */
	}
.neo-download-one-bluestyle-five span.arrow:after{/* triangel */
	
	/* box shadow */
	box-shadow: 0 -1px 0 #247693;
	-webkit-box-shadow: 0 -1px 0 #247693;
	-moz-box-shadow: 0 -1px 0 #247693;
	-ms-box-shadow: 0 -1px 0 #247693;
	/* end box shadow */
	border-color: #fff transparent transparent;
	
	}/* end */
.neo-download-one-bluestyle-five:active span.style,
.neo-download-one-bluestyle-five:hover span.style{

	/* text shadow */
	text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-moz-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-webkit-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-ms-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	/* end text shadow */

	/* background and gradient  */
	background: #58c8fc;
	background: linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -ms-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -moz-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -o-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -webkit-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #e2f6ff),
		color-stop(35%, #36b4f1),
		color-stop(100%, #2385b2));
		/* end background and gradient  */

}
/* End Set Color */
</style>
<a class='neo-download-one-bluestyle-five' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'> </span>
</a>
<!-- start -->
<a class='neo-download-one small bluestyle noarrow' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'>&nbsp;</span>
</a>
<!-- End -->
			
<style>
/*
Project Name : Neo CSS Download Button One(min bluestyle six)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Inspirated by : sorry I am forgot, if you know please tell me!
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

Copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain
				
*/
/* Framework */
.neo-download-one-bluestyle-six{
	text-transform: capitalize;
	font: bold 20px arial, helvetica, sans-serif;
	float: left;
	padding: 2px 2px 0 2px;
	overflow: hidden;	
	}
.neo-download-one-bluestyle-six:link,
.neo-download-one-bluestyle-six:visited{
	text-decoration: none;
	color: #fff;
	}
.neo-download-one-bluestyle-six:focus{
	outline: none;
}
.neo-download-one-bluestyle-six span.style{
	/* text-indent: -14px; bug on opera */
	/* float: left; */
	text-align: left;
	padding: 8px 30px 8px 0;/* min : padding-top & bottom 15px */
	display: block;

	/*  border radius */
	border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-webkit-border-radius: 7px;
	/*  end border radius */	
	
	position: relative;
	z-index: 2;	
	}
.neo-download-one-bluestyle-six span.style:before{/* ribbon */
	text-indent: 0;
	text-shadow: none;

	float: left;
	content: 'free';/* you can change content value */
	text-align: center;
	text-transform: uppercase;
	display: block;
	margin: -2px 0 0 -16px;
	padding: 1px 0 1px 0;
	font-size: 7px;
	letter-spacing: 1px;
	width: 50px;
	
	
	/* rotate */
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	/* end rotate */

	}
.neo-download-one-bluestyle-six:after{/* ribbon shadow */
	margin: -29px 0 0 -9px;
	width: 49px;
	height: 4px;
	float: left;
	clear: both;
	content: '';
	
	/* rotate */
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	/* end rotate */
	
	position: relative;
	z-index: 1;

	/* border radius */
	border-radius: 0 2px 0 2px;
	-webkit-border-radius: 0 2px 0 2px;
	-moz-border-radius: 0 2px 0 2px;
	-ms-border-radius: 0 2px 0 2px;
	/* end border radius */
	}
.neo-download-one-bluestyle-six span.arrow{display:none;
	}
/* End Framework */
/* Set color */
.neo-download-one-bluestyle-six span.style{
	border: 1px solid #249bd4;
	
	/* background and gradient  */
	background: #4fafdc;
	background: linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -ms-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -moz-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -o-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -webkit-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #4fafdc),
		color-stop(50%, #36b4f1),
		color-stop(100%, #2385b2));
	/* end background and gradient  */

	/* text shadow */
	text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-moz-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-ms-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-webkit-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	/* end text shadow */

	}
.neo-download-one-bluestyle-six span.style:before{/* ribbon */	
	/* box shadow */
	box-shadow: 0 1px 2px #7c86c2;
	-moz-box-shadow: 0 1px 2px #7c86c2;
	-webkit-box-shadow: 0 1px 2px #7c86c2;
	-ms-box-shadow: 0 1px 2px #7c86c2;
	/* end box shadow */

	/* background and gradient */
	background: #df81c7;
	background: linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	background: -moz-linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	background: -webkit-linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, #af4994),
		color-stop(50%, #df81c7),
		color-stop(100%, #af4994));
	background: -o-linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	background: -ms-linear-gradient(
		left,
		#af4994 0%,
		#df81c7 50%,
		#af4994 100%);
	/* end background and gradient */
	}
.neo-download-one-bluestyle-six:after{/* ribbon shadow */
	background: #3c1d4c;
	}
.neo-download-one-bluestyle-six:active span.style,
.neo-download-one-bluestyle-six:hover span.style{

	/* text shadow */
	text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-moz-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-webkit-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-ms-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	/* end text shadow */

	/* background and gradient  */
	background: #58c8fc;
	background: linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -ms-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -moz-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -o-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -webkit-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #e2f6ff),
		color-stop(35%, #36b4f1),
		color-stop(100%, #2385b2));
		/* end background and gradient  */

}
/* End Set Color */
</style>
<a class='neo-download-one-bluestyle-six' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'> </span>
</a>
<!-- start -->
<a class='neo-download-one small bluestyle noribbon' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'>&nbsp;</span>
</a>
<!-- End -->
			
<style>
/*
Project Name : Neo CSS Download Button One(min bluestyle seven)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Inspirated by : sorry I am forgot, if you know please tell me!
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

Copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain
				
*/
/* Framework */
.neo-download-one-bluestyle-seven{
	text-transform: capitalize;
	font: bold 20px arial, helvetica, sans-serif;
	float: left;
	padding: 2px 2px 0 2px;
	overflow: hidden;	
	}
.neo-download-one-bluestyle-seven:link,
.neo-download-one-bluestyle-seven:visited{
	text-decoration: none;
	color: #fff;
	}
.neo-download-one-bluestyle-seven:focus{
	outline: none;
	}
.neo-download-one-bluestyle-seven span.style{

	/* text-indent: -14px; bug on opera */
	/* float: left; */
	text-align: left;
	padding: 8px 30px 8px 0;/* min : padding-top & bottom 15px */
	display: block;
	
	padding-left:10px;
	text-indent:3%;

	/*  border radius */
	border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-webkit-border-radius: 7px;
	/*  end border radius */	
	
	position: relative;
	z-index: 2;	
	}
.neo-download-one-bluestyle-seven span.arrow{/* arrow wrap*/
	display: block;
	float: right;
	width: 0;
	height: 0;
	clear: both;
	margin: -30px 20px 0 0;
	/* display:none; if you remove arrow delete this comment */
	
	}
.neo-download-one-bluestyle-seven span.arrow:before{ /* arrow */
	content: '';
	clear: both;
	display: block;

	width: 10px;
	height: 10px;
	
	/* border radius */
	border-radius: 1px 1px 0 0;
	-webkit-border-radius: 1px 1px 0 0;
	-ms-border-radius: 1px 1px 0 0;
	webkit-border-radius: 1px 1px 0 0;
	/* end border radius */
	
	/* border radius */
	border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-ms-border-radius: 2px 2px 0 0;
	webkit-border-radius: 2px 2px 0 0;
	/* end border radius */
	
	position: relative;
	z-index: 3;
	
	


	

	}
.neo-download-one-bluestyle-seven span.arrow:after{/* arrow triangel */
	position: relative;
	z-index: 2;	
	content: '';
	width: 0;
	height: 0;
	float: left;
	border-style: solid;
	border-width: 9px 9px 9px 9px;
	margin: -25px 0 0 -4px;
	}
.neo-download-one-bluestyle-seven:focus span.arrow{/* arrow active and focus */
	margin-top: -27px;
	}
/* End Framework */
/* Set color */
.neo-download-one-bluestyle-seven span.style{
	border: 1px solid #249bd4;
	
	/* background and gradient  */
	background: #4fafdc;
	background: linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -ms-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -moz-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -o-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -webkit-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #4fafdc),
		color-stop(50%, #36b4f1),
		color-stop(100%, #2385b2));
	/* end background and gradient  */

	/* text shadow */
	text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-moz-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-ms-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-webkit-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	/* end text shadow */

	}
.neo-download-one-bluestyle-seven span.arrow:before{/* arrow */
	background: #fff;
	
	/* box shadow */
	box-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-webkit-box-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-moz-box-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-ms-box-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	/* end box shadow */
	}
.neo-download-one-bluestyle-seven span.arrow:after{/* triangel */
	
	/* box shadow */
	box-shadow: 0 -1px 0 #247693;
	-webkit-box-shadow: 0 -1px 0 #247693;
	-moz-box-shadow: 0 -1px 0 #247693;
	-ms-box-shadow: 0 -1px 0 #247693;
	/* end box shadow */
	border-color: #fff transparent transparent;
	
	}/* end */
.neo-download-one-bluestyle-seven:active span.style,
.neo-download-one-bluestyle-seven:hover span.style{

	/* text shadow */
	text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-moz-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-webkit-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-ms-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	/* end text shadow */

	/* background and gradient  */
	background: #58c8fc;
	background: linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -ms-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -moz-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -o-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -webkit-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #e2f6ff),
		color-stop(35%, #36b4f1),
		color-stop(100%, #2385b2));
		/* end background and gradient  */

}
/* End Set Color */
</style>
<a class='neo-download-one-bluestyle-seven' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'> </span>
</a>
<!-- start -->
<a class='neo-download-one small bluestyle noribbon noarrow' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'>&nbsp;</span>
</a>
<!-- End -->
			
<style>
/*
Project Name : Neo CSS Download Button One(min bluestyle eight)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Inspirated by : sorry I am forgot, if you know please tell me!
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

Copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain
				
*/
/* Framework */
.neo-download-one-bluestyle-eight{
	text-transform: capitalize;
	font: bold 20px arial, helvetica, sans-serif;
	float: left;
	padding: 2px 2px 0 2px;
	overflow: hidden;	
	}
.neo-download-one-bluestyle-eight:link,
.neo-download-one-bluestyle-eight:visited{
	text-decoration: none;
	color: #fff;
	}
.neo-download-one-bluestyle-eight:focus{
	outline: none;
	}
.neo-download-one-bluestyle-eight span.style{

	/* text-indent: -14px; bug on opera */
	/* float: left; */
	text-align: left;
	padding: 8px 30px 8px 0;/* min : padding-top & bottom 15px */
	display: block;
	
	padding-left:10px;
	text-indent:3%;

	/*  border radius */
	border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-webkit-border-radius: 7px;
	/*  end border radius */	
	
	position: relative;
	z-index: 2;	
	}
.neo-download-one-bluestyle-eight span.arrow{/* arrow wrap*/
	display: block;
	float: right;
	width: 0;
	height: 0;
	clear: both;
	margin: -30px 20px 0 0;
	/* display:none; if you remove arrow delete this comment */
	
	}
/* End Framework */
/* Set color */
.neo-download-one-bluestyle-eight span.style{
	border: 1px solid #249bd4;
	
	/* background and gradient  */
	background: #4fafdc;
	background: linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -ms-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -moz-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -o-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -webkit-linear-gradient(
		top,
		#4fafdc 0%,
		#36b4f1 50%,
		#2385b2 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #4fafdc),
		color-stop(50%, #36b4f1),
		color-stop(100%, #2385b2));
	/* end background and gradient  */

	/* text shadow */
	text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-moz-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-ms-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	-webkit-text-shadow: 0 -1px 0 #247693, -1px 0 0 #247693;
	/* end text shadow */

	}
.neo-download-one-bluestyle-eight:active span.style,
.neo-download-one-bluestyle-eight:hover span.style{

	/* text shadow */
	text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-moz-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-webkit-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	-ms-text-shadow: 0 1px 6px #9dd6f0, 0 -1px 6px #247693, 1px 0 6px #9dd6f0;
	/* end text shadow */

	/* background and gradient  */
	background: #58c8fc;
	background: linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -ms-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -moz-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -o-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -webkit-linear-gradient(
		top,
		#e2f6ff 0%,
		#36b4f1 35%,
		#2385b2 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #e2f6ff),
		color-stop(35%, #36b4f1),
		color-stop(100%, #2385b2));
		/* end background and gradient  */

}
/* End Set Color */
</style>
<a class='neo-download-one-bluestyle-eight' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'> </span>
</a>
<!-- start -->
<a class='neo-download-one greenstyle' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'>&nbsp;</span>
</a>
<!-- End -->
			
<style>
/*
Project Name : Neo CSS Download Button One(min greenstyle one)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Released for : Hongkiat dot com > http://www.hongkiat.com
Inspirated by : sorry I am forgot, if you know please tell me!
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

Copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain			
*/
/* Framework */
.neo-download-one-greenstyle-one{
	text-transform: capitalize;
	font: bold 34px arial, helvetica, sans-serif;
	float: left;
	padding: 4px 4px 0 4px;
	overflow: hidden;
	}
.neo-download-one-greenstyle-one:link,
.neo-download-one-greenstyle-one:visited{
	text-decoration: none;
	color: #fff;
	}
.neo-download-one-greenstyle-one:focus{
	outline: none;
}
.neo-download-one-greenstyle-one span.style{
	/* text-indent: -14px; bug on opera */
	/* float: left; */
	text-align: left;
	padding: 15px 60px 15px 0;/* min : padding-top & bottom 15px */
	display: block;

	/*  border radius */
	border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-webkit-border-radius: 15px;
	/*  end border radius */	
	
	position: relative;
	z-index: 2;
	}
.neo-download-one-greenstyle-one span.style:before{/* ribbon */
	text-indent: 0;
	text-shadow: none;
	margin: -5px 0 0 -33px;
	float: left;
	content: 'free';/* you can change content value */
	text-align: center;
	padding: 3px 0 3px 0;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	width: 100px;
	
	/* rotate */
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	/* end rotate */

	}
.neo-download-one-greenstyle-one:after{/* ribbon shadow */
	margin: -48px 0 0 -15px;
	width: 88px;
	height: 8px;
	float: left;
	clear: both;
	content: '';
	
	/* rotate */
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	/* end rotate */
	
	/* border radius */
	border-radius: 0 5px 0 5px;
	-webkit-border-radius: 0 5px 0 5px;
	-moz-border-radius: 0 5px 0 5px;
	-ms-border-radius: 0 5px 0 5px;
	/* end border radius */
	
	position: relative;
	z-index: 1;
	}
.neo-download-one-greenstyle-one span.arrow{/* arrow wrap*/
	display: block;
	float: right;
	width: 0;
	height: 0;
	clear: both;
	margin: -56px 40px 0 0;
	/* display:none; if you remove arrow delete this comment */
	}
.neo-download-one-greenstyle-one span.arrow:before{ /* arrow */
	content: '';
	clear: both;
	display: block;
	width: 20px;
	height: 20px;
	
	/* border radius */
	border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-ms-border-radius: 2px 2px 0 0;
	webkit-border-radius: 2px 2px 0 0;
	/* end border radius */
	
	position: relative;
	z-index: 3;

	}
.neo-download-one-greenstyle-one span.arrow:after{/* arrow triangel */
	position: relative;
	z-index: 2;	
	content: '';
	width: 0;
	height: 0;
	float: left;
	border-style: solid;
	border-width: 18px 18px 18px 18px;
	margin: -41px 0 0 -8px;
	}
.neo-download-one-greenstyle-one:focus span.arrow{/* arrow active and focus */
	margin-top: -54px;
	}
/* End Framework */
/* Set color */
.neo-download-one-greenstyle-one span.style{
	border: 1px solid #2FCF26;
	
	/* background and gradient  */
	background: #7CEF68;
	background: linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -ms-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -moz-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -o-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -webkit-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #7CEF68),
		color-stop(50%, #77EF3B),
		color-stop(100%, #43AF20));
	/* end background and gradient  */

	/* text shadow */
	text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-moz-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-ms-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-webkit-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	/* end text shadow */

	}
.neo-download-one-greenstyle-one span.style:before{/* ribbon */	
	/* box shadow */
	box-shadow: 0 1px 2px #82BF77 ;
	-moz-box-shadow: 0 1px 2px #82BF77 ;
	-webkit-box-shadow: 0 1px 2px #82BF77 ;
	-ms-box-shadow: 0 1px 2px #82BF77 ;
	/* end box shadow */

	/* background and gradient */
	background: #8F98FF;
	background: linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	background: -moz-linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	background: -webkit-linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, #1928CF),
		color-stop(50%, #8F98FF),
		color-stop(100%, #1928CF));
	background: -o-linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	background: -ms-linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	/* end background and gradient */
	}
.neo-download-one-greenstyle-one:after{/* ribbon shadow */
	background: #000A7F;
	}
.neo-download-one-greenstyle-one span.arrow:before{/* arrow */
	background: #fff;
	
	/* box shadow */
	box-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-webkit-box-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-moz-box-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-ms-box-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	/* end box shadow */
	}
.neo-download-one-greenstyle-one span.arrow:after{/* triangel */
	
	/* box shadow */
	box-shadow: 0 -1px 0 #3D8F23;
	-webkit-box-shadow: 0 -1px 0 #3D8F23;
	-moz-box-shadow: 0 -1px 0 #3D8F23;
	-ms-box-shadow: 0 -1px 0 #3D8F23;
	/* end box shadow */
	border-color: #fff transparent transparent;
	
	}
.neo-download-one-greenstyle-one:active span.style,
.neo-download-one-greenstyle-one:hover span.style{

	/* text shadow */
	text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-moz-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-webkit-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-ms-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	/* end text shadow */

	/* background and gradient  */
	background: #58c8fc;
	background: linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -ms-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -moz-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -o-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -webkit-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #E1FFDF),
		color-stop(35%, #77EF3B),
		color-stop(100%, #43AF20));
		/* end background and gradient  */

}
/* End Set Color */
</style>
<a class='neo-download-one-greenstyle-one' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'> </span>
</a>
<!-- start -->
<a class='neo-download-one greenstyle noarrow' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'>&nbsp;</span>
</a>
<!-- End -->
			
<style>
/*
Project Name : Neo CSS Download Button One(min greenstyle two)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Inspirated by : sorry I am forgot, if you know please tell me!
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

Copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain
				
*/
/* Framework */
.neo-download-one-greenstyle-two{
	text-transform: capitalize;
	font: bold 34px arial, helvetica, sans-serif;
	float: left;
	padding: 4px 4px 0 4px;
	overflow: hidden;
	}
.neo-download-one-greenstyle-two:link,
.neo-download-one-greenstyle-two:visited{
	text-decoration: none;
	color: #fff;
	}
.neo-download-one-greenstyle-two:focus{
	outline: none;
	}
.neo-download-one-greenstyle-two span.style{
	/* text-indent: -14px; bug on opera */
	/* float: left; */
	text-align: left;
	padding: 15px 60px 15px 0;/* min : padding-top & bottom 15px */
	display: block;

	/*  border radius */
	border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-webkit-border-radius: 15px;
	/*  end border radius */	
	
	position: relative;
	z-index: 2;
	}
.neo-download-one-greenstyle-two span.style:before{/* ribbon */
	text-indent: 0;
	text-shadow: none;
	margin: -5px 0 0 -33px;
	float: left;
	content: 'free';/* you can change content value */
	text-align: center;
	padding: 3px 0 3px 0;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	width: 100px;
	
	/* rotate */
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	/* end rotate */

	}
.neo-download-one-greenstyle-two:after{/* ribbon shadow */
	margin: -48px 0 0 -15px;
	width: 88px;
	height: 8px;
	float: left;
	clear: both;
	content: '';
	
	/* rotate */
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	/* end rotate */
	
	/* border radius */
	border-radius: 0 5px 0 5px;
	-webkit-border-radius: 0 5px 0 5px;
	-moz-border-radius: 0 5px 0 5px;
	-ms-border-radius: 0 5px 0 5px;
	/* end border radius */
	
	position: relative;
	z-index: 1;
	}
.neo-download-one-greenstyle-two span.arrow{display:none;
	}
/* End Framework */
/* Set color */
.neo-download-one-greenstyle-two span.style{
	border: 1px solid #2FCF26;
	
	/* background and gradient  */
	background: #7CEF68;
	background: linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -ms-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -moz-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -o-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -webkit-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #7CEF68),
		color-stop(50%, #77EF3B),
		color-stop(100%, #43AF20));
	/* end background and gradient  */

	/* text shadow */
	text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-moz-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-ms-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-webkit-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	/* end text shadow */

	}
.neo-download-one-greenstyle-two span.style:before{/* ribbon */	
	/* box shadow */
	box-shadow: 0 1px 2px #82BF77 ;
	-moz-box-shadow: 0 1px 2px #82BF77 ;
	-webkit-box-shadow: 0 1px 2px #82BF77 ;
	-ms-box-shadow: 0 1px 2px #82BF77 ;
	/* end box shadow */

	/* background and gradient */
	background: #8F98FF;
	background: linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	background: -moz-linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	background: -webkit-linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, #1928CF),
		color-stop(50%, #8F98FF),
		color-stop(100%, #1928CF));
	background: -o-linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	background: -ms-linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	/* end background and gradient */
	}
.neo-download-one-greenstyle-two:after{/* ribbon shadow */
	background: #000A7F;
	}
.neo-download-one-greenstyle-two:active span.style,
.neo-download-one-greenstyle-two:hover span.style{

	/* text shadow */
	text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-moz-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-webkit-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-ms-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	/* end text shadow */

	/* background and gradient  */
	background: #58c8fc;
	background: linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -ms-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -moz-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -o-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -webkit-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #E1FFDF),
		color-stop(35%, #77EF3B),
		color-stop(100%, #43AF20));
		/* end background and gradient  */

}
/* End Set Color */
</style>
<a class='neo-download-one-greenstyle-two' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'> </span>
</a>
<!-- start -->
<a class='neo-download-one greenstyle noribbon' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'>&nbsp;</span>
</a>
<!-- End -->
			
<style>
/*
Project Name : Neo CSS Download Button One(min greenstyle three)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Inspirated by : sorry I am forgot, if you know please tell me!
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

Copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain
				
*/
/* Framework */
.neo-download-one-greenstyle-theree{
	text-transform: capitalize;
	font: bold 34px arial, helvetica, sans-serif;
	float: left;
	padding: 4px 4px 0 4px;
	overflow: hidden;
	}
.neo-download-one-greenstyle-theree:link,
.neo-download-one-greenstyle-theree:visited{
	text-decoration: none;
	color: #fff;
	}
.neo-download-one-greenstyle-theree:focus{
	outline: none;
	}
.neo-download-one-greenstyle-theree span.style{
	/* text-indent: -14px; bug on opera */
	/* float: left; */
	text-align: left;
	padding: 15px 60px 15px 0;/* min : padding-top & bottom 15px */
	display: block;

	/*  border radius */
	border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-webkit-border-radius: 15px;
	/*  end border radius */	
	
	position: relative;
	z-index: 2;
	
	padding-left:20px;
	text-indent:3%;
	
	}
.neo-download-one-greenstyle-theree span.arrow{/* arrow wrap*/
	display: block;
	float: right;
	width: 0;
	height: 0;
	clear: both;
	margin: -56px 40px 0 0;
	/* display:none; if you remove arrow delete this comment */
	}
.neo-download-one-greenstyle-theree span.arrow:before{ /* arrow */
	content: '';
	clear: both;
	display: block;
	width: 20px;
	height: 20px;
	
	/* border radius */
	border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-ms-border-radius: 2px 2px 0 0;
	webkit-border-radius: 2px 2px 0 0;
	/* end border radius */
	
	position: relative;
	z-index: 3;

	}
.neo-download-one-greenstyle-theree span.arrow:after{/* arrow triangel */
	position: relative;
	z-index: 2;	
	content: '';
	width: 0;
	height: 0;
	float: left;
	border-style: solid;
	border-width: 18px 18px 18px 18px;
	margin: -41px 0 0 -8px;
	}
.neo-download-one-greenstyle-theree:focus span.arrow{/* arrow active and focus */
	margin-top: -54px;
	}
/* End Framework */
/* Set color */
.neo-download-one-greenstyle-theree span.style{
	border: 1px solid #2FCF26;
	
	/* background and gradient  */
	background: #7CEF68;
	background: linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -ms-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -moz-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -o-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -webkit-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #7CEF68),
		color-stop(50%, #77EF3B),
		color-stop(100%, #43AF20));
	/* end background and gradient  */

	/* text shadow */
	text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-moz-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-ms-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-webkit-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	/* end text shadow */

	}
.neo-download-one-greenstyle-theree span.arrow:before{/* arrow */
	background: #fff;
	
	/* box shadow */
	box-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-webkit-box-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-moz-box-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-ms-box-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	/* end box shadow */
	}
.neo-download-one-greenstyle-theree span.arrow:after{/* triangel */
	
	/* box shadow */
	box-shadow: 0 -1px 0 #3D8F23;
	-webkit-box-shadow: 0 -1px 0 #3D8F23;
	-moz-box-shadow: 0 -1px 0 #3D8F23;
	-ms-box-shadow: 0 -1px 0 #3D8F23;
	/* end box shadow */
	border-color: #fff transparent transparent;
	
	}
.neo-download-one-greenstyle-theree:active span.style,
.neo-download-one-greenstyle-theree:hover span.style{

	/* text shadow */
	text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-moz-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-webkit-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-ms-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	/* end text shadow */

	/* background and gradient  */
	background: #58c8fc;
	background: linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -ms-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -moz-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -o-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -webkit-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #E1FFDF),
		color-stop(35%, #77EF3B),
		color-stop(100%, #43AF20));
		/* end background and gradient  */

}
/* End Set Color */
</style>
<a class='neo-download-one-greenstyle-theree' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'> </span>
</a>
<!-- start -->
<a class='neo-download-one greenstyle noribbon noarrow' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'>&nbsp;</span>
</a>
<!-- End -->
			
<style>
/*
Project Name : Neo CSS Download Button One(min greenstyle four)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Inspirated by : sorry I am forgot, if you know please tell me!
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

Copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain
				
*/
/* Framework */
.neo-download-one-greenstyle-four{
	text-transform: capitalize;
	font: bold 34px arial, helvetica, sans-serif;
	float: left;
	padding: 4px 4px 0 4px;
	overflow: hidden;
	}
.neo-download-one-greenstyle-four:link,
.neo-download-one-greenstyle-four:visited{
	text-decoration: none;
	color: #fff;
	}
.neo-download-one-greenstyle-four:focus{
	outline: none;
	}
.neo-download-one-greenstyle-four span.style{
	/* text-indent: -14px; bug on opera */
	/* float: left; */
	text-align: left;
	padding: 15px 60px 15px 0;/* min : padding-top & bottom 15px */
	display: block;

	/*  border radius */
	border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-webkit-border-radius: 15px;
	/*  end border radius */	
	
	position: relative;
	z-index: 2;
	
	padding-left:20px;
	text-indent:3%;
	
	}
.neo-download-one-greenstyle-four span.arrow{/* arrow wrap*/
	display:none;
	}
/* End Framework */
/* Set color */
.neo-download-one-greenstyle-four span.style{
	border: 1px solid #2FCF26;
	
	/* background and gradient  */
	background: #7CEF68;
	background: linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -ms-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -moz-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -o-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -webkit-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #7CEF68),
		color-stop(50%, #77EF3B),
		color-stop(100%, #43AF20));
	/* end background and gradient  */

	/* text shadow */
	text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-moz-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-ms-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-webkit-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	/* end text shadow */

	}
.neo-download-one-greenstyle-four:active span.style,
.neo-download-one-greenstyle-four:hover span.style{

	/* text shadow */
	text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-moz-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-webkit-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-ms-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	/* end text shadow */

	/* background and gradient  */
	background: #58c8fc;
	background: linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -ms-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -moz-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -o-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -webkit-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #E1FFDF),
		color-stop(35%, #77EF3B),
		color-stop(100%, #43AF20));
		/* end background and gradient  */

}
/* End Set Color */
</style>
<a class='neo-download-one-greenstyle-four' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'> </span>
</a>
<!-- start -->
<a class='neo-download-one small greenstyle' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'>&nbsp;</span>
</a>
<!-- End -->
			
<style>
/*
Project Name : Neo CSS Download Button One(min greenstyle five)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Inspirated by : sorry I am forgot, if you know please tell me!
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

Copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain
				
*/
/* Framework */
.neo-download-one-greenstyle-five{
	text-transform: capitalize;
	font: bold 20px arial, helvetica, sans-serif;
	float: left;
	padding: 2px 2px 0 2px;
	overflow: hidden;	
	}
.neo-download-one-greenstyle-five:link,
.neo-download-one-greenstyle-five:visited{
	text-decoration: none;
	color: #fff;
	}
.neo-download-one-greenstyle-five:focus{
	outline: none;
}
.neo-download-one-greenstyle-five span.style{
	/* text-indent: -14px; bug on opera */
	/* float: left; */
	text-align: left;
	padding: 8px 30px 8px 0;/* min : padding-top & bottom 15px */
	display: block;

	/*  border radius */
	border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-webkit-border-radius: 7px;
	/*  end border radius */	
	
	position: relative;
	z-index: 2;	
	}
.neo-download-one-greenstyle-five span.style:before{/* ribbon */
	text-indent: 0;
	text-shadow: none;

	float: left;
	content: 'free';/* you can change content value */
	text-align: center;
	text-transform: uppercase;
	display: block;
	margin: -2px 0 0 -16px;
	padding: 1px 0 1px 0;
	font-size: 7px;
	letter-spacing: 1px;
	width: 50px;
	
	
	/* rotate */
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	/* end rotate */

	}
.neo-download-one-greenstyle-five:after{/* ribbon shadow */
	margin: -29px 0 0 -9px;
	width: 49px;
	height: 4px;
	float: left;
	clear: both;
	content: '';
	
	/* rotate */
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	/* end rotate */
	
	position: relative;
	z-index: 1;

	/* border radius */
	border-radius: 0 2px 0 2px;
	-webkit-border-radius: 0 2px 0 2px;
	-moz-border-radius: 0 2px 0 2px;
	-ms-border-radius: 0 2px 0 2px;
	/* end border radius */
	}
.neo-download-one-greenstyle-five span.arrow{/* arrow wrap*/
	display: block;
	float: right;
	width: 0;
	height: 0;
	clear: both;
	margin: -30px 20px 0 0;
	/* display:none; if you remove arrow delete this comment */
	
	}
.neo-download-one-greenstyle-five span.arrow:before{ /* arrow */
	content: '';
	clear: both;
	display: block;

	width: 10px;
	height: 10px;
	
	/* border radius */
	border-radius: 1px 1px 0 0;
	-webkit-border-radius: 1px 1px 0 0;
	-ms-border-radius: 1px 1px 0 0;
	webkit-border-radius: 1px 1px 0 0;
	/* end border radius */
	
	/* border radius */
	border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-ms-border-radius: 2px 2px 0 0;
	webkit-border-radius: 2px 2px 0 0;
	/* end border radius */
	
	position: relative;
	z-index: 3;
	}
.neo-download-one-greenstyle-five span.arrow:after{/* arrow triangel */
	position: relative;
	z-index: 2;	
	content: '';
	width: 0;
	height: 0;
	float: left;
	border-style: solid;
	border-width: 9px 9px 9px 9px;
	margin: -25px 0 0 -4px;
	}
.neo-download-one-greenstyle-five:focus span.arrow{/* arrow active and focus */
	margin-top: -27px;
	}
/* End Framework */
/* Set color */
.neo-download-one-greenstyle-five span.style{
	border: 1px solid #2FCF26;
	
	/* background and gradient  */
	background: #7CEF68;
	background: linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -ms-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -moz-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -o-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -webkit-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #7CEF68),
		color-stop(50%, #77EF3B),
		color-stop(100%, #43AF20));
	/* end background and gradient  */

	/* text shadow */
	text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-moz-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-ms-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-webkit-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	/* end text shadow */

	}
.neo-download-one-greenstyle-five span.style:before{/* ribbon */	
	/* box shadow */
	box-shadow: 0 1px 2px #82BF77 ;
	-moz-box-shadow: 0 1px 2px #82BF77 ;
	-webkit-box-shadow: 0 1px 2px #82BF77 ;
	-ms-box-shadow: 0 1px 2px #82BF77 ;
	/* end box shadow */

	/* background and gradient */
	background: #8F98FF;
	background: linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	background: -moz-linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	background: -webkit-linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, #1928CF),
		color-stop(50%, #8F98FF),
		color-stop(100%, #1928CF));
	background: -o-linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	background: -ms-linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	/* end background and gradient */
	}
.neo-download-one-greenstyle-five:after{/* ribbon shadow */
	background: #000A7F;
	}
.neo-download-one-greenstyle-five span.arrow:before{/* arrow */
	background: #fff;
	
	/* box shadow */
	box-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-webkit-box-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-moz-box-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-ms-box-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	/* end box shadow */
	}
.neo-download-one-greenstyle-five span.arrow:after{/* triangel */
	
	/* box shadow */
	box-shadow: 0 -1px 0 #3D8F23;
	-webkit-box-shadow: 0 -1px 0 #3D8F23;
	-moz-box-shadow: 0 -1px 0 #3D8F23;
	-ms-box-shadow: 0 -1px 0 #3D8F23;
	/* end box shadow */
	border-color: #fff transparent transparent;
	
	}
.neo-download-one-greenstyle-five:active span.style,
.neo-download-one-greenstyle-five:hover span.style{

	/* text shadow */
	text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-moz-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-webkit-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-ms-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	/* end text shadow */

	/* background and gradient  */
	background: #58c8fc;
	background: linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -ms-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -moz-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -o-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -webkit-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #E1FFDF),
		color-stop(35%, #77EF3B),
		color-stop(100%, #43AF20));
		/* end background and gradient  */

}
/* End Set Color */
</style>
<a class='neo-download-one-greenstyle-five' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'> </span>
</a>
<!-- start -->
<a class='neo-download-one small greenstyle noarrow' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'>&nbsp;</span>
</a>
<!-- End -->
			
<style>
/*
Project Name : Neo CSS Download Button One(min greenstyle six)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Inspirated by : sorry I am forgot, if you know please tell me!
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

Copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain
				
*/
/* Framework */
.neo-download-one-greenstyle-six{
	text-transform: capitalize;
	font: bold 20px arial, helvetica, sans-serif;
	float: left;
	padding: 2px 2px 0 2px;
	overflow: hidden;	
	}
.neo-download-one-greenstyle-six:link,
.neo-download-one-greenstyle-six:visited{
	text-decoration: none;
	color: #fff;
	}
.neo-download-one-greenstyle-six:focus{
	outline: none;
}
.neo-download-one-greenstyle-six span.style{
	/* text-indent: -14px; bug on opera */
	/* float: left; */
	text-align: left;
	padding: 8px 30px 8px 0;/* min : padding-top & bottom 15px */
	display: block;

	/*  border radius */
	border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-webkit-border-radius: 7px;
	/*  end border radius */	
	
	position: relative;
	z-index: 2;	
	}
.neo-download-one-greenstyle-six span.style:before{/* ribbon */
	text-indent: 0;
	text-shadow: none;

	float: left;
	content: 'free';/* you can change content value */
	text-align: center;
	text-transform: uppercase;
	display: block;
	margin: -2px 0 0 -16px;
	padding: 1px 0 1px 0;
	font-size: 7px;
	letter-spacing: 1px;
	width: 50px;
	
	
	/* rotate */
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	/* end rotate */

	}
.neo-download-one-greenstyle-six:after{/* ribbon shadow */
	margin: -29px 0 0 -9px;
	width: 49px;
	height: 4px;
	float: left;
	clear: both;
	content: '';
	
	/* rotate */
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	/* end rotate */
	
	position: relative;
	z-index: 1;

	/* border radius */
	border-radius: 0 2px 0 2px;
	-webkit-border-radius: 0 2px 0 2px;
	-moz-border-radius: 0 2px 0 2px;
	-ms-border-radius: 0 2px 0 2px;
	/* end border radius */
	}
.neo-download-one-greenstyle-six span.arrow{display:none;
	}
/* End Framework */
/* Set color */
.neo-download-one-greenstyle-six span.style{
	border: 1px solid #2FCF26;
	
	/* background and gradient  */
	background: #7CEF68;
	background: linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -ms-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -moz-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -o-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -webkit-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #7CEF68),
		color-stop(50%, #77EF3B),
		color-stop(100%, #43AF20));
	/* end background and gradient  */

	/* text shadow */
	text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-moz-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-ms-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-webkit-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	/* end text shadow */

	}
.neo-download-one-greenstyle-six span.style:before{/* ribbon */	
	/* box shadow */
	box-shadow: 0 1px 2px #82BF77 ;
	-moz-box-shadow: 0 1px 2px #82BF77 ;
	-webkit-box-shadow: 0 1px 2px #82BF77 ;
	-ms-box-shadow: 0 1px 2px #82BF77 ;
	/* end box shadow */

	/* background and gradient */
	background: #8F98FF;
	background: linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	background: -moz-linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	background: -webkit-linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, #1928CF),
		color-stop(50%, #8F98FF),
		color-stop(100%, #1928CF));
	background: -o-linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	background: -ms-linear-gradient(
		left,
		#1928CF 0%,
		#8F98FF 50%,
		#1928CF 100%);
	/* end background and gradient */
	}
.neo-download-one-greenstyle-six:after{/* ribbon shadow */
	background: #000A7F;
	}
.neo-download-one-greenstyle-six:active span.style,
.neo-download-one-greenstyle-six:hover span.style{

	/* text shadow */
	text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-moz-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-webkit-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-ms-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	/* end text shadow */

	/* background and gradient  */
	background: #58c8fc;
	background: linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -ms-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -moz-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -o-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -webkit-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #E1FFDF),
		color-stop(35%, #77EF3B),
		color-stop(100%, #43AF20));
		/* end background and gradient  */

}
/* End Set Color */
</style>
<a class='neo-download-one-greenstyle-six' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'> </span>
</a>
<!-- start -->
<a class='neo-download-one small greenstyle noribbon' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'>&nbsp;</span>
</a>
<!-- End -->
			
<style>
/*
Project Name : Neo CSS Download Button One(min greenstyle seven)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Inspirated by : sorry I am forgot, if you know please tell me!
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

Copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain
				
*/
/* Framework */
.neo-download-one-greenstyle-seven{
	text-transform: capitalize;
	font: bold 20px arial, helvetica, sans-serif;
	float: left;
	padding: 2px 2px 0 2px;
	overflow: hidden;	
	}
.neo-download-one-greenstyle-seven:link,
.neo-download-one-greenstyle-seven:visited{
	text-decoration: none;
	color: #fff;
	}
.neo-download-one-greenstyle-seven:focus{
	outline: none;
	}
.neo-download-one-greenstyle-seven span.style{

	/* text-indent: -14px; bug on opera */
	/* float: left; */
	text-align: left;
	padding: 8px 30px 8px 0;/* min : padding-top & bottom 15px */
	display: block;
	
	padding-left:10px;
	text-indent:3%;

	/*  border radius */
	border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-webkit-border-radius: 7px;
	/*  end border radius */	
	
	position: relative;
	z-index: 2;	
	}
.neo-download-one-greenstyle-seven span.arrow{/* arrow wrap*/
	display: block;
	float: right;
	width: 0;
	height: 0;
	clear: both;
	margin: -30px 20px 0 0;
	/* display:none; if you remove arrow delete this comment */
	
	}
.neo-download-one-greenstyle-seven span.arrow:before{ /* arrow */
	content: '';
	clear: both;
	display: block;

	width: 10px;
	height: 10px;
	
	/* border radius */
	border-radius: 1px 1px 0 0;
	-webkit-border-radius: 1px 1px 0 0;
	-ms-border-radius: 1px 1px 0 0;
	webkit-border-radius: 1px 1px 0 0;
	/* end border radius */
	
	/* border radius */
	border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-ms-border-radius: 2px 2px 0 0;
	webkit-border-radius: 2px 2px 0 0;
	/* end border radius */
	
	position: relative;
	z-index: 3;
	
	


	

	}
.neo-download-one-greenstyle-seven span.arrow:after{/* arrow triangel */
	position: relative;
	z-index: 2;	
	content: '';
	width: 0;
	height: 0;
	float: left;
	border-style: solid;
	border-width: 9px 9px 9px 9px;
	margin: -25px 0 0 -4px;
	}
.neo-download-one-greenstyle-seven:focus span.arrow{/* arrow active and focus */
	margin-top: -27px;
	}
/* End Framework */
/* Set color */
.neo-download-one-greenstyle-seven span.style{
	border: 1px solid #2FCF26;
	
	/* background and gradient  */
	background: #7CEF68;
	background: linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -ms-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -moz-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -o-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -webkit-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #7CEF68),
		color-stop(50%, #77EF3B),
		color-stop(100%, #43AF20));
	/* end background and gradient  */

	/* text shadow */
	text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-moz-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-ms-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-webkit-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	/* end text shadow */

	}
.neo-download-one-greenstyle-seven span.arrow:before{/* arrow */
	background: #fff;
	
	/* box shadow */
	box-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-webkit-box-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-moz-box-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-ms-box-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	/* end box shadow */
	}
.neo-download-one-greenstyle-seven span.arrow:after{/* triangel */
	
	/* box shadow */
	box-shadow: 0 -1px 0 #3D8F23;
	-webkit-box-shadow: 0 -1px 0 #3D8F23;
	-moz-box-shadow: 0 -1px 0 #3D8F23;
	-ms-box-shadow: 0 -1px 0 #3D8F23;
	/* end box shadow */
	border-color: #fff transparent transparent;
	
	}
.neo-download-one-greenstyle-seven:active span.style,
.neo-download-one-greenstyle-seven:hover span.style{

	/* text shadow */
	text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-moz-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-webkit-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-ms-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	/* end text shadow */

	/* background and gradient  */
	background: #58c8fc;
	background: linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -ms-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -moz-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -o-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -webkit-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #E1FFDF),
		color-stop(35%, #77EF3B),
		color-stop(100%, #43AF20));
		/* end background and gradient  */

}
/* End Set Color */
</style>
<a class='neo-download-one-greenstyle-seven' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'> </span>
</a>
<!-- start -->
<a class='neo-download-one small greenstyle noribbon noarrow' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'>&nbsp;</span>
</a>
<!-- End -->
			
<style>
/*
Project Name : Neo CSS Download Button One(min greenstyle eight)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Released for : Hongkiat dot com > http://www.hongkiat.com
Inspirated by : sorry I am forgot, if you know please tell me!
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

Copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain			
*/
/* Framework */
.neo-download-one-greenstyle-eight{
	text-transform: capitalize;
	font: bold 20px arial, helvetica, sans-serif;
	float: left;
	padding: 2px 2px 0 2px;
	overflow: hidden;	
	}
.neo-download-one-greenstyle-eight:link,
.neo-download-one-greenstyle-eight:visited{
	text-decoration: none;
	color: #fff;
	}
.neo-download-one-greenstyle-eight:focus{
	outline: none;
	}
.neo-download-one-greenstyle-eight span.style{

	/* text-indent: -14px; bug on opera */
	/* float: left; */
	text-align: left;
	padding: 8px 30px 8px 0;/* min : padding-top & bottom 15px */
	display: block;
	
	padding-left:10px;
	text-indent:3%;

	/*  border radius */
	border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-webkit-border-radius: 7px;
	/*  end border radius */	
	
	position: relative;
	z-index: 2;	
	}
.neo-download-one-greenstyle-eight span.arrow{/* arrow wrap*/
	display: block;
	float: right;
	width: 0;
	height: 0;
	clear: both;
	margin: -30px 20px 0 0;
	/* display:none; if you remove arrow delete this comment */
	
	}
/* End Framework */
/* Set color */
.neo-download-one-greenstyle-eight span.style{
	border: 1px solid #2FCF26;
	
	/* background and gradient  */
	background: #7CEF68;
	background: linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -ms-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -moz-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -o-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -webkit-linear-gradient(
		top,
		#7CEF68 0%,
		#77EF3B 50%,
		#43AF20 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #7CEF68),
		color-stop(50%, #77EF3B),
		color-stop(100%, #43AF20));
	/* end background and gradient  */

	/* text shadow */
	text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-moz-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-ms-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	-webkit-text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	text-shadow: 0 -1px 0 #3D8F23, -1px 0 0 #3D8F23;
	/* end text shadow */

	}
.neo-download-one-greenstyle-eight:active span.style,
.neo-download-one-greenstyle-eight:hover span.style{

	/* text shadow */
	text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-moz-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-webkit-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	-ms-text-shadow: 0 1px 6px #AFEFA4, 0 -1px 6px #3D8F23, 1px 0 6px #AFEFA4;
	/* end text shadow */

	/* background and gradient  */
	background: #58c8fc;
	background: linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -ms-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -moz-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -o-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -webkit-linear-gradient(
		top,
		#E1FFDF 0%,
		#77EF3B 35%,
		#43AF20 100%);
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #E1FFDF),
		color-stop(35%, #77EF3B),
		color-stop(100%, #43AF20));
		/* end background and gradient  */

}
/* End Set Color */
</style>
<a class='neo-download-one-greenstyle-eight' href='#1'>
	<span class='style'>download</span>
	<span class='arrow'> </span>
</a>

Neo CSS Download Buttons Two

the css the html preview/result
/* start */
/*

Project Name : Neo CSS Download Button Two(black)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
Inspirated by : http://www.designrshub.com/2011/11/35-free-vector-download-button-psd-for.html
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain

Changelog
v1.0 2012-01-06 (Release)
v1.1 2012-03-10
	* Edit core
	
How to Usage?
Add this style, and using tag A than set the value of atribut class;
	For sample;
		one : <a class='neo-download-two-black' href='#1'>download</a>
		two : <a class='neo-download-two-black style-two' href='#1'>download</a>
	
*/

/* Framework  */
.neo-download-two{
	outline:none;
	border:none;
	display:block;
	margin:0;
	overflow:hidden;
	text-decoration:none;
	padding:19px 15px 17px;
	text-align:center;
	text-transform:uppercase;
	font:normal bold 18px/17px Helvetica, Arial, sans-serif;
	display:block;
	float:left;
	
	/* border-radius */	
	-ms-border-radius:55px;		
	-webkit-border-radius:55px;
	-moz-border-radius:55px;
	border-radius:55px;
	/* End border-radius */

	}
.neo-download-two:before,/* line 1px top */
.neo-download-two:after{/* line 1px bottom */
	position:relative;
	content:'';
	height:1px;
	display:block;
	margin:0 auto;
	}
.neo-download-two:before{/* line 1px top */
	width:90%;
	opacity:0.6;
	top:-19px;
}
.neo-download-two:after{/* line 1px bottom */
	opacity:0.2;
	top:17px;
	}
.neo-download-two:hover{
	cursor: pointer;
	}
.neo-download-two:hover:after{
	opacity:0.4;
	}	
.neo-download-two:hover:before{
	opacity:0.8;
	}
.neo-download-two:focus,
.neo-download-two:active{
	outline:none;
	position:relative;
	top:3px;
	}
.neo-download-two:focus:before,.neo-download-two:active:before
.neo-download-two:focus:after,
.neo-download-two:active:after{
	opacity:0.2;
	}

/* style-two */
.style-two{
	line-height:5px;
	font-size: 16px;

	/* border-radius */	
	border-radius:14px 14px 17px 17px;
	-webkit-border-radius:14px 14px 17px 17px;
	-moz-border-radius:14px 14px 17px 17px;
	-ms-border-radius:14px 14px 17px 17px;
	/* End border-radius */
	
	padding:0 17px 19px 17px;	

}
.style-two:before{/* rounded top */
	top:0;
	width:116%;
	left:-8%;
	padding:8px 0;
	
	border-radius:7px 7px 13px 13px;
	-moz-border-radius:7px 7px 13px 13px;
	-webkit-border-radius:7px 7px 13px 13px;
	-ms-border-radius:7px 7px 13px 13px;
	
	background:rgba(255, 255, 255, 0.8)!important;
	background: radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -moz-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -webkit-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -o-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
}
.style-two:after{/* line 1px bottom */
	top:19px;
	}
/* End style-two */
/* End Framework  */

/* Set Color */
.colorblack{
	color:#D1D9DF;
	
	/* text shadow */	
	text-shadow: 0 1px 0 #080C0F,
		0 2px 1px #080C0F;
	-moz-text-shadow: 0 1px 0 #080C0F,
		0 2px 1px #080C0F;
	-webkit-text-shadow: 0 1px 0 #080C0F,
		0 2px 1px #080C0F;
	-ms-text-shadow: 0 1px 0 #080C0F,
		0 2px 1px #080C0F;
	/* End text shadow */
	
	/* background and gradient */
	background:#273648;
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#8B959F 0%,
		#303F4F 70%,
		#213143 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#8B959F 0%,
		#303F4F 70%,
		#213143 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#8B959F 0%,
		#303F4F 70%,
		#213143 100%);
	background: radial-gradient(
		50% -10%,
		ellipse,
		#8B959F 0%,
		#303F4F 70%,
		#213143 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#8B959F 0%,
		#303F4F 70%,
		#213143 100%);		
	background-image: -webkit-gradient(radial,/* Old webkit */
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #8B959F),
		color-stop(20%, #303F4F),
		color-stop(100%, #213143)
		);
	/* End background and gradient */		
	
	/* box shadow */	
	box-shadow:
		0 -1px 1px rgba(18, 27, 37, 0.4), /* #121B25 and opacity 40% */
		0 1px 0 #121B25,
		0 2px 0 #121B25,
		0 3px 0 #121B25,
		0 4px 0 #121B25,
		0 5px 0 #121B25,
		0 6px 0 #080C0F,
		0 6px 2px #121B25,
		0 6px 8px #121B25;
	-moz-box-shadow:
		0 -1px 1px rgba(18, 27, 37, 0.4), /* #121B25 and opacity 40% */
		0 1px 0 #121B25,
		0 2px 0 #121B25,
		0 3px 0 #121B25,
		0 4px 0 #121B25,
		0 5px 0 #121B25,
		0 6px 0 #080C0F,
		0 6px 2px #121B25,
		0 6px 8px #121B25;
	-webkit-box-shadow:
		0 -1px 1px rgba(18, 27, 37, 0.4), /* #121B25 and opacity 40% */
		0 1px 0 #121B25,
		0 2px 0 #121B25,
		0 3px 0 #121B25,
		0 4px 0 #121B25,
		0 5px 0 #121B25,
		0 6px 0 #080C0F,
		0 6px 2px #121B25,
		0 6px 8px #121B25;
	/* End box shadow */
	}
.colorblack:before{/* line 1px top */
	/* background and gradient */
	background:#656E79;
	background: linear-gradient(left,
		transparent 0%,
		#8B959F 20%,
		#DFDFDF 50%,
		#8B959F 80%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#8B959F 20%,
		#DFDFDF 50%,
		#8B959F 80%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#8B959F 20%,
		#DFDFDF 50%,
		#8B959F 80%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#8B959F 20%,
		#DFDFDF 50%,
		#8B959F 80%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#8B959F 20%,
		#DFDFDF 50%,
		#8B959F 80%,
		transparent 100%);
	background:-webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #8B959F),
		color-stop(50%, #DFDFDF),
		color-stop(60%, #8B959F),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.colorblack:after{/* line 1px bottom */
	/* background and gradient */
	background:#656E79;
	background: linear-gradient(left,
		transparent 0%,
		#8B959F 30%,
		#B3B9BF 50%,
		#8B959F 70%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#8B959F 20%,
		#B3B9BF 50%,
		#8B959F 80%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#8B959F 20%,
		#B3B9BF 50%,
		#8B959F 80%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#8B959F 20%,
		#B3B9BF 50%,
		#8B959F 80%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#8B959F 20%,
		#B3B9BF 50%,
		#8B959F 80%,
		transparent 100%);
	background:-webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #8B959F),
		color-stop(50%, #B3B9BF),
		color-stop(60%, #8B959F),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.colorblack:hover{
	/* background and gradient */
	background:#273648;
	background: radial-gradient(
		50% -10%,
		ellipse,
		#CFCFCF 0%,
		#303F4F 70%,
		#0A151F 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#CFCFCF 0%,
		#303F4F 70%,
		#0A151F 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#CFCFCF 0%,
		#303F4F 70%,
		#0A151F 100%);
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#CFCFCF 0%,
		#303F4F 70%,
		#0A151F 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#CFCFCF 0%,
		#303F4F 70%,
		#0A151F 100%);		
	background-image: -webkit-gradient(radial,
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #CFCFCF),
		color-stop(20%, #303F4F),
		color-stop(100%, #0A151F)
		);
	/* End background and gradient */
	}
.colorblack:focus,
.colorblack:active{	
	/* text shadow */
	text-shadow: 0 -1px 0 #080C0F,
		-1px 0 0 #080C0F;
	-moz-text-shadow: 0 -1px 0 #080C0F,
		-1px 0 0 #080C0F;
	-ms-text-shadow: 0 -1px 0 #080C0F,
		-1px 0 0 #080C0F;
	-webkit-text-shadow: 0 -1px 0 #080C0F,
		-1px 0 0 #080C0F;
	/* End text shadow */
	
	/* background and gradient */
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#8B959F 0%,
		#303F4F 70%,
		#1F2C3D 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#8B959F 0%,
		#303F4F 70%,
		#1F2C3D 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#8B959F 0%,
		#303F4F 70%,
		#1F2C3D 100%);
	background: radial-gradient(
		50% -10%,
		ellipse,
		#8B959F 0%,
		#303F4F 70%,
		#1F2C3D 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#8B959F 0%,
		#303F4F 70%,
		#1F2C3D 100%);		
	background-image: -webkit-gradient(radial,
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #8B959F),
		color-stop(20%, #303F4F),
		color-stop(100%, #1F2C3D)
		);
	/* End background and gradient */
	/* box shadow */
	box-shadow:
		0 -1px 1px rgba(18, 27, 37, 0.4), /* #121B25 and opacity 40% */
		0 1px 0 #121B25,
		0 2px 0 #121B25,
		0 3px 0 #080C0F,
		0 3px 2px #121B25,
		0 3px 8px #121B25;
	-moz-box-shadow:
		0 -1px 1px rgba(18, 27, 37, 0.4), /* #121B25 and opacity 40% */
		0 1px 0 #121B25,
		0 2px 0 #121B25,
		0 3px 0 #080C0F,
		0 3px 2px #121B25,
		0 3px 8px #121B25;
	-webkit-box-shadow:
		0 -1px 1px rgba(18, 27, 37, 0.4), /* #121B25 and opacity 40% */
		0 1px 0 #121B25,
		0 2px 0 #121B25,
		0 3px 0 #080C0F,
		0 3px 2px #121B25,
		0 3px 8px #121B25;	
	-ms-box-shadow:
		0 -1px 1px rgba(18, 27, 37, 0.4), /* #121B25 and opacity 40% */
		0 1px 0 #121B25,
		0 2px 0 #121B25,
		0 3px 0 #080C0F,
		0 3px 2px #121B25,
		0 3px 8px #121B25;	
	/* End box shadow */	
	}
/* End Set Color */
/* End */
			
<!-- start -->
<a class='neo-download-two colorblack' href='#1'>download</a>
<!-- End -->
					
<!-- start -->
<a class='neo-download-two style-two colorblack' href='#1'>download</a>
<!-- End -->
					
/* start */
/*

Project Name : Neo CSS Download Button Two(black-two)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
Inspirated by : http://www.designrshub.com/2011/11/35-free-vector-download-button-psd-for.html
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain

Changelog
v1.0 2012-01-06 (Release)
v1.1 2012-03-10
	* Edit core
	
How to Usage?
Add this style, and using tag A than set the value of atribut class;
	For sample;
		one : <a class='neo-download-two-black-two' href='#1'>download</a>
		two : <a class='neo-download-two-black-two style-two' href='#1'>download</a>
	
*/

/* Framework */
.neo-download-two-black-two{
	outline:none;
	border:none;
	display:block;
	margin:0;
	overflow:hidden;
	text-decoration:none;
	padding:19px 15px 17px;
	text-align:center;
	text-transform:uppercase;
	font:normal bold 18px/17px Helvetica, Arial, sans-serif;
	float:left;
	
	/* border-radius */	
	-ms-border-radius:55px;		
	-webkit-border-radius:55px;
	-moz-border-radius:55px;
	border-radius:55px;
	/* End border-radius */

	}
.neo-download-two-black-two:before,/* line 1px top */
.neo-download-two-black-two:after{/* line 1px bottom */
	position:relative;
	content:'';
	height:1px;
	display:block;
	margin:0 auto;
	}
.neo-download-two-black-two:before{/* line 1px top */
	width:90%;
	opacity:0.6;
	top:-19px;
}
.neo-download-two-black-two:after{/* line 1px bottom */
	opacity:0.2;
	top:17px;
	}
.neo-download-two-black-two:hover{
	cursor: pointer;
	}
.neo-download-two-black-two:hover:after{
	opacity:0.4;
	}	
.neo-download-two-black-two:hover:before{
	opacity:0.8;
	}
.neo-download-two-black-two:focus,
.neo-download-two-black-two:active{
	outline:none;
	position:relative;
	top:2px;
	}
.neo-download-two-black-two:focus:before,
.neo-download-two-black-two:active:before
.neo-download-two-black-two:focus:after,
.neo-download-two-black-two:active:after{
	opacity:0.2;
	}

/* style-two */
.style-two{
	line-height:5px;
	font-size: 16px;

	/* border-radius */	
	border-radius:14px 14px 17px 17px;
	-webkit-border-radius:14px 14px 17px 17px;
	-moz-border-radius:14px 14px 17px 17px;
	-ms-border-radius:14px 14px 17px 17px;
	/* End border-radius */
	
	padding:0 17px 19px 17px;	

}
.style-two:before{/* rounded top */
	top:0;
	width:116%;
	left:-8%;
	padding:8px 0;
	
	border-radius:7px 7px 13px 13px;
	-moz-border-radius:7px 7px 13px 13px;
	-webkit-border-radius:7px 7px 13px 13px;
	-ms-border-radius:7px 7px 13px 13px;
	
	background:rgba(255, 255, 255, 0.8)!important;
	background: radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -moz-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -webkit-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -o-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
}
.style-two:after{/* line 1px bottom */
	top:19px;
	}
/* End style-two */

/* End Framework */

/* Set Color */
.neo-download-two-black-two{
	color:#D1D9DF;
	
	/* text shadow */	
	text-shadow:0 2px 1px #080C0F;
	-moz-text-shadow:0 2px 1px #080C0F;
	-webkit-text-shadow:0 2px 1px #080C0F;
	-ms-text-shadow:0 2px 1px #080C0F;
	/* End text shadow */
	
	/* background and gradient */
	background:#4E4E4E;
	background: radial-gradient(
		50% -10%,
		ellipse,
		#DFDFDF 0%,
		#4E4E4E 70%,
		#3F3F3F 100%);
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#DFDFDF 0%,
		#4E4E4E 70%,
		#3F3F3F 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#DFDFDF 0%,
		#4E4E4E 70%,
		#3F3F3F 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#DFDFDF 0%,
		#4E4E4E 70%,
		#3F3F3F 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#DFDFDF 0%,
		#4E4E4E 70%,
		#3F3F3F 100%);
	background-image: -webkit-gradient(radial,/* Old webkit */
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #DFDFDF),
		color-stop(20%, #4E4E4E),
		color-stop(100%, #3F3F3F)
		);
	/* End background and gradient */		
	
	/* box shadow */	
	box-shadow:
		0 -1px 1px rgba(31, 31, 31, 0.4), /* #1F1F1F and opacity 40% */
		0 1px 0 #1F1F1F,
		0 2px 0 #1F1F1F,
		0 3px 0 #1F1F1F,
		0 4px 0 #1F1F1F,
		0 5px 0 #080C0F,
		0 5px 2px #1F1F1F,
		0 5px 6px #1F1F1F;
	-moz-box-shadow:
		0 -1px 1px rgba(31, 31, 31, 0.4), /* #1F1F1F and opacity 40% */
		0 1px 0 #1F1F1F,
		0 2px 0 #1F1F1F,
		0 3px 0 #1F1F1F,
		0 4px 0 #1F1F1F,
		0 5px 0 #080C0F,
		0 5px 2px #1F1F1F,
		0 5px 6px #1F1F1F;
	-webkit-box-shadow:
		0 -1px 1px rgba(31, 31, 31, 0.4), /* #1F1F1F and opacity 40% */
		0 1px 0 #1F1F1F,
		0 2px 0 #1F1F1F,
		0 3px 0 #1F1F1F,
		0 4px 0 #1F1F1F,
		0 5px 0 #080C0F,
		0 5px 2px #1F1F1F,
		0 5px 6px #1F1F1F;
	-o-box-shadow:
		0 -1px 1px rgba(31, 31, 31, 0.4), /* #1F1F1F and opacity 40% */
		0 1px 0 #1F1F1F,
		0 2px 0 #1F1F1F,
		0 3px 0 #1F1F1F,
		0 4px 0 #1F1F1F,
		0 5px 0 #080C0F,
		0 5px 2px #1F1F1F,
		0 5px 6px #1F1F1F;
	-ms-box-shadow:
		0 -1px 1px rgba(31, 31, 31, 0.4), /* #1F1F1F and opacity 40% */
		0 1px 0 #1F1F1F,
		0 2px 0 #1F1F1F,
		0 3px 0 #1F1F1F,
		0 4px 0 #1F1F1F,
		0 5px 0 #080C0F,
		0 5px 2px #1F1F1F,
		0 5px 6px #1F1F1F;
	/* End box shadow */
	}
.neo-download-two-black-two:before{/* line 1px top */
	/* background and gradient */
	background:#8F8F8F;/*c1*/
	background: linear-gradient(left,
		transparent 0%,
		#AFAFAF 20%,
		#DFDFDF 50%,
		#AFAFAF 80%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#AFAFAF 20%,
		#DFDFDF 50%,
		#AFAFAF 80%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#AFAFAF 20%,
		#DFDFDF 50%,
		#AFAFAF 80%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#AFAFAF 20%,
		#DFDFDF 50%,
		#AFAFAF 80%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#AFAFAF 20%,
		#DFDFDF 50%,
		#AFAFAF 80%,
		transparent 100%);
	background:-webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #AFAFAF),
		color-stop(50%, #DFDFDF),
		color-stop(60%, #AFAFAF),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.neo-download-two-black-two:after{/* line 1px bottom */
	/* background and gradient */
	background:#AFAFAF;
	background: linear-gradient(left,
		transparent 0%,
		#AFAFAF 30%,
		#CFCFCF 50%,
		#AFAFAF 70%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#AFAFAF 30%,
		#CFCFCF 50%,
		#AFAFAF 70%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#AFAFAF 30%,
		#CFCFCF 50%,
		#AFAFAF 70%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#AFAFAF 30%,
		#CFCFCF 50%,
		#AFAFAF 70%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#AFAFAF 30%,
		#CFCFCF 50%,
		#AFAFAF 70%,
		transparent 100%);
	background:-webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #AFAFAF),
		color-stop(50%, #CFCFCF),
		color-stop(60%, #AFAFAF),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.neo-download-two-black-two:hover{
	/* background and gradient */
	background:#3F3F3F;
	background: radial-gradient(
		50% -10%,
		ellipse,
		#AFAFAF 0%,
		#3F3F3F 70%,
		#2F2F2F 100%);		
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#AFAFAF 0%,
		#3F3F3F 70%,
		#2F2F2F 100%);		
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#AFAFAF 0%,
		#3F3F3F 70%,
		#2F2F2F 100%);		
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#AFAFAF 0%,
		#3F3F3F 70%,
		#2F2F2F 100%);		
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#AFAFAF 0%,
		#3F3F3F 70%,
		#2F2F2F 100%);		
	background-image: -webkit-gradient(radial,
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #AFAFAF),
		color-stop(20%, #3F3F3F),
		color-stop(100%, #2F2F2F)
		);
	/* End background and gradient */
	}
.neo-download-two-black-two:focus,
.neo-download-two-black-two:active{	
	/* text shadow */
	text-shadow: -1px -1px 0 #080C0F;
	-moz-text-shadow: -1px -1px 0 #080C0F;
	-webkit-text-shadow: -1px -1px 0 #080C0F;
	-ms-text-shadow: -1px -1px 0 #080C0F;
	/* End text shadow */

	/* box shadow */	
	box-shadow:
		0 -1px 1px rgba(31, 31, 31, 0.4), /* #1F1F1F and opacity 40% */
		0 1px 0 #1F1F1F,
		0 2px 0 #1F1F1F,
		0 3px 0 #080C0F,
		0 3px 2px #1F1F1F,
		0 3px 6px #1F1F1F;
	-moz-box-shadow:
		0 -1px 1px rgba(31, 31, 31, 0.4), /* #1F1F1F and opacity 40% */
		0 1px 0 #1F1F1F,
		0 2px 0 #1F1F1F,
		0 3px 0 #080C0F,
		0 3px 2px #1F1F1F,
		0 3px 6px #1F1F1F;
	-webkit-box-shadow:
		0 -1px 1px rgba(31, 31, 31, 0.4), /* #1F1F1F and opacity 40% */
		0 1px 0 #1F1F1F,
		0 2px 0 #1F1F1F,
		0 3px 0 #080C0F,
		0 3px 2px #1F1F1F,
		0 3px 6px #1F1F1F;
	-ms-box-shadow:
		0 -1px 1px rgba(31, 31, 31, 0.4), /* #1F1F1F and opacity 40% */
		0 1px 0 #1F1F1F,
		0 2px 0 #1F1F1F,
		0 3px 0 #080C0F,
		0 3px 2px #1F1F1F,
		0 3px 6px #1F1F1F;
	/* End box shadow */
	}
/* End Set Color */
/* End */
			
<!-- start -->
<a class='neo-download-two-black-two' href='#1'>download</a>
<!-- End -->
					
<!-- start -->
<a class='neo-download-two-black-two style-two' href='#1'>download</a>
<!-- End -->
					
/* start */
/*

Project Name : Neo CSS Download Button Two(blue)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
Inspirated by : http://www.designrshub.com/2011/11/35-free-vector-download-button-psd-for.html
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain

Changelog
v1.0 2012-01-06 (Release)
v1.1 2012-03-10
	* Edit core
	
How to Usage?
Add this style, and using tag A than set the value of atribut class;
	For sample;
		one : <a class='neo-download-two-blue' href='#1'>download</a>
		two : <a class='neo-download-two-blue style-two' href='#1'>download</a>
	
*/

/* Framework */
.neo-download-two-blue{
	outline:none;
	border:none;
	display:block;
	margin:0;
	overflow:hidden;
	text-decoration:none;
	padding:19px 15px 17px;
	text-align:center;
	text-transform:uppercase;
	font:normal bold 18px/17px Helvetica, Arial, sans-serif;
	display:block;
	float:left;
	
	/* border-radius */	
	-ms-border-radius:55px;		
	-webkit-border-radius:55px;
	-moz-border-radius:55px;
	border-radius:55px;
	/* End border-radius */

	}
.neo-download-two-blue:before,/* line 1px top */
.neo-download-two-blue:after{/* line 1px bottom */
	position:relative;
	content:'';
	height:1px;
	display:block;
	margin:0 auto;
	}
.neo-download-two-blue:before{/* line 1px top */
	width:90%;
	opacity:0.6;
	top:-19px;
}
.neo-download-two-blue:after{/* line 1px bottom */
	opacity:0.2;
	top:17px;
	}
.neo-download-two-blue:hover{
	cursor: pointer;
	}
.neo-download-two-blue:hover:after{
	opacity:0.4;
	}	
.neo-download-two-blue:hover:before{
	opacity:0.8;
	}
.neo-download-two-blue:focus,
.neo-download-two-blue:active{
	outline:none;
	position:relative;
	top:3px;
	}
.neo-download-two-blue:focus:before,
.neo-download-two-blue:active:before
.neo-download-two-blue:focus:after,
.neo-download-two-blue:active:after{
	opacity:0.2;
	}

/* style-two */
.style-two{
	line-height:5px;
	font-size: 16px;

	/* border-radius */	
	border-radius:14px 14px 17px 17px;
	-webkit-border-radius:14px 14px 17px 17px;
	-moz-border-radius:14px 14px 17px 17px;
	-ms-border-radius:14px 14px 17px 17px;
	/* End border-radius */
	
	padding:0 17px 19px 17px;	

}
.style-two:before{/* rounded top */
	top:0;
	width:116%;
	left:-8%;
	padding:8px 0;
	
	border-radius:7px 7px 13px 13px;
	-moz-border-radius:7px 7px 13px 13px;
	-webkit-border-radius:7px 7px 13px 13px;
	-ms-border-radius:7px 7px 13px 13px;
	
	background:rgba(255, 255, 255, 0.8)!important;
	background: radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -moz-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -webkit-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -o-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
}
.style-two:after{/* line 1px bottom */
	top:19px;
	}
/* End style-two */

/* End Framework */

/* Set Color */
.neo-download-two-blue{
	color:#D4D1EF;
	
	/* text shadow */	
	text-shadow: 0 1px 0 #01006F,
		0 2px 1px #01006F;
	-moz-text-shadow: 0 1px 0 #01006F,
		0 2px 1px #01006F;
	-webkit-text-shadow: 0 1px 0 #01006F,
		0 2px 1px #01006F;
	-ms-text-shadow: 0 1px 0 #01006F,
		0 2px 1px #01006F;
	/* End text shadow */
	
	/* background and gradient */
	background:#413FFF;
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#BFC4FF 0%,
		#4433CF 70%,
		#1715AF 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#BFC4FF 0%,
		#4433CF 70%,
		#1715AF 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#BFC4FF 0%,
		#4433CF 70%,
		#1715AF 100%);
	background: radial-gradient(
		50% -10%,
		ellipse,
		#BFC4FF 0%,
		#4433CF 70%,
		#1715AF 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#BFC4FF 0%,
		#4433CF 70%,
		#1715AF 100%);		
	background-image: -webkit-gradient(radial,/* Old webkit */
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #BFC4FF),
		color-stop(20%, #4433CF),
		color-stop(100%, #1715AF)
		);
	/* End background and gradient */		
	
	/* box shadow */	
	box-shadow:
		0 -1px 1px rgba(2, 0, 159, 0.4), /* #02009F and opacity 40% */
		0 1px 0 #02009F,
		0 2px 0 #02009F,
		0 3px 0 #02009F,
		0 4px 0 #02009F,
		0 5px 0 #02009F,
		0 6px 0 #01006F,
		0 6px 2px #02009F,
		0 6px 8px #02009F;
	-moz-box-shadow:
		0 -1px 1px rgba(2, 0, 159, 0.4), /* #02009F and opacity 40% */
		0 1px 0 #02009F,
		0 2px 0 #02009F,
		0 3px 0 #02009F,
		0 4px 0 #02009F,
		0 5px 0 #02009F,
		0 6px 0 #01006F,
		0 6px 2px #02009F,
		0 6px 8px #02009F;
	-webkit-box-shadow:
		0 -1px 1px rgba(2, 0, 159, 0.4), /* #02009F and opacity 40% */
		0 1px 0 #02009F,
		0 2px 0 #02009F,
		0 3px 0 #02009F,
		0 4px 0 #02009F,
		0 5px 0 #02009F,
		0 6px 0 #01006F,
		0 6px 2px #02009F,
		0 6px 8px #02009F;
	/* End box shadow */
	}
.neo-download-two-blue:before{
	background:#716FFF;
	background: linear-gradient(left,
		transparent 0%,
		#BFC4FF 20%,
		#CFD3FF 50%,
		#BFC4FF 80%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#BFC4FF 20%,
		#CFD3FF 50%,
		#BFC4FF 80%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#BFC4FF 20%,
		#CFD3FF 50%,
		#BFC4FF 80%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#BFC4FF 20%,
		#CFD3FF 50%,
		#BFC4FF 80%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#BFC4FF 20%,
		#CFD3FF 50%,
		#BFC4FF 80%,
		transparent 100%);
	background:-webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #BFC4FF),
		color-stop(50%, #CFD3FF),
		color-stop(60%, #BFC4FF),
		color-stop(100%, transparent));
	/* End background and gradient */
}
.neo-download-two-blue:after{
	/* background and gradient */
	background:#716FFF;
	background: linear-gradient(left,
		transparent 0%,
		#BFC4FF 30%,
		#D0CFFF 50%,
		#BFC4FF 70%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#BFC4FF 20%,
		#D0CFFF 50%,
		#BFC4FF 80%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#BFC4FF 20%,
		#D0CFFF 50%,
		#BFC4FF 80%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#BFC4FF 20%,
		#D0CFFF 50%,
		#BFC4FF 80%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#BFC4FF 20%,
		#D0CFFF 50%,
		#BFC4FF 80%,
		transparent 100%);
	background:-webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #BFC4FF),
		color-stop(50%, #D0CFFF),
		color-stop(60%, #BFC4FF),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.neo-download-two-blue:hover{
	/* background and gradient */
	background:#413FFF;
	background: radial-gradient(
		50% -10%,
		ellipse,
		#BFC4FF 0%,
		#4433CF 70%,
		#02009F 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#BFC4FF 0%,
		#4433CF 70%,
		#02009F 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#BFC4FF 0%,
		#4433CF 70%,
		#02009F 100%);
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#BFC4FF 0%,
		#4433CF 70%,
		#02009F 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#BFC4FF 0%,
		#4433CF 70%,
		#02009F 100%);		
	background-image: -webkit-gradient(radial,
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #BFC4FF),
		color-stop(20%, #4433CF),
		color-stop(100%, #02009F)
		);
	/* End background and gradient */
	}
.neo-download-two-blue:focus,
.neo-download-two-blue:active{	
	/* text shadow */
	text-shadow: 0 -1px 0 #01006F,
		-1px 0 0 #01006F;
	-moz-text-shadow: 0 -1px 0 #01006F,
		-1px 0 0 #01006F;
	-ms-text-shadow: 0 -1px 0 #01006F,
		-1px 0 0 #01006F;
	-webkit-text-shadow: 0 -1px 0 #01006F,
		-1px 0 0 #01006F;
	/* End text shadow */
	
	/* background and gradient */
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#BFC4FF 0%,
		#4433CF 70%,
		#4E3BEF 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#BFC4FF 0%,
		#4433CF 70%,
		#4E3BEF 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#BFC4FF 0%,
		#4433CF 70%,
		#4E3BEF 100%);
	background: radial-gradient(
		50% -10%,
		ellipse,
		#BFC4FF 0%,
		#4433CF 70%,
		#4E3BEF 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#BFC4FF 0%,
		#4433CF 70%,
		#4E3BEF 100%);		
	background-image: -webkit-gradient(radial,
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #BFC4FF),
		color-stop(20%, #4433CF),
		color-stop(100%, #4E3BEF)
		);
	/* End background and gradient */

	/* box shadow */
	box-shadow:
		0 -1px 1px rgba(2, 0, 159, 0.4), /* #02009F and opacity 40% */
		0 1px 0 #02009F,
		0 2px 0 #02009F,
		0 3px 0 #01006F,
		0 3px 2px #02009F,
		0 3px 8px #02009F;
	-moz-box-shadow:
		0 -1px 1px rgba(2, 0, 159, 0.4), /* #02009F and opacity 40% */
		0 1px 0 #02009F,
		0 2px 0 #02009F,
		0 3px 0 #01006F,
		0 3px 2px #02009F,
		0 3px 8px #02009F;
	-webkit-box-shadow:
		0 -1px 1px rgba(2, 0, 159, 0.4), /* #02009F and opacity 40% */
		0 1px 0 #02009F,
		0 2px 0 #02009F,
		0 3px 0 #01006F,
		0 3px 2px #02009F,
		0 3px 8px #02009F;	
	-ms-box-shadow:
		0 -1px 1px rgba(2, 0, 159, 0.4), /* #02009F and opacity 40% */
		0 1px 0 #02009F,
		0 2px 0 #02009F,
		0 3px 0 #01006F,
		0 3px 2px #02009F,
		0 3px 8px #02009F;	
	/* End box shadow */	
	}
/* End Set Color */
/* End */
			
<!-- start -->
<a class='neo-download-two-blue' href='#1'>download</a>
<!-- End -->
					
<!-- start -->
<a class='neo-download-two-blue style-two' href='#1'>download</a>
<!-- End -->
					
/* start */
/*

Project Name : Neo CSS Download Button Two(blue-two)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
Inspirated by : http://www.designrshub.com/2011/11/35-free-vector-download-button-psd-for.html
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain

Changelog
v1.0 2012-01-06 (Release)
v1.1 2012-03-10
	* Edit core
	
How to Usage?
Add this style, and using tag A than set the value of atribut class;
	For sample;
		one : <a class='neo-download-two-blue-two' href='#1'>download</a>
		two : <a class='neo-download-two-blue-two style-two' href='#1'>download</a>
	
*/

/* Framework */
.neo-download-two-blue-two{
	outline:none;
	border:none;
	display:block;
	margin:0;
	overflow:hidden;
	text-decoration:none;
	padding:19px 15px 17px;
	text-align:center;
	text-transform:uppercase;
	font:normal bold 18px/17px Helvetica, Arial, sans-serif;
	float:left;
	
	/* border-radius */	
	-ms-border-radius:55px;		
	-webkit-border-radius:55px;
	-moz-border-radius:55px;
	border-radius:55px;
	/* End border-radius */

	}
.neo-download-two-blue-two:before,/* line 1px top */
.neo-download-two-blue-two:after{/* line 1px bottom */
	position:relative;
	content:'';
	height:1px;
	display:block;
	margin:0 auto;
	}
.neo-download-two-blue-two:before{/* line 1px top */
	width:90%;
	opacity:0.6;
	top:-19px;
}
.neo-download-two-blue-two:after{/* line 1px bottom */
	opacity:0.2;
	top:17px;
	}
.neo-download-two-blue-two:hover{
	cursor: pointer;
	}
.neo-download-two-blue-two:hover:after{
	opacity:0.4;
	}	
.neo-download-two-blue-two:hover:before{
	opacity:0.8;
	}
.neo-download-two-blue-two:focus,
.neo-download-two-blue-two:active{
	outline:none;
	position:relative;
	top:3px;
	}
.neo-download-two-blue-two:focus:before,
.neo-download-two-blue-two:active:before
.neo-download-two-blue-two:focus:after,
.neo-download-two-blue-two:active:after{
	opacity:0.2;
	}
/* style-two */
.style-two{
	line-height:5px;
	font-size: 16px;

	/* border-radius */	
	border-radius:14px 14px 17px 17px;
	-webkit-border-radius:14px 14px 17px 17px;
	-moz-border-radius:14px 14px 17px 17px;
	-ms-border-radius:14px 14px 17px 17px;
	/* End border-radius */
	
	padding:0 17px 19px 17px;	

}
.style-two:before{/* rounded top */
	top:0;
	width:116%;
	left:-8%;
	padding:8px 0;
	
	border-radius:7px 7px 13px 13px;
	-moz-border-radius:7px 7px 13px 13px;
	-webkit-border-radius:7px 7px 13px 13px;
	-ms-border-radius:7px 7px 13px 13px;
	
	background:rgba(255, 255, 255, 0.8)!important;
	background: radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -moz-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -webkit-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -o-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
}
.style-two:after{/* line 1px bottom */
	top:19px;
	}
/* End style-two */

/* End Framework */

/* Set Color */
.neo-download-two-blue-two{
	color:#D1D9DF;
	
	/* text shadow */	
	text-shadow:0 2px 1px #00194F;
	-moz-text-shadow:0 2px 1px #00194F;
	-webkit-text-shadow:0 2px 1px #00194F;
	-ms-text-shadow:0 2px 1px #00194F;
	/* End text shadow */
	
	/* background and gradient */
	background:#476097;
	background: radial-gradient(
		50% -10%,
		ellipse,
		#D1DAEF 0%,
		#476097 70%,
		#35548F 100%);
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#D1DAEF 0%,
		#476097 70%,
		#35548F 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#D1DAEF 0%,
		#476097 70%,
		#35548F 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#D1DAEF 0%,
		#476097 70%,
		#35548F 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#D1DAEF 0%,
		#476097 70%,
		#35548F 100%);
	background-image: -webkit-gradient(radial,/* Old webkit */
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #D1DAEF),
		color-stop(20%, #476097),
		color-stop(100%, #35548F)
		);
	/* End background and gradient */		
	
	/* box shadow */	
	box-shadow:
		0 -1px 1px rgba(13, 44, 111, 0.4), /* #0D2C6F and opacity 40% */
		0 1px 0 #0D2C6F,
		0 2px 0 #0D2C6F,
		0 3px 0 #0D2C6F,
		0 4px 0 #0D2C6F,
		0 5px 0 #00194F,
		0 5px 2px #0D2C6F,
		0 5px 6px #0D2C6F;
	-moz-box-shadow:
		0 -1px 1px rgba(13, 44, 111, 0.4), /* #0D2C6F and opacity 40% */
		0 1px 0 #0D2C6F,
		0 2px 0 #0D2C6F,
		0 3px 0 #0D2C6F,
		0 4px 0 #0D2C6F,
		0 5px 0 #00194F,
		0 5px 2px #0D2C6F,
		0 5px 6px #0D2C6F;
	-webkit-box-shadow:
		0 -1px 1px rgba(13, 44, 111, 0.4), /* #0D2C6F and opacity 40% */
		0 1px 0 #0D2C6F,
		0 2px 0 #0D2C6F,
		0 3px 0 #0D2C6F,
		0 4px 0 #0D2C6F,
		0 5px 0 #00194F,
		0 5px 2px #0D2C6F,
		0 5px 6px #0D2C6F;
	-o-box-shadow:
		0 -1px 1px rgba(13, 44, 111, 0.4), /* #0D2C6F and opacity 40% */
		0 1px 0 #0D2C6F,
		0 2px 0 #0D2C6F,
		0 3px 0 #0D2C6F,
		0 4px 0 #0D2C6F,
		0 5px 0 #00194F,
		0 5px 2px #0D2C6F,
		0 5px 6px #0D2C6F;
	-ms-box-shadow:
		0 -1px 1px rgba(13, 44, 111, 0.4), /* #0D2C6F and opacity 40% */
		0 1px 0 #0D2C6F,
		0 2px 0 #0D2C6F,
		0 3px 0 #0D2C6F,
		0 4px 0 #0D2C6F,
		0 5px 0 #00194F,
		0 5px 2px #0D2C6F,
		0 5px 6px #0D2C6F;
	/* End box shadow */
	}
.neo-download-two-blue-two:before{/* line 1px top */
	/* background and gradient */
	background:#6D82AF;/*c1*/
	background: linear-gradient(left,
		transparent 0%,
		#8396BF 20%,
		#D1DAEF 50%,
		#8396BF 80%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#8396BF 20%,
		#D1DAEF 50%,
		#8396BF 80%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#8396BF 20%,
		#D1DAEF 50%,
		#8396BF 80%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#8396BF 20%,
		#D1DAEF 50%,
		#8396BF 80%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#8396BF 20%,
		#D1DAEF 50%,
		#8396BF 80%,
		transparent 100%);
	background:-webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #8396BF),
		color-stop(50%, #D1DAEF),
		color-stop(60%, #8396BF),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.neo-download-two-blue-two:after{/* line 1px bottom */
	/* background and gradient */
	background:#8396BF;
	background: linear-gradient(left,
		transparent 0%,
		#8396BF 30%,
		#A7B9DF 50%,
		#8396BF 70%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#8396BF 30%,
		#A7B9DF 50%,
		#8396BF 70%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#8396BF 30%,
		#A7B9DF 50%,
		#8396BF 70%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#8396BF 30%,
		#A7B9DF 50%,
		#8396BF 70%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#8396BF 30%,
		#A7B9DF 50%,
		#8396BF 70%,
		transparent 100%);
	background:-webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #8396BF),
		color-stop(50%, #A7B9DF),
		color-stop(60%, #8396BF),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.neo-download-two-blue-two:hover{
	/* background and gradient */
	background:#35548F;
	background: radial-gradient(
		50% -10%,
		ellipse,
		#8396BF 0%,
		#35548F 70%,
		#1F3E7F 100%);		
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#8396BF 0%,
		#35548F 70%,
		#1F3E7F 100%);		
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#8396BF 0%,
		#35548F 70%,
		#1F3E7F 100%);		
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#8396BF 0%,
		#35548F 70%,
		#1F3E7F 100%);		
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#8396BF 0%,
		#35548F 70%,
		#1F3E7F 100%);		
	background-image: -webkit-gradient(radial,
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #8396BF),
		color-stop(20%, #35548F),
		color-stop(100%, #1F3E7F)
		);
	/* End background and gradient */
	}
.neo-download-two-blue-two:focus,
.neo-download-two-blue-two:active{	
	/* text shadow */
	text-shadow: -1px -1px 0 #00194F;
	-moz-text-shadow: -1px -1px 0 #00194F;
	-webkit-text-shadow: -1px -1px 0 #00194F;
	-ms-text-shadow: -1px -1px 0 #00194F;
	/* End text shadow */

	/* box shadow */	
	box-shadow:
		0 -1px 1px rgba(13, 44, 111, 0.4), /* #0D2C6F and opacity 40% */
		0 1px 0 #0D2C6F,
		0 2px 0 #0D2C6F,
		0 3px 0 #00194F,
		0 3px 2px #0D2C6F,
		0 3px 6px #0D2C6F;
	-moz-box-shadow:
		0 -1px 1px rgba(13, 44, 111, 0.4), /* #0D2C6F and opacity 40% */
		0 1px 0 #0D2C6F,
		0 2px 0 #0D2C6F,
		0 3px 0 #00194F,
		0 3px 2px #0D2C6F,
		0 3px 6px #0D2C6F;
	-webkit-box-shadow:
		0 -1px 1px rgba(13, 44, 111, 0.4), /* #0D2C6F and opacity 40% */
		0 1px 0 #0D2C6F,
		0 2px 0 #0D2C6F,
		0 3px 0 #00194F,
		0 3px 2px #0D2C6F,
		0 3px 6px #0D2C6F;
	-ms-box-shadow:
		0 -1px 1px rgba(13, 44, 111, 0.4), /* #0D2C6F and opacity 40% */
		0 1px 0 #0D2C6F,
		0 2px 0 #0D2C6F,
		0 3px 0 #00194F,
		0 3px 2px #0D2C6F,
		0 3px 6px #0D2C6F;
	/* End box shadow */
	}
/* End Set Color */
/* End */
			
<!-- start -->
<a class='neo-download-two-blue-two' href='#1'>download</a>
<!-- End -->
					
<!-- start -->
<a class='neo-download-two-blue-two style-two' href='#1'>download</a>
<!-- End -->
					
/* start */
/*

Project Name : Neo CSS Download Button Two(cyan)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
Inspirated by : http://www.designrshub.com/2011/11/35-free-vector-download-button-psd-for.html
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain

Changelog
v1.0 2012-01-06 (Release)
v1.1 2012-03-10
	* Edit core
	
How to Usage?
Add this style, and using tag A than set the value of atribut class;
	For sample;
		one : <a class='neo-download-two-cyan' href='#1'>download</a>
		two : <a class='neo-download-two-cyan style-two' href='#1'>download</a>
	
*/

/* Framework */
.neo-download-two-cyan{
	outline:none;
	border:none;
	display:block;
	margin:0;
	overflow:hidden;
	text-decoration:none;
	padding:19px 15px 17px;
	text-align:center;
	text-transform:uppercase;
	font:normal bold 18px/17px Helvetica, Arial, sans-serif;
	float:left;
	
	/* border-radius */	
	-ms-border-radius:55px;		
	-webkit-border-radius:55px;
	-moz-border-radius:55px;
	border-radius:55px;
	/* End border-radius */

	}
.neo-download-two-cyan:before,/* line 1px top */
.neo-download-two-cyan:after{/* line 1px bottom */
	position:relative;
	content:'';
	height:1px;
	display:block;
	margin:0 auto;
	}
.neo-download-two-cyan:before{/* line 1px top */
	width:90%;
	opacity:0.6;
	top:-19px;
}
.neo-download-two-cyan:after{/* line 1px bottom */
	opacity:0.2;
	top:17px;
	}
.neo-download-two-cyan:hover{
	cursor: pointer;
	}
.neo-download-two-cyan:hover:after{
	opacity:0.4;
	}	
.neo-download-two-cyan:hover:before{
	opacity:0.8;
	}
.neo-download-two-cyan:focus,
.neo-download-two-cyan:active{
	outline:none;
	position:relative;
	top:3px;
	}
.neo-download-two-cyan:focus:before,
.neo-download-two-cyan:active:before
.neo-download-two-cyan:focus:after,
.neo-download-two-cyan:active:after{
	opacity:0.2;
	}

/* style-two */
.style-two{
	line-height:5px;
	font-size: 16px;

	/* border-radius */	
	border-radius:14px 14px 17px 17px;
	-webkit-border-radius:14px 14px 17px 17px;
	-moz-border-radius:14px 14px 17px 17px;
	-ms-border-radius:14px 14px 17px 17px;
	/* End border-radius */
	
	padding:0 17px 19px 17px;	

}
.style-two:before{/* rounded top */
	top:0;
	width:116%;
	left:-8%;
	padding:8px 0;
	
	border-radius:7px 7px 13px 13px;
	-moz-border-radius:7px 7px 13px 13px;
	-webkit-border-radius:7px 7px 13px 13px;
	-ms-border-radius:7px 7px 13px 13px;
	
	background:rgba(255, 255, 255, 0.8)!important;
	background: radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -moz-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -webkit-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -o-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
}
.style-two:after{/* line 1px bottom */
	top:19px;
	}
/* End style-two */
/* End Framework */

/* Set Color */
.neo-download-two-cyan{
	color:#D1EFEE;
	
	/* text shadow */	
	text-shadow: 0 1px 0 #006F62,
		0 2px 1px #006F62;
	-moz-text-shadow: 0 1px 0 #006F62,
		0 2px 1px #006F62;
	-webkit-text-shadow: 0 1px 0 #006F62,
		0 2px 1px #006F62;
	-ms-text-shadow: 0 1px 0 #006F62,
		0 2px 1px #006F62;
	/* End text shadow */
	
	/* background and gradient */
	background:#1FFFFB;
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#AFFFFD 0%,
		#37DFDC 70%,
		#15AFAC 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#AFFFFD 0%,
		#37DFDC 70%,
		#15AFAC 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#AFFFFD 0%,
		#37DFDC 70%,
		#15AFAC 100%);
	background: radial-gradient(
		50% -10%,
		ellipse,
		#AFFFFD 0%,
		#37DFDC 70%,
		#15AFAC 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#AFFFFD 0%,
		#37DFDC 70%,
		#15AFAC 100%);		
	background-image: -webkit-gradient(radial,/* old webkit */
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #AFFFFD),
		color-stop(20%, #37DFDC),
		color-stop(100%, #15AFAC)
		);
	/* End background and gradient */		
	
	/* box shadow */	
	box-shadow:
		0 -1px 1px rgba(0, 143, 140, 0.4), /* #008F8C and opacity 40% */
		0 1px 0 #008F8C,
		0 2px 0 #008F8C,
		0 3px 0 #008F8C,
		0 4px 0 #008F8C,
		0 5px 0 #008F8C,
		0 6px 0 #006F62,
		0 6px 2px #008F8C,
		0 6px 8px #008F8C;
	-moz-box-shadow:
		0 -1px 1px rgba(0, 143, 140, 0.4), /* #008F8C and opacity 40% */
		0 1px 0 #008F8C,
		0 2px 0 #008F8C,
		0 3px 0 #008F8C,
		0 4px 0 #008F8C,
		0 5px 0 #008F8C,
		0 6px 0 #006F62,
		0 6px 2px #008F8C,
		0 6px 8px #008F8C;
	-webkit-box-shadow:
		0 -1px 1px rgba(0, 143, 140, 0.4), /* #008F8C and opacity 40% */
		0 1px 0 #008F8C,
		0 2px 0 #008F8C,
		0 3px 0 #008F8C,
		0 4px 0 #008F8C,
		0 5px 0 #008F8C,
		0 6px 0 #006F62,
		0 6px 2px #008F8C,
		0 6px 8px #008F8C;
	/* End box shadow */
	}
.neo-download-two-cyan:before{
	background:#6FFFFC;
	background: linear-gradient(left,
		transparent 0%,
		#AFFFFD 20%,
		#CFFFFE 50%,
		#AFFFFD 80%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#AFFFFD 20%,
		#CFFFFE 50%,
		#AFFFFD 80%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#AFFFFD 20%,
		#CFFFFE 50%,
		#AFFFFD 80%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#AFFFFD 20%,
		#CFFFFE 50%,
		#AFFFFD 80%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#AFFFFD 20%,
		#CFFFFE 50%,
		#AFFFFD 80%,
		transparent 100%);
	background:-webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #AFFFFD),
		color-stop(50%, #CFFFFE),
		color-stop(60%, #AFFFFD),
		color-stop(100%, transparent));
	/* End background and gradient */
}
.neo-download-two-cyan:after{
	/* background and gradient */
	background:#6FFFFC;
	background: linear-gradient(left,
		transparent 0%,
		#AFFFFD 30%,
		#AFFFFD 50%,
		#AFFFFD 70%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#AFFFFD 20%,
		#AFFFFD 50%,
		#AFFFFD 80%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#AFFFFD 20%,
		#AFFFFD 50%,
		#AFFFFD 80%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#AFFFFD 20%,
		#AFFFFD 50%,
		#AFFFFD 80%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#AFFFFD 20%,
		#AFFFFD 50%,
		#AFFFFD 80%,
		transparent 100%);
	background:-webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #AFFFFD),
		color-stop(50%, #AFFFFD),
		color-stop(60%, #AFFFFD),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.neo-download-two-cyan:hover{
	/* background and gradient */
	background:#1FFFFB;
	background: radial-gradient(
		50% -10%,
		ellipse,
		#AFFFFD 0%,
		#37DFDC 70%,
		#008F8C 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#AFFFFD 0%,
		#37DFDC 70%,
		#008F8C 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#AFFFFD 0%,
		#37DFDC 70%,
		#008F8C 100%);
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#AFFFFD 0%,
		#37DFDC 70%,
		#008F8C 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#AFFFFD 0%,
		#37DFDC 70%,
		#008F8C 100%);		
	background-image: -webkit-gradient(radial,
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #AFFFFD),
		color-stop(20%, #37DFDC),
		color-stop(100%, #008F8C)
		);
	/* End background and gradient */
	}
.neo-download-two-cyan:focus,
.neo-download-two-cyan:active{	
	/* text shadow */
	text-shadow: 0 -1px 0 #006F62,
		-1px 0 0 #006F62;
	-moz-text-shadow: 0 -1px 0 #006F62,
		-1px 0 0 #006F62;
	-ms-text-shadow: 0 -1px 0 #006F62,
		-1px 0 0 #006F62;
	-webkit-text-shadow: 0 -1px 0 #006F62,
		-1px 0 0 #006F62;
	/* End text shadow */
	
	/* background and gradient */
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#AFFFFD 0%,
		#37DFDC 70%,
		#3BEFEB 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#AFFFFD 0%,
		#37DFDC 70%,
		#3BEFEB 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#AFFFFD 0%,
		#37DFDC 70%,
		#3BEFEB 100%);
	background: radial-gradient(
		50% -10%,
		ellipse,
		#AFFFFD 0%,
		#37DFDC 70%,
		#3BEFEB 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#AFFFFD 0%,
		#37DFDC 70%,
		#3BEFEB 100%);		
	background-image: -webkit-gradient(radial,
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #AFFFFD),
		color-stop(20%, #37DFDC),
		color-stop(100%, #3BEFEB)
		);
	/* End background and gradient */

	/* box shadow */
	box-shadow:
		0 -1px 1px rgba(0, 143, 140, 0.4), /* #008F8C and opacity 40% */
		0 1px 0 #008F8C,
		0 2px 0 #008F8C,
		0 3px 0 #006F62,
		0 3px 2px #008F8C,
		0 3px 8px #008F8C;
	-moz-box-shadow:
		0 -1px 1px rgba(0, 143, 140, 0.4), /* #008F8C and opacity 40% */
		0 1px 0 #008F8C,
		0 2px 0 #008F8C,
		0 3px 0 #006F62,
		0 3px 2px #008F8C,
		0 3px 8px #008F8C;
	-webkit-box-shadow:
		0 -1px 1px rgba(0, 143, 140, 0.4), /* #008F8C and opacity 40% */
		0 1px 0 #008F8C,
		0 2px 0 #008F8C,
		0 3px 0 #006F62,
		0 3px 2px #008F8C,
		0 3px 8px #008F8C;	
	-ms-box-shadow:
		0 -1px 1px rgba(0, 143, 140, 0.4), /* #008F8C and opacity 40% */
		0 1px 0 #008F8C,
		0 2px 0 #008F8C,
		0 3px 0 #006F62,
		0 3px 2px #008F8C,
		0 3px 8px #008F8C;	
	/* End box shadow */	
	}
/* End Set Color */
/* End */
			
<!-- start -->
<a class='neo-download-two-cyan' href='#1'>download</a>
<!-- End -->
					
<!-- start -->
<a class='neo-download-two-cyan style-two' href='#1'>download</a>
<!-- End -->
					
/* start */
/*

Project Name : Neo CSS Download Button Two(cyan-two)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
Inspirated by : http://www.designrshub.com/2011/11/35-free-vector-download-button-psd-for.html
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain

Changelog
v1.0 2012-01-06 (Release)
v1.1 2012-03-10
	* Edit core
	
How to Usage?
Add this style, and using tag A than set the value of atribut class;
	For sample;
		one : <a class='neo-download-two-cyan-two' href='#1'>download</a>
		two : <a class='neo-download-two-cyan-two style-two' href='#1'>download</a>
	
*/

/* Framework */
.neo-download-two-cyan-two{
	outline:none;
	border:none;
	display:block;
	margin:0;
	overflow:hidden;
	text-decoration:none;
	padding:19px 15px 17px;
	text-align:center;
	text-transform:uppercase;
	font:normal bold 18px/17px Helvetica, Arial, sans-serif;
	float:left;
	
	/* border-radius */	
	-ms-border-radius:55px;		
	-webkit-border-radius:55px;
	-moz-border-radius:55px;
	border-radius:55px;
	/* End border-radius */

	}
.neo-download-two-cyan-two:before,/* line 1px top */
.neo-download-two-cyan-two:after{/* line 1px bottom */
	position:relative;
	content:'';
	height:1px;
	display:block;
	margin:0 auto;
	}
.neo-download-two-cyan-two:before{/* line 1px top */
	width:90%;
	opacity:0.6;
	top:-19px;
}
.neo-download-two-cyan-two:after{/* line 1px bottom */
	opacity:0.2;
	top:17px;
	}
.neo-download-two-cyan-two:hover{
	cursor: pointer;
	}
.neo-download-two-cyan-two:hover:after{
	opacity:0.4;
	}	
.neo-download-two-cyan-two:hover:before{
	opacity:0.8;
	}
.neo-download-two-cyan-two:focus,
.neo-download-two-cyan-two:active{
	outline:none;
	position:relative;
	top:3px;
	}
.neo-download-two-cyan-two:focus:before,.neo-download-two-cyan-two:active:before
.neo-download-two-cyan-two:focus:after,
.neo-download-two-cyan-two:active:after{
	opacity:0.2;
	}
.neo-download-two-cyan-two:focus,
.neo-download-two-cyan-two:active{
top:2px;
}

/* style-two */
.style-two{
	line-height:5px;
	font-size: 16px;

	/* border-radius */	
	border-radius:14px 14px 17px 17px;
	-webkit-border-radius:14px 14px 17px 17px;
	-moz-border-radius:14px 14px 17px 17px;
	-ms-border-radius:14px 14px 17px 17px;
	/* End border-radius */
	
	padding:0 17px 19px 17px;	

}
.style-two:before{/* rounded top */
	top:0;
	width:116%;
	left:-8%;
	padding:8px 0;
	
	border-radius:7px 7px 13px 13px;
	-moz-border-radius:7px 7px 13px 13px;
	-webkit-border-radius:7px 7px 13px 13px;
	-ms-border-radius:7px 7px 13px 13px;
	
	background:rgba(255, 255, 255, 0.8)!important;
	background: radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -moz-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -webkit-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -o-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
}
.style-two:after{/* line 1px bottom */
	top:19px;
	}
/* End style-two */
/* End Framework */

/* Set Color */
.neo-download-two-cyan-two{
	color:#D1D9DF;
	
	/* text shadow */	
	text-shadow:0 2px 1px #043D3F;
	-moz-text-shadow:0 2px 1px #043D3F;
	-webkit-text-shadow:0 2px 1px #043D3F;
	-ms-text-shadow:0 2px 1px #043D3F;
	/* End text shadow */
	
	/* background and gradient */
	background:#6BB3B6;
	background: radial-gradient(
		50% -10%,
		ellipse,
		#D1EEEF 0%,
		#6BB3B6 70%,
		#4F9D9F 100%);
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#D1EEEF 0%,
		#6BB3B6 70%,
		#4F9D9F 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#D1EEEF 0%,
		#6BB3B6 70%,
		#4F9D9F 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#D1EEEF 0%,
		#6BB3B6 70%,
		#4F9D9F 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#D1EEEF 0%,
		#6BB3B6 70%,
		#4F9D9F 100%);
	background-image: -webkit-gradient(radial,/* Old webkit */
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #D1EEEF),
		color-stop(20%, #6BB3B6),
		color-stop(100%, #4F9D9F)
		);
	/* End background and gradient */		
	
	/* box shadow */	
	box-shadow:
		0 -1px 1px rgba(20, 109, 111, 0.4), /* #146D6F and opacity 40% */
		0 1px 0 #146D6F,
		0 2px 0 #146D6F,
		0 3px 0 #146D6F,
		0 4px 0 #146D6F,
		0 5px 0 #043D3F,
		0 5px 2px #146D6F,
		0 5px 6px #146D6F;
	-moz-box-shadow:
		0 -1px 1px rgba(20, 109, 111, 0.4), /* #146D6F and opacity 40% */
		0 1px 0 #146D6F,
		0 2px 0 #146D6F,
		0 3px 0 #146D6F,
		0 4px 0 #146D6F,
		0 5px 0 #043D3F,
		0 5px 2px #146D6F,
		0 5px 6px #146D6F;
	-webkit-box-shadow:
		0 -1px 1px rgba(20, 109, 111, 0.4), /* #146D6F and opacity 40% */
		0 1px 0 #146D6F,
		0 2px 0 #146D6F,
		0 3px 0 #146D6F,
		0 4px 0 #146D6F,
		0 5px 0 #043D3F,
		0 5px 2px #146D6F,
		0 5px 6px #146D6F;
	-o-box-shadow:
		0 -1px 1px rgba(20, 109, 111, 0.4), /* #146D6F and opacity 40% */
		0 1px 0 #146D6F,
		0 2px 0 #146D6F,
		0 3px 0 #146D6F,
		0 4px 0 #146D6F,
		0 5px 0 #043D3F,
		0 5px 2px #146D6F,
		0 5px 6px #146D6F;
	-ms-box-shadow:
		0 -1px 1px rgba(20, 109, 111, 0.4), /* #146D6F and opacity 40% */
		0 1px 0 #146D6F,
		0 2px 0 #146D6F,
		0 3px 0 #146D6F,
		0 4px 0 #146D6F,
		0 5px 0 #043D3F,
		0 5px 2px #146D6F,
		0 5px 6px #146D6F;
	/* End box shadow */
	}
.neo-download-two-cyan-two:before{/* line 1px top */
	/* background and gradient */
	background:#83BDBF;/*c1*/
	background: linear-gradient(left,
		transparent 0%,
		#9BCECF 20%,
		#D1EEEF 50%,
		#9BCECF 80%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#9BCECF 20%,
		#D1EEEF 50%,
		#9BCECF 80%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#9BCECF 20%,
		#D1EEEF 50%,
		#9BCECF 80%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#9BCECF 20%,
		#D1EEEF 50%,
		#9BCECF 80%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#9BCECF 20%,
		#D1EEEF 50%,
		#9BCECF 80%,
		transparent 100%);
	background:-webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #9BCECF),
		color-stop(50%, #D1EEEF),
		color-stop(60%, #9BCECF),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.neo-download-two-cyan-two:after{/* line 1px bottom */
	/* background and gradient */
	background:#9BCECF;
	background: linear-gradient(left,
		transparent 0%,
		#9BCECF 30%,
		#B5DEDF 50%,
		#9BCECF 70%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#9BCECF 30%,
		#B5DEDF 50%,
		#9BCECF 70%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#9BCECF 30%,
		#B5DEDF 50%,
		#9BCECF 70%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#9BCECF 30%,
		#B5DEDF 50%,
		#9BCECF 70%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#9BCECF 30%,
		#B5DEDF 50%,
		#9BCECF 70%,
		transparent 100%);
	background:-webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #9BCECF),
		color-stop(50%, #B5DEDF),
		color-stop(60%, #9BCECF),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.neo-download-two-cyan-two:hover{
	/* background and gradient */
	background:#4F9D9F;
	background: radial-gradient(
		50% -10%,
		ellipse,
		#9BCECF 0%,
		#4F9D9F 70%,
		#358D8F 100%);		
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#9BCECF 0%,
		#4F9D9F 70%,
		#358D8F 100%);		
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#9BCECF 0%,
		#4F9D9F 70%,
		#358D8F 100%);		
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#9BCECF 0%,
		#4F9D9F 70%,
		#358D8F 100%);		
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#9BCECF 0%,
		#4F9D9F 70%,
		#358D8F 100%);		
	background-image: -webkit-gradient(radial,
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #9BCECF),
		color-stop(20%, #4F9D9F),
		color-stop(100%, #358D8F)
		);
	/* End background and gradient */
	}
.neo-download-two-cyan-two:focus,
.neo-download-two-cyan-two:active{	
	/* text shadow */
	text-shadow: -1px -1px 0 #043D3F;
	-moz-text-shadow: -1px -1px 0 #043D3F;
	-webkit-text-shadow: -1px -1px 0 #043D3F;
	-ms-text-shadow: -1px -1px 0 #043D3F;
	/* End text shadow */

	/* box shadow */	
	box-shadow:
		0 -1px 1px rgba(20, 109, 111, 0.4), /* #146D6F and opacity 40% */
		0 1px 0 #146D6F,
		0 2px 0 #146D6F,
		0 3px 0 #043D3F,
		0 3px 2px #146D6F,
		0 3px 6px #146D6F;
	-moz-box-shadow:
		0 -1px 1px rgba(20, 109, 111, 0.4), /* #146D6F and opacity 40% */
		0 1px 0 #146D6F,
		0 2px 0 #146D6F,
		0 3px 0 #043D3F,
		0 3px 2px #146D6F,
		0 3px 6px #146D6F;
	-webkit-box-shadow:
		0 -1px 1px rgba(20, 109, 111, 0.4), /* #146D6F and opacity 40% */
		0 1px 0 #146D6F,
		0 2px 0 #146D6F,
		0 3px 0 #043D3F,
		0 3px 2px #146D6F,
		0 3px 6px #146D6F;
	-ms-box-shadow:
		0 -1px 1px rgba(20, 109, 111, 0.4), /* #146D6F and opacity 40% */
		0 1px 0 #146D6F,
		0 2px 0 #146D6F,
		0 3px 0 #043D3F,
		0 3px 2px #146D6F,
		0 3px 6px #146D6F;
	/* End box shadow */
	}
/* End Set Color */
/* End */
			
<!-- start -->
<a class='neo-download-two-cyan-two ' href='#1'>download</a>
<!-- End -->
					
<!-- start -->
<a class='neo-download-two-cyan-two style-two' href='#1'>download</a>
<!-- End -->
					
/* start */
/*

Project Name : Neo CSS Download Button Two(green)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
Inspirated by : http://www.designrshub.com/2011/11/35-free-vector-download-button-psd-for.html
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain

Changelog
v1.0 2012-01-06 (Release)
v1.1 2012-03-10
	* Edit core
	
How to Usage?
Add this style, and using tag A than set the value of atribut class;
	For sample;
		one : <a class='neo-download-two-green' href='#1'>download</a>
		two : <a class='neo-download-two-green style-two' href='#1'>download</a>
	
*/

/* Framework */
.neo-download-two-green{
	outline:none;
	border:none;
	display:block;
	margin:0;
	overflow:hidden;
	text-decoration:none;
	padding:19px 15px 17px;
	text-align:center;
	text-transform:uppercase;
	font:normal bold 18px/17px Helvetica, Arial, sans-serif;
	float:left;
	
	/* border-radius */	
	-ms-border-radius:55px;		
	-webkit-border-radius:55px;
	-moz-border-radius:55px;
	border-radius:55px;
	/* End border-radius */

	}
.neo-download-two-green:before,/* line 1px top */
.neo-download-two-green:after{/* line 1px bottom */
	position:relative;
	content:'';
	height:1px;
	display:block;
	margin:0 auto;
	}
.neo-download-two-green:before{/* line 1px top */
	width:90%;
	opacity:0.6;
	top:-19px;
}
.neo-download-two-green:after{/* line 1px bottom */
	opacity:0.2;
	top:17px;
	}
.neo-download-two-green:hover{
	cursor: pointer;
	}
.neo-download-two-green:hover:after{
	opacity:0.4;
	}	
.neo-download-two-green:hover:before{
	opacity:0.8;
	}
.neo-download-two-green:focus,
.neo-download-two-green:active{
	outline:none;
	position:relative;
	top:3px;
	}
.neo-download-two-green:focus:before,
.neo-download-two-green:active:before
.neo-download-two-green:focus:after,
.neo-download-two-green:active:after{
	opacity:0.2;
	}

/* style-two */
.style-two{
	line-height:5px;
	font-size: 16px;

	/* border-radius */	
	border-radius:14px 14px 17px 17px;
	-webkit-border-radius:14px 14px 17px 17px;
	-moz-border-radius:14px 14px 17px 17px;
	-ms-border-radius:14px 14px 17px 17px;
	/* End border-radius */
	
	padding:0 17px 19px 17px;	

}
.style-two:before{/* rounded top */
	top:0;
	width:116%;
	left:-8%;
	padding:8px 0;
	
	border-radius:7px 7px 13px 13px;
	-moz-border-radius:7px 7px 13px 13px;
	-webkit-border-radius:7px 7px 13px 13px;
	-ms-border-radius:7px 7px 13px 13px;
	
	background:rgba(255, 255, 255, 0.8)!important;
	background: radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -moz-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -webkit-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -o-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
}
.style-two:after{/* line 1px bottom */
	top:19px;
	}
/* End style-two */

/* End Framework */

/* Set Color */
.neo-download-two-green{
	color:#D3EFD1;
	
	
	/* text shadow */	
	text-shadow: 0 1px 0 #088F00,
		0 2px 1px #088F00;
	-moz-text-shadow: 0 1px 0 #088F00,
		0 2px 1px #088F00;
	-webkit-text-shadow: 0 1px 0 #088F00,
		0 2px 1px #088F00;
	-ms-text-shadow: 0 1px 0 #088F00,
		0 2px 1px #088F00;
	/* End text shadow */
	
	/* background and gradient */
	background:#2BFF1F;
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#B3FFAF 0%,
		#3BCF33 70%,
		#1DAF15 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#B3FFAF 0%,
		#3BCF33 70%,
		#1DAF15 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#B3FFAF 0%,
		#3BCF33 70%,
		#1DAF15 100%);
	background: radial-gradient(
		50% -10%,
		ellipse,
		#B3FFAF 0%,
		#3BCF33 70%,
		#1DAF15 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#B3FFAF 0%,
		#3BCF33 70%,
		#1DAF15 100%);		
	background-image: -webkit-gradient(radial,/* old webkit */
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #B3FFAF),
		color-stop(20%, #3BCF33),
		color-stop(100%, #1DAF15)
		);
	/* End background and gradient */		
	
	/* box shadow */	
	box-shadow:
		0 -1px 1px rgba(142, 143, 0, 0.4), /* #179F00 and opacity 40% */
		0 1px 0 #179F00,
		0 2px 0 #179F00,
		0 3px 0 #179F00,
		0 4px 0 #179F00,
		0 5px 0 #179F00,
		0 6px 0 #088F00,
		0 6px 2px #179F00,
		0 6px 8px #179F00;
	-moz-box-shadow:
		0 -1px 1px rgba(142, 143, 0, 0.4), /* #179F00 and opacity 40% */
		0 1px 0 #179F00,
		0 2px 0 #179F00,
		0 3px 0 #179F00,
		0 4px 0 #179F00,
		0 5px 0 #179F00,
		0 6px 0 #088F00,
		0 6px 2px #179F00,
		0 6px 8px #179F00;
	-webkit-box-shadow:
		0 -1px 1px rgba(142, 143, 0, 0.4), /* #179F00 and opacity 40% */
		0 1px 0 #179F00,
		0 2px 0 #179F00,
		0 3px 0 #179F00,
		0 4px 0 #179F00,
		0 5px 0 #179F00,
		0 6px 0 #088F00,
		0 6px 2px #179F00,
		0 6px 8px #179F00;
	/* End box shadow */
	}
.neo-download-two-green:before{
	background:#77FF6F;
	background: linear-gradient(left,
		transparent 0%,
		#B3FFAF 20%,
		#CFFFFE 50%,
		#B3FFAF 80%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#B3FFAF 20%,
		#CFFFFE 50%,
		#B3FFAF 80%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#B3FFAF 20%,
		#CFFFFE 50%,
		#B3FFAF 80%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#B3FFAF 20%,
		#CFFFFE 50%,
		#B3FFAF 80%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#B3FFAF 20%,
		#CFFFFE 50%,
		#B3FFAF 80%,
		transparent 100%);
	background:-webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #B3FFAF),
		color-stop(50%, #CFFFFE),
		color-stop(60%, #B3FFAF),
		color-stop(100%, transparent));
	/* End background and gradient */
}
.neo-download-two-green:after{
	/* background and gradient */
	background:#77FF6F;
	background: linear-gradient(left,
		transparent 0%,
		#B3FFAF 30%,
		#B3FFAF 50%,
		#B3FFAF 70%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#B3FFAF 20%,
		#B3FFAF 50%,
		#B3FFAF 80%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#B3FFAF 20%,
		#B3FFAF 50%,
		#B3FFAF 80%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#B3FFAF 20%,
		#B3FFAF 50%,
		#B3FFAF 80%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#B3FFAF 20%,
		#B3FFAF 50%,
		#B3FFAF 80%,
		transparent 100%);
	background:-webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #B3FFAF),
		color-stop(50%, #B3FFAF),
		color-stop(60%, #B3FFAF),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.neo-download-two-green:hover{
	/* background and gradient */
	background:#2BFF1F;
	background: radial-gradient(
		50% -10%,
		ellipse,
		#B3FFAF 0%,
		#3BCF33 70%,
		#179F00 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#B3FFAF 0%,
		#3BCF33 70%,
		#179F00 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#B3FFAF 0%,
		#3BCF33 70%,
		#179F00 100%);
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#B3FFAF 0%,
		#3BCF33 70%,
		#179F00 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#B3FFAF 0%,
		#3BCF33 70%,
		#179F00 100%);		
	background-image: -webkit-gradient(radial,
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #B3FFAF),
		color-stop(20%, #3BCF33),
		color-stop(100%, #179F00)
		);
	/* End background and gradient */
	}
.neo-download-two-green:focus,
.neo-download-two-green:active{	
	/* text shadow */
	text-shadow: 0 -1px 0 #088F00,
		-1px 0 0 #088F00;
	-moz-text-shadow: 0 -1px 0 #088F00,
		-1px 0 0 #088F00;
	-ms-text-shadow: 0 -1px 0 #088F00,
		-1px 0 0 #088F00;
	-webkit-text-shadow: 0 -1px 0 #088F00,
		-1px 0 0 #088F00;
	/* End text shadow */
	
	/* background and gradient */
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#B3FFAF 0%,
		#3BCF33 70%,
		#44EF3B 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#B3FFAF 0%,
		#3BCF33 70%,
		#44EF3B 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#B3FFAF 0%,
		#3BCF33 70%,
		#44EF3B 100%);
	background: radial-gradient(
		50% -10%,
		ellipse,
		#B3FFAF 0%,
		#3BCF33 70%,
		#44EF3B 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#B3FFAF 0%,
		#3BCF33 70%,
		#44EF3B 100%);		
	background-image: -webkit-gradient(radial,
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #B3FFAF),
		color-stop(20%, #3BCF33),
		color-stop(100%, #44EF3B)
		);
	/* End background and gradient */

	/* box shadow */
	box-shadow:
		0 -1px 1px rgba(142, 143, 0, 0.4), /* #179F00 and opacity 40% */
		0 1px 0 #179F00,
		0 2px 0 #179F00,
		0 3px 0 #088F00,
		0 3px 2px #179F00,
		0 3px 8px #179F00;
	-moz-box-shadow:
		0 -1px 1px rgba(142, 143, 0, 0.4), /* #179F00 and opacity 40% */
		0 1px 0 #179F00,
		0 2px 0 #179F00,
		0 3px 0 #088F00,
		0 3px 2px #179F00,
		0 3px 8px #179F00;
	-webkit-box-shadow:
		0 -1px 1px rgba(142, 143, 0, 0.4), /* #179F00 and opacity 40% */
		0 1px 0 #179F00,
		0 2px 0 #179F00,
		0 3px 0 #088F00,
		0 3px 2px #179F00,
		0 3px 8px #179F00;	
	-ms-box-shadow:
		0 -1px 1px rgba(142, 143, 0, 0.4), /* #179F00 and opacity 40% */
		0 1px 0 #179F00,
		0 2px 0 #179F00,
		0 3px 0 #088F00,
		0 3px 2px #179F00,
		0 3px 8px #179F00;	
	/* End box shadow */	
	}
/* End Set Color */
/* End */
			
<!-- start -->
<a class='neo-download-two-green' href='#1'>download</a>
<!-- End -->
					
<!-- start -->
<a class='neo-download-two-green style-two' href='#1'>download</a>
<!-- End -->
					
/* start */
/*

Project Name : Neo CSS Download Button Two(green-two)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
Inspirated by : http://www.designrshub.com/2011/11/35-free-vector-download-button-psd-for.html
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain

Changelog
v1.0 2012-01-06 (Release)
v1.1 2012-03-10
	* Edit core
	
How to Usage?
Add this style, and using tag A than set the value of atribut class;
	For sample;
		one : <a class='neo-download-two-green-two' href='#1'>download</a>
		two : <a class='neo-download-two-green-two style-two' href='#1'>download</a>
	
*/

/* Framework */
.neo-download-two-green-two{
	outline:none;
	border:none;
	display:block;
	margin:0;
	overflow:hidden;
	text-decoration:none;
	padding:19px 15px 17px;
	text-align:center;
	text-transform:uppercase;
	font:normal bold 18px/17px Helvetica, Arial, sans-serif;
	float:left;
	
	/* border-radius */	
	-ms-border-radius:55px;		
	-webkit-border-radius:55px;
	-moz-border-radius:55px;
	border-radius:55px;
	/* End border-radius */

	}
.neo-download-two-green-two:before,/* line 1px top */
.neo-download-two-green-two:after{/* line 1px bottom */
	position:relative;
	content:'';
	height:1px;
	display:block;
	margin:0 auto;
	}
.neo-download-two-green-two:before{/* line 1px top */
	width:90%;
	opacity:0.6;
	top:-19px;
}
.neo-download-two-green-two:after{/* line 1px bottom */
	opacity:0.2;
	top:17px;
	}
.neo-download-two-green-two:hover{
	cursor: pointer;
	}
.neo-download-two-green-two:hover:after{
	opacity:0.4;
	}	
.neo-download-two-green-two:hover:before{
	opacity:0.8;
	}
.neo-download-two-green-two:focus,
.neo-download-two-green-two:active{
	outline:none;
	position:relative;
	top:3px;
	}
.neo-download-two-green-two:focus:before,
.neo-download-two-green-two:active:before
.neo-download-two-green-two:focus:after,
.neo-download-two-green-two:active:after{
	opacity:0.2;
	}

/* style-two */
.style-two{
	line-height:5px;
	font-size: 16px;

	/* border-radius */	
	border-radius:14px 14px 17px 17px;
	-webkit-border-radius:14px 14px 17px 17px;
	-moz-border-radius:14px 14px 17px 17px;
	-ms-border-radius:14px 14px 17px 17px;
	/* End border-radius */
	
	padding:0 17px 19px 17px;	

}
.style-two:before{/* rounded top */
	top:0;
	width:116%;
	left:-8%;
	padding:8px 0;
	
	border-radius:7px 7px 13px 13px;
	-moz-border-radius:7px 7px 13px 13px;
	-webkit-border-radius:7px 7px 13px 13px;
	-ms-border-radius:7px 7px 13px 13px;
	
	background:rgba(255, 255, 255, 0.8)!important;
	background: radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -moz-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -webkit-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -o-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
}
.style-two:after{/* line 1px bottom */
	top:19px;
	}
/* End style-two */

/* End Framework */

/* Set Color */
.neo-download-two-green-two{
	color:#D1D9DF;
	
	/* text shadow */	
	text-shadow:0 2px 1px #0B2F03;
	-moz-text-shadow:0 2px 1px #0B2F03;
	-webkit-text-shadow:0 2px 1px #0B2F03;
	-ms-text-shadow:0 2px 1px #0B2F03;
	/* End text shadow */
	
	/* background and gradient */
	background:#518645;
	background: radial-gradient(
		50% -10%,
		ellipse,
		#D7EFD1 0%,
		#518645 70%,
		#3C6F30 100%);
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#D7EFD1 0%,
		#518645 70%,
		#3C6F30 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#D7EFD1 0%,
		#518645 70%,
		#3C6F30 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#D7EFD1 0%,
		#518645 70%,
		#3C6F30 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#D7EFD1 0%,
		#518645 70%,
		#3C6F30 100%);
	background-image: -webkit-gradient(radial,/* Old webkit */
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #D7EFD1),
		color-stop(20%, #518645),
		color-stop(100%, #3C6F30)
		);
	/* End background and gradient */		
	
	/* box shadow */	
	box-shadow:
		0 -1px 1px rgba(27, 79, 15, 0.4), /* #1B4F0F and opacity 40% */
		0 1px 0 #1B4F0F,
		0 2px 0 #1B4F0F,
		0 3px 0 #1B4F0F,
		0 4px 0 #1B4F0F,
		0 5px 0 #0B2F03,
		0 5px 2px #1B4F0F,
		0 5px 6px #1B4F0F;
	-moz-box-shadow:
		0 -1px 1px rgba(27, 79, 15, 0.4), /* #1B4F0F and opacity 40% */
		0 1px 0 #1B4F0F,
		0 2px 0 #1B4F0F,
		0 3px 0 #1B4F0F,
		0 4px 0 #1B4F0F,
		0 5px 0 #0B2F03,
		0 5px 2px #1B4F0F,
		0 5px 6px #1B4F0F;
	-webkit-box-shadow:
		0 -1px 1px rgba(27, 79, 15, 0.4), /* #1B4F0F and opacity 40% */
		0 1px 0 #1B4F0F,
		0 2px 0 #1B4F0F,
		0 3px 0 #1B4F0F,
		0 4px 0 #1B4F0F,
		0 5px 0 #0B2F03,
		0 5px 2px #1B4F0F,
		0 5px 6px #1B4F0F;
	-o-box-shadow:
		0 -1px 1px rgba(27, 79, 15, 0.4), /* #1B4F0F and opacity 40% */
		0 1px 0 #1B4F0F,
		0 2px 0 #1B4F0F,
		0 3px 0 #1B4F0F,
		0 4px 0 #1B4F0F,
		0 5px 0 #0B2F03,
		0 5px 2px #1B4F0F,
		0 5px 6px #1B4F0F;
	-ms-box-shadow:
		0 -1px 1px rgba(27, 79, 15, 0.4), /* #1B4F0F and opacity 40% */
		0 1px 0 #1B4F0F,
		0 2px 0 #1B4F0F,
		0 3px 0 #1B4F0F,
		0 4px 0 #1B4F0F,
		0 5px 0 #0B2F03,
		0 5px 2px #1B4F0F,
		0 5px 6px #1B4F0F;
	/* End box shadow */
	}
.neo-download-two-green-two:before{/* line 1px top */
	/* background and gradient */
	background:#6F9F63;/*c1*/
	background: linear-gradient(left,
		transparent 0%,
		#98BF8F 20%,
		#D7EFD1 50%,
		#98BF8F 80%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#98BF8F 20%,
		#D7EFD1 50%,
		#98BF8F 80%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#98BF8F 20%,
		#D7EFD1 50%,
		#98BF8F 80%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#98BF8F 20%,
		#D7EFD1 50%,
		#98BF8F 80%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#98BF8F 20%,
		#D7EFD1 50%,
		#98BF8F 80%,
		transparent 100%);
	background:-webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #98BF8F),
		color-stop(50%, #D7EFD1),
		color-stop(60%, #98BF8F),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.neo-download-two-green-two:after{/* line 1px bottom */
	/* background and gradient */
	background:#98BF8F;
	background: linear-gradient(left,
		transparent 0%,
		#98BF8F 30%,
		#B0CFA8 50%,
		#98BF8F 70%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#98BF8F 30%,
		#B0CFA8 50%,
		#98BF8F 70%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#98BF8F 30%,
		#B0CFA8 50%,
		#98BF8F 70%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#98BF8F 30%,
		#B0CFA8 50%,
		#98BF8F 70%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#98BF8F 30%,
		#B0CFA8 50%,
		#98BF8F 70%,
		transparent 100%);
	background:-webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #98BF8F),
		color-stop(50%, #B0CFA8),
		color-stop(60%, #98BF8F),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.neo-download-two-green-two:hover{
	/* background and gradient */
	background:#3C6F30;
	background: radial-gradient(
		50% -10%,
		ellipse,
		#98BF8F 0%,
		#3C6F30 70%,
		#2A5F1D 100%);		
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#98BF8F 0%,
		#3C6F30 70%,
		#2A5F1D 100%);		
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#98BF8F 0%,
		#3C6F30 70%,
		#2A5F1D 100%);		
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#98BF8F 0%,
		#3C6F30 70%,
		#2A5F1D 100%);		
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#98BF8F 0%,
		#3C6F30 70%,
		#2A5F1D 100%);		
	background-image: -webkit-gradient(radial,
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #98BF8F),
		color-stop(20%, #3C6F30),
		color-stop(100%, #2A5F1D)
		);
	/* End background and gradient */
	}
.neo-download-two-green-two:focus,
.neo-download-two-green-two:active{	
	/* text shadow */
	text-shadow: -1px -1px 0 #0B2F03;
	-moz-text-shadow: -1px -1px 0 #0B2F03;
	-webkit-text-shadow: -1px -1px 0 #0B2F03;
	-ms-text-shadow: -1px -1px 0 #0B2F03;
	/* End text shadow */

	/* box shadow */	
	box-shadow:
		0 -1px 1px rgba(27, 79, 15, 0.4), /* #1B4F0F and opacity 40% */
		0 1px 0 #1B4F0F,
		0 2px 0 #1B4F0F,
		0 3px 0 #0B2F03,
		0 3px 2px #1B4F0F,
		0 3px 6px #1B4F0F;
	-moz-box-shadow:
		0 -1px 1px rgba(27, 79, 15, 0.4), /* #1B4F0F and opacity 40% */
		0 1px 0 #1B4F0F,
		0 2px 0 #1B4F0F,
		0 3px 0 #0B2F03,
		0 3px 2px #1B4F0F,
		0 3px 6px #1B4F0F;
	-webkit-box-shadow:
		0 -1px 1px rgba(27, 79, 15, 0.4), /* #1B4F0F and opacity 40% */
		0 1px 0 #1B4F0F,
		0 2px 0 #1B4F0F,
		0 3px 0 #0B2F03,
		0 3px 2px #1B4F0F,
		0 3px 6px #1B4F0F;
	-ms-box-shadow:
		0 -1px 1px rgba(27, 79, 15, 0.4), /* #1B4F0F and opacity 40% */
		0 1px 0 #1B4F0F,
		0 2px 0 #1B4F0F,
		0 3px 0 #0B2F03,
		0 3px 2px #1B4F0F,
		0 3px 6px #1B4F0F;
	/* End box shadow */
	}
/* End Set Color */
/* End */
			
<!-- start -->
<a class='neo-download-two-green-two' href='#1'>download</a>
<!-- End -->
					
<!-- start -->
<a class='neo-download-two-green-two style-two' href='#1'>download</a>
<!-- End -->
					
/* start */
/*

Project Name : Neo CSS Download Button Two(magenta)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
Inspirated by : http://www.designrshub.com/2011/11/35-free-vector-download-button-psd-for.html
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain

Changelog
v1.0 2012-01-06 (Release)
v1.1 2012-03-10
	* Edit core
	
How to Usage?
Add this style, and using tag A than set the value of atribut class;
	For sample;
		one : <a class='neo-download-two-magenta' href='#1'>download</a>
		two : <a class='neo-download-two-magenta style-two' href='#1'>download</a>
	
*/

/* Framework */
.neo-download-two-magenta{
	outline:none;
	border:none;
	display:block;
	margin:0;
	overflow:hidden;
	text-decoration:none;
	padding:19px 15px 17px;
	text-align:center;
	text-transform:uppercase;
	font:normal bold 18px/17px Helvetica, Arial, sans-serif;
	float:left;
	
	/* border-radius */	
	-ms-border-radius:55px;		
	-webkit-border-radius:55px;
	-moz-border-radius:55px;
	border-radius:55px;
	/* End border-radius */

	}
.neo-download-two-magenta:before,/* line 1px top */
.neo-download-two-magenta:after{/* line 1px bottom */
	position:relative;
	content:'';
	height:1px;
	display:block;
	margin:0 auto;
	}
.neo-download-two-magenta:before{/* line 1px top */
	width:90%;
	opacity:0.6;
	top:-19px;
}
.neo-download-two-magenta:after{/* line 1px bottom */
	opacity:0.2;
	top:17px;
	}
.neo-download-two-magenta:hover{
	cursor: pointer;
	}
.neo-download-two-magenta:hover:after{
	opacity:0.4;
	}	
.neo-download-two-magenta:hover:before{
	opacity:0.8;
	}
.neo-download-two-magenta:focus,
.neo-download-two-magenta:active{
	outline:none;
	position:relative;
	top:3px;
	}
.neo-download-two-magenta:focus:before,
.neo-download-two-magenta:active:before
.neo-download-two-magenta:focus:after,
.neo-download-two-magenta:active:after{
	opacity:0.2;
	}

/* style-two */
.style-two{
	line-height:5px;
	font-size: 16px;

	/* border-radius */	
	border-radius:14px 14px 17px 17px;
	-webkit-border-radius:14px 14px 17px 17px;
	-moz-border-radius:14px 14px 17px 17px;
	-ms-border-radius:14px 14px 17px 17px;
	/* End border-radius */
	
	padding:0 17px 19px 17px;	

}
.style-two:before{/* rounded top */
	top:0;
	width:116%;
	left:-8%;
	padding:8px 0;
	
	border-radius:7px 7px 13px 13px;
	-moz-border-radius:7px 7px 13px 13px;
	-webkit-border-radius:7px 7px 13px 13px;
	-ms-border-radius:7px 7px 13px 13px;
	
	background:rgba(255, 255, 255, 0.8)!important;
	background: radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -moz-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -webkit-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -o-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
}
.style-two:after{/* line 1px bottom */
	top:19px;
	}
/* End style-two */

/* End Framework */

/* Set Color */
.neo-download-two-magenta{
	color:#EFD1EE;
	
	/* text shadow */	
	text-shadow: 0 1px 0 #5F005D,
		0 2px 1px #5F005D;
	-moz-text-shadow: 0 1px 0 #5F005D,
		0 2px 1px #5F005D;
	-webkit-text-shadow: 0 1px 0 #5F005D,
		0 2px 1px #5F005D;
	-ms-text-shadow: 0 1px 0 #5F005D,
		0 2px 1px #5F005D;
	/* End text shadow */
	
	/* background and gradient */
	background:#FF1FFA;
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#FFBFFE 0%,
		#CF33CF 70%,
		#AF15AF 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#FFBFFE 0%,
		#CF33CF 70%,
		#AF15AF 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#FFBFFE 0%,
		#CF33CF 70%,
		#AF15AF 100%);
	background: radial-gradient(
		50% -10%,
		ellipse,
		#FFBFFE 0%,
		#CF33CF 70%,
		#AF15AF 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#FFBFFE 0%,
		#CF33CF 70%,
		#AF15AF 100%);		
	background-image: -webkit-gradient(radial,/* Old webkit */
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #FFBFFE),
		color-stop(20%, #CF33CF),
		color-stop(100%, #AF15AF)
		);
	/* End background and gradient */		
	
	/* box shadow */	
	box-shadow:
		0 -1px 1px rgba(143, 0, 140, 0.4), /* #8F008C and opacity 40% */
		0 1px 0 #8F008C,
		0 2px 0 #8F008C,
		0 3px 0 #8F008C,
		0 4px 0 #8F008C,
		0 5px 0 #8F008C,
		0 6px 0 #5F005D,
		0 6px 2px #8F008C,
		0 6px 8px #8F008C;
	-moz-box-shadow:
		0 -1px 1px rgba(143, 0, 140, 0.4), /* #8F008C and opacity 40% */
		0 1px 0 #8F008C,
		0 2px 0 #8F008C,
		0 3px 0 #8F008C,
		0 4px 0 #8F008C,
		0 5px 0 #8F008C,
		0 6px 0 #5F005D,
		0 6px 2px #8F008C,
		0 6px 8px #8F008C;
	-webkit-box-shadow:
		0 -1px 1px rgba(143, 0, 140, 0.4), /* #8F008C and opacity 40% */
		0 1px 0 #8F008C,
		0 2px 0 #8F008C,
		0 3px 0 #8F008C,
		0 4px 0 #8F008C,
		0 5px 0 #8F008C,
		0 6px 0 #5F005D,
		0 6px 2px #8F008C,
		0 6px 8px #8F008C;
	/* End box shadow */
	}
.neo-download-two-magenta:before{
	background:#FF6FFC;
	background: linear-gradient(left,
		transparent 0%,
		#FFBFFE 20%,
		#FFCFFE 50%,
		#FFBFFE 80%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#FFBFFE 20%,
		#FFCFFE 50%,
		#FFBFFE 80%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#FFBFFE 20%,
		#FFCFFE 50%,
		#FFBFFE 80%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#FFBFFE 20%,
		#FFCFFE 50%,
		#FFBFFE 80%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#FFBFFE 20%,
		#FFCFFE 50%,
		#FFBFFE 80%,
		transparent 100%);
	background:-webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #FFBFFE),
		color-stop(50%, #FFCFFE),
		color-stop(60%, #FFBFFE),
		color-stop(100%, transparent));
	/* End background and gradient */
}
.neo-download-two-magenta:after{
	/* background and gradient */
	background:#FF6FFC;
	background: linear-gradient(left,
		transparent 0%,
		#FFBFFE 30%,
		#FFCFFF 50%,
		#FFBFFE 70%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#FFBFFE 20%,
		#FFCFFF 50%,
		#FFBFFE 80%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#FFBFFE 20%,
		#FFCFFF 50%,
		#FFBFFE 80%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#FFBFFE 20%,
		#FFCFFF 50%,
		#FFBFFE 80%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#FFBFFE 20%,
		#FFCFFF 50%,
		#FFBFFE 80%,
		transparent 100%);
	background:-webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #FFBFFE),
		color-stop(50%, #FFCFFF),
		color-stop(60%, #FFBFFE),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.neo-download-two-magenta:hover{
	/* background and gradient */
	background:#FF1FFA;
	background: radial-gradient(
		50% -10%,
		ellipse,
		#FFBFFE 0%,
		#CF33CF 70%,
		#8F008C 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#FFBFFE 0%,
		#CF33CF 70%,
		#8F008C 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#FFBFFE 0%,
		#CF33CF 70%,
		#8F008C 100%);
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#FFBFFE 0%,
		#CF33CF 70%,
		#8F008C 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#FFBFFE 0%,
		#CF33CF 70%,
		#8F008C 100%);		
	background-image: -webkit-gradient(radial,
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #FFBFFE),
		color-stop(20%, #CF33CF),
		color-stop(100%, #8F008C)
		);
	/* End background and gradient */
	}
.neo-download-two-magenta:focus,
.neo-download-two-magenta:active{	
	/* text shadow */
	text-shadow: 0 -1px 0 #5F005D,
		-1px 0 0 #5F005D;
	-moz-text-shadow: 0 -1px 0 #5F005D,
		-1px 0 0 #5F005D;
	-ms-text-shadow: 0 -1px 0 #5F005D,
		-1px 0 0 #5F005D;
	-webkit-text-shadow: 0 -1px 0 #5F005D,
		-1px 0 0 #5F005D;
	/* End text shadow */
	
	/* background and gradient */
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#FFBFFE 0%,
		#CF33CF 70%,
		#EF3BEB 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#FFBFFE 0%,
		#CF33CF 70%,
		#EF3BEB 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#FFBFFE 0%,
		#CF33CF 70%,
		#EF3BEB 100%);
	background: radial-gradient(
		50% -10%,
		ellipse,
		#FFBFFE 0%,
		#CF33CF 70%,
		#EF3BEB 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#FFBFFE 0%,
		#CF33CF 70%,
		#EF3BEB 100%);		
	background-image: -webkit-gradient(radial,
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #FFBFFE),
		color-stop(20%, #CF33CF),
		color-stop(100%, #EF3BEB)
		);
	/* End background and gradient */

	/* box shadow */
	box-shadow:
		0 -1px 1px rgba(143, 0, 140, 0.4), /* #8F008C and opacity 40% */
		0 1px 0 #8F008C,
		0 2px 0 #8F008C,
		0 3px 0 #5F005D,
		0 3px 2px #8F008C,
		0 3px 8px #8F008C;
	-moz-box-shadow:
		0 -1px 1px rgba(143, 0, 140, 0.4), /* #8F008C and opacity 40% */
		0 1px 0 #8F008C,
		0 2px 0 #8F008C,
		0 3px 0 #5F005D,
		0 3px 2px #8F008C,
		0 3px 8px #8F008C;
	-webkit-box-shadow:
		0 -1px 1px rgba(143, 0, 140, 0.4), /* #8F008C and opacity 40% */
		0 1px 0 #8F008C,
		0 2px 0 #8F008C,
		0 3px 0 #5F005D,
		0 3px 2px #8F008C,
		0 3px 8px #8F008C;	
	-ms-box-shadow:
		0 -1px 1px rgba(143, 0, 140, 0.4), /* #8F008C and opacity 40% */
		0 1px 0 #8F008C,
		0 2px 0 #8F008C,
		0 3px 0 #5F005D,
		0 3px 2px #8F008C,
		0 3px 8px #8F008C;	
	/* End box shadow */	
	}
/* Set Color */
/* End */
			
<!-- start -->
<a class='neo-download-two-magenta' href='#1'>download</a>
<!-- End -->
					
<!-- start -->
<a class='neo-download-two-magenta style-two' href='#1'>download</a>
<!-- End -->
					
/* start */
/*

Project Name : Neo CSS Download Button Two(magenta-two)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
Inspirated by : http://www.designrshub.com/2011/11/35-free-vector-download-button-psd-for.html
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain

Changelog
v1.0 2012-01-06 (Release)
v1.1 2012-03-10
	* Edit core
	
How to Usage?
Add this style, and using tag A than set the value of atribut class;
	For sample;
		one : <a class='neo-download-two-magenta-two' href='#1'>download</a>
		two : <a class='neo-download-two-magenta-two style-two' href='#1'>download</a>
	
*/

/* Framework */
.neo-download-two-magenta-two{
	outline:none;
	border:none;
	display:block;
	margin:0;
	overflow:hidden;
	text-decoration:none;
	padding:19px 15px 17px;
	text-align:center;
	text-transform:uppercase;
	font:normal bold 18px/17px Helvetica, Arial, sans-serif;
	float:left;
	
	/* border-radius */	
	-ms-border-radius:55px;		
	-webkit-border-radius:55px;
	-moz-border-radius:55px;
	border-radius:55px;
	/* End border-radius */

	}
.neo-download-two-magenta-two:before,/* line 1px top */
.neo-download-two-magenta-two:after{/* line 1px bottom */
	position:relative;
	content:'';
	height:1px;
	display:block;
	margin:0 auto;
	}
.neo-download-two-magenta-two:before{/* line 1px top */
	width:90%;
	opacity:0.6;
	top:-19px;
}
.neo-download-two-magenta-two:after{/* line 1px bottom */
	opacity:0.2;
	top:17px;
	}
.neo-download-two-magenta-two:hover{
	cursor: pointer;
	}
.neo-download-two-magenta-two:hover:after{
	opacity:0.4;
	}	
.neo-download-two-magenta-two:hover:before{
	opacity:0.8;
	}
.neo-download-two-magenta-two:focus,
.neo-download-two-magenta-two:active{
	outline:none;
	position:relative;
	top:3px;
	}
.neo-download-two-magenta-two:focus:before,
.neo-download-two-magenta-two:active:before
.neo-download-two-magenta-two:focus:after,
.neo-download-two-magenta-two:active:after{
	opacity:0.2;
	}

/* style-two */
.style-two{
	line-height:5px;
	font-size: 16px;

	/* border-radius */	
	border-radius:14px 14px 17px 17px;
	-webkit-border-radius:14px 14px 17px 17px;
	-moz-border-radius:14px 14px 17px 17px;
	-ms-border-radius:14px 14px 17px 17px;
	/* End border-radius */
	
	padding:0 17px 19px 17px;	

}
.style-two:before{/* rounded top */
	top:0;
	width:116%;
	left:-8%;
	padding:8px 0;
	
	border-radius:7px 7px 13px 13px;
	-moz-border-radius:7px 7px 13px 13px;
	-webkit-border-radius:7px 7px 13px 13px;
	-ms-border-radius:7px 7px 13px 13px;
	
	background:rgba(255, 255, 255, 0.8)!important;
	background: radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -moz-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -webkit-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -o-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
}
.style-two:after{/* line 1px bottom */
	top:19px;
	}
/* End style-two */

/* Set Color */
.neo-download-two-magenta-two{
	color:#EDE0EF;
	
	/* text shadow */	
	text-shadow:0 2px 1px #38043F;
	-moz-text-shadow:0 2px 1px #38043F;
	-webkit-text-shadow:0 2px 1px #38043F;
	-ms-text-shadow:0 2px 1px #38043F;
	/* End text shadow */
	
	/* background and gradient */
	background:#69416E;
	background: radial-gradient(
		50% -10%,
		ellipse,
		#EBD1EF 0%,
		#69416E 70%,
		#68306F 100%);
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#EBD1EF 0%,
		#69416E 70%,
		#68306F 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#EBD1EF 0%,
		#69416E 70%,
		#68306F 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#EBD1EF 0%,
		#69416E 70%,
		#68306F 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#EBD1EF 0%,
		#69416E 70%,
		#68306F 100%);
	background-image: -webkit-gradient(radial,/* Old webkit */
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #EBD1EF),
		color-stop(20%, #69416E),
		color-stop(100%, #68306F)
		);
	/* End background and gradient */		
	
	/* box shadow */	
	box-shadow:
		0 -1px 1px rgba(86, 18, 95, 0.4), /* #56125F and opacity 40% */
		0 1px 0 #56125F,
		0 2px 0 #56125F,
		0 3px 0 #56125F,
		0 4px 0 #56125F,
		0 5px 0 #38043F,
		0 5px 2px #56125F,
		0 5px 6px #56125F;
	-moz-box-shadow:
		0 -1px 1px rgba(86, 18, 95, 0.4), /* #56125F and opacity 40% */
		0 1px 0 #56125F,
		0 2px 0 #56125F,
		0 3px 0 #56125F,
		0 4px 0 #56125F,
		0 5px 0 #38043F,
		0 5px 2px #56125F,
		0 5px 6px #56125F;
	-webkit-box-shadow:
		0 -1px 1px rgba(86, 18, 95, 0.4), /* #56125F and opacity 40% */
		0 1px 0 #56125F,
		0 2px 0 #56125F,
		0 3px 0 #56125F,
		0 4px 0 #56125F,
		0 5px 0 #38043F,
		0 5px 2px #56125F,
		0 5px 6px #56125F;
	-o-box-shadow:
		0 -1px 1px rgba(86, 18, 95, 0.4), /* #56125F and opacity 40% */
		0 1px 0 #56125F,
		0 2px 0 #56125F,
		0 3px 0 #56125F,
		0 4px 0 #56125F,
		0 5px 0 #38043F,
		0 5px 2px #56125F,
		0 5px 6px #56125F;
	-ms-box-shadow:
		0 -1px 1px rgba(86, 18, 95, 0.4), /* #56125F and opacity 40% */
		0 1px 0 #56125F,
		0 2px 0 #56125F,
		0 3px 0 #56125F,
		0 4px 0 #56125F,
		0 5px 0 #38043F,
		0 5px 2px #56125F,
		0 5px 6px #56125F;
	/* End box shadow */
	}
.neo-download-two-magenta-two:before{/* line 1px top */
	/* background and gradient */
	background:#89598F;/*c1*/
	background: linear-gradient(left,
		transparent 0%,
		#A878AF 20%,
		#EBD1EF 50%,
		#A878AF 80%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#A878AF 20%,
		#EBD1EF 50%,
		#A878AF 80%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#A878AF 20%,
		#EBD1EF 50%,
		#A878AF 80%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#A878AF 20%,
		#EBD1EF 50%,
		#A878AF 80%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#A878AF 20%,
		#EBD1EF 50%,
		#A878AF 80%,
		transparent 100%);
	background:-webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #A878AF),
		color-stop(50%, #EBD1EF),
		color-stop(60%, #A878AF),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.neo-download-two-magenta-two:after{/* line 1px bottom */
	/* background and gradient */
	background:#A878AF;
	background: linear-gradient(left,
		transparent 0%,
		#A878AF 30%,
		#C99BCF 50%,
		#A878AF 70%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#A878AF 30%,
		#C99BCF 50%,
		#A878AF 70%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#A878AF 30%,
		#C99BCF 50%,
		#A878AF 70%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#A878AF 30%,
		#C99BCF 50%,
		#A878AF 70%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#A878AF 30%,
		#C99BCF 50%,
		#A878AF 70%,
		transparent 100%);
	background:-webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #A878AF),
		color-stop(50%, #C99BCF),
		color-stop(60%, #A878AF),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.neo-download-two-magenta-two:hover{
	/* background and gradient */
	background:#68306F;
	background: radial-gradient(
		50% -10%,
		ellipse,
		#A878AF 0%,
		#68306F 70%,
		#66226F 100%);		
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#A878AF 0%,
		#68306F 70%,
		#66226F 100%);		
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#A878AF 0%,
		#68306F 70%,
		#66226F 100%);		
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#A878AF 0%,
		#68306F 70%,
		#66226F 100%);		
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#A878AF 0%,
		#68306F 70%,
		#66226F 100%);		
	background-image: -webkit-gradient(radial,
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #A878AF),
		color-stop(20%, #68306F),
		color-stop(100%, #66226F)
		);
	/* End background and gradient */
	}
.neo-download-two-magenta-two:focus,
.neo-download-two-magenta-two:active{	
	/* text shadow */
	text-shadow: -1px -1px 0 #38043F;
	-moz-text-shadow: -1px -1px 0 #38043F;
	-webkit-text-shadow: -1px -1px 0 #38043F;
	-ms-text-shadow: -1px -1px 0 #38043F;
	/* End text shadow */

	/* box shadow */	
	box-shadow:
		0 -1px 1px rgba(86, 18, 95, 0.4), /* #56125F and opacity 40% */
		0 1px 0 #56125F,
		0 2px 0 #56125F,
		0 3px 0 #38043F,
		0 3px 2px #56125F,
		0 3px 6px #56125F;
	-moz-box-shadow:
		0 -1px 1px rgba(86, 18, 95, 0.4), /* #56125F and opacity 40% */
		0 1px 0 #56125F,
		0 2px 0 #56125F,
		0 3px 0 #38043F,
		0 3px 2px #56125F,
		0 3px 6px #56125F;
	-webkit-box-shadow:
		0 -1px 1px rgba(86, 18, 95, 0.4), /* #56125F and opacity 40% */
		0 1px 0 #56125F,
		0 2px 0 #56125F,
		0 3px 0 #38043F,
		0 3px 2px #56125F,
		0 3px 6px #56125F;
	-ms-box-shadow:
		0 -1px 1px rgba(86, 18, 95, 0.4), /* #56125F and opacity 40% */
		0 1px 0 #56125F,
		0 2px 0 #56125F,
		0 3px 0 #38043F,
		0 3px 2px #56125F,
		0 3px 6px #56125F;
	/* End box shadow */
	}
/* End Set Color */
/* End */
			
<!-- start -->
<a class='neo-download-two-magenta-two' href='#1'>download</a>
<!-- End -->
					
<!-- start -->
<a class='neo-download-two-magenta-two style-two' href='#1'>download</a>
<!-- End -->
					
/* start */
/*

Project Name : Neo CSS Download Button Two(red)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
Inspirated by : http://www.designrshub.com/2011/11/35-free-vector-download-button-psd-for.html
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain

Changelog
v1.0 2012-01-06 (Release)
v1.1 2012-03-10
	* Edit core
	
How to Usage?
Add this style, and using tag A than set the value of atribut class;
	For sample;
		one : <a class='neo-download-two-red' href='#1'>download</a>
		two : <a class='neo-download-two-red style-two' href='#1'>download</a>
	
*/

/* Framework */
.neo-download-two-red{
	outline:none;
	border:none;
	display:block;
	margin:0;
	overflow:hidden;
	text-decoration:none;
	padding:19px 15px 17px;
	text-align:center;
	text-transform:uppercase;
	font:normal bold 18px/17px Helvetica, Arial, sans-serif;
	float:left;
	
	/* border-radius */	
	-ms-border-radius:55px;		
	-webkit-border-radius:55px;
	-moz-border-radius:55px;
	border-radius:55px;
	/* End border-radius */

	}
.neo-download-two-red:before,/* line 1px top */
.neo-download-two-red:after{/* line 1px bottom */
	position:relative;
	content:'';
	height:1px;
	display:block;
	margin:0 auto;
	}
.neo-download-two-red:before{/* line 1px top */
	width:90%;
	opacity:0.6;
	top:-19px;
}
.neo-download-two-red:after{/* line 1px bottom */
	opacity:0.2;
	top:17px;
	}
.neo-download-two-red:hover{
	cursor: pointer;
	}
.neo-download-two-red:hover:after{
	opacity:0.4;
	}	
.neo-download-two-red:hover:before{
	opacity:0.8;
	}
.neo-download-two-red:focus,
.neo-download-two-red:active{
	outline:none;
	position:relative;
	top:3px;
	}
.neo-download-two-red:focus:before,
.neo-download-two-red:active:before
.neo-download-two-red:focus:after,
.neo-download-two-red:active:after{
	opacity:0.2;
	}

/* style-two */
.style-two{
	line-height:5px;
	font-size: 16px;

	/* border-radius */	
	border-radius:14px 14px 17px 17px;
	-webkit-border-radius:14px 14px 17px 17px;
	-moz-border-radius:14px 14px 17px 17px;
	-ms-border-radius:14px 14px 17px 17px;
	/* End border-radius */
	
	padding:0 17px 19px 17px;	

}
.style-two:before{/* rounded top */
	top:0;
	width:116%;
	left:-8%;
	padding:8px 0;
	
	border-radius:7px 7px 13px 13px;
	-moz-border-radius:7px 7px 13px 13px;
	-webkit-border-radius:7px 7px 13px 13px;
	-ms-border-radius:7px 7px 13px 13px;
	
	background:rgba(255, 255, 255, 0.8)!important;
	background: radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -moz-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -webkit-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -o-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
}
.style-two:after{/* line 1px bottom */
	top:19px;
	}
/* End style-two */

/* End Framework */

/* Set Color */
.neo-download-two-red{
	color:#efd1d1;
	
	/* text shadow */	
	text-shadow: 0 1px 0 #5f0000,
		0 2px 1px #5f0000;
	-moz-text-shadow: 0 1px 0 #5f0000,
		0 2px 1px #5f0000;
	-webkit-text-shadow: 0 1px 0 #5f0000,
		0 2px 1px #5f0000;
	-ms-text-shadow: 0 1px 0 #5f0000,
		0 2px 1px #5f0000;
	/* End text shadow */
	
	/* background and gradient */
	background:#ff1f1f;
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#ff9f9f 0%,
		#cf3333 70%,
		#af1515 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#ff9f9f 0%,
		#cf3333 70%,
		#af1515 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#ff9f9f 0%,
		#cf3333 70%,
		#af1515 100%);
	background: radial-gradient(
		50% -10%,
		ellipse,
		#ff9f9f 0%,
		#cf3333 70%,
		#af1515 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#ff9f9f 0%,
		#cf3333 70%,
		#af1515 100%);		
	background-image: -webkit-gradient(radial,/* old webkit */
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #ff9f9f),
		color-stop(20%, #cf3333),
		color-stop(100%, #af1515)
		);
	/* End background and gradient */		
	
	/* box shadow */	
	box-shadow:
		0 -1px 1px rgba(143, 0, 0, 0.4), /* #8f0000 and opacity 40% */
		0 1px 0 #8f0000,
		0 2px 0 #8f0000,
		0 3px 0 #8f0000,
		0 4px 0 #8f0000,
		0 5px 0 #8f0000,
		0 6px 0 #5f0000,
		0 6px 2px #8f0000,
		0 6px 8px #8f0000;
	-moz-box-shadow:
		0 -1px 1px rgba(143, 0, 0, 0.4), /* #8f0000 and opacity 40% */
		0 1px 0 #8f0000,
		0 2px 0 #8f0000,
		0 3px 0 #8f0000,
		0 4px 0 #8f0000,
		0 5px 0 #8f0000,
		0 6px 0 #5f0000,
		0 6px 2px #8f0000,
		0 6px 8px #8f0000;
	-webkit-box-shadow:
		0 -1px 1px rgba(143, 0, 0, 0.4), /* #8f0000 and opacity 40% */
		0 1px 0 #8f0000,
		0 2px 0 #8f0000,
		0 3px 0 #8f0000,
		0 4px 0 #8f0000,
		0 5px 0 #8f0000,
		0 6px 0 #5f0000,
		0 6px 2px #8f0000,
		0 6px 8px #8f0000;
	/* End box shadow */
	}
.neo-download-two-red:before{
	background:#ff6f6f;
	background: linear-gradient(left,
		transparent 0%,
		#ff9f9f 20%,
		#ffcfcf 50%,
		#ff9f9f 80%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#ff9f9f 20%,
		#ffcfcf 50%,
		#ff9f9f 80%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#ff9f9f 20%,
		#ffcfcf 50%,
		#ff9f9f 80%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#ff9f9f 20%,
		#ffcfcf 50%,
		#ff9f9f 80%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#ff9f9f 20%,
		#ffcfcf 50%,
		#ff9f9f 80%,
		transparent 100%);
	background:-webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #ff9f9f),
		color-stop(50%, #ffcfcf),
		color-stop(60%, #ff9f9f),
		color-stop(100%, transparent));
	/* End background and gradient */
}
.neo-download-two-red:after{
	/* background and gradient */
	background:#ff6f6f;
	background: linear-gradient(left,
		transparent 0%,
		#ff9f9f 30%,
		#ffbfbf 50%,
		#ff9f9f 70%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#ff9f9f 20%,
		#ffbfbf 50%,
		#ff9f9f 80%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#ff9f9f 20%,
		#ffbfbf 50%,
		#ff9f9f 80%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#ff9f9f 20%,
		#ffbfbf 50%,
		#ff9f9f 80%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#ff9f9f 20%,
		#ffbfbf 50%,
		#ff9f9f 80%,
		transparent 100%);
	background:-webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #ff9f9f),
		color-stop(50%, #ffbfbf),
		color-stop(60%, #ff9f9f),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.neo-download-two-red:hover{
	/* background and gradient */
	background:#ff1f1f;
	background: radial-gradient(
		50% -10%,
		ellipse,
		#ff9f9f 0%,
		#cf3333 70%,
		#8f0000 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#ff9f9f 0%,
		#cf3333 70%,
		#8f0000 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#ff9f9f 0%,
		#cf3333 70%,
		#8f0000 100%);
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#ff9f9f 0%,
		#cf3333 70%,
		#8f0000 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#ff9f9f 0%,
		#cf3333 70%,
		#8f0000 100%);		
	background-image: -webkit-gradient(radial,
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #ff9f9f),
		color-stop(20%, #cf3333),
		color-stop(100%, #8f0000)
		);
	/* End background and gradient */
	}
.neo-download-two-red:focus,
.neo-download-two-red:active{	
	/* text shadow */
	text-shadow: 0 -1px 0 #5f0000,
		-1px 0 0 #5f0000;
	-moz-text-shadow: 0 -1px 0 #5f0000,
		-1px 0 0 #5f0000;
	-ms-text-shadow: 0 -1px 0 #5f0000,
		-1px 0 0 #5f0000;
	-webkit-text-shadow: 0 -1px 0 #5f0000,
		-1px 0 0 #5f0000;
	/* End text shadow */
	
	/* background and gradient */
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#ff9f9f 0%,
		#cf3333 70%,
		#ef4a4a 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#ff9f9f 0%,
		#cf3333 70%,
		#ef4a4a 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#ff9f9f 0%,
		#cf3333 70%,
		#ef4a4a 100%);
	background: radial-gradient(
		50% -10%,
		ellipse,
		#ff9f9f 0%,
		#cf3333 70%,
		#ef4a4a 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#ff9f9f 0%,
		#cf3333 70%,
		#ef4a4a 100%);		
	background-image: -webkit-gradient(radial,
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #ff9f9f),
		color-stop(20%, #cf3333),
		color-stop(100%, #ef4a4a)
		);
	/* End background and gradient */

	/* box shadow */
	box-shadow:
		0 -1px 1px rgba(143, 0, 0, 0.4), /* #8f0000 and opacity 40% */
		0 1px 0 #8f0000,
		0 2px 0 #8f0000,
		0 3px 0 #5f0000,
		0 3px 2px #8f0000,
		0 3px 8px #8f0000;
	-moz-box-shadow:
		0 -1px 1px rgba(143, 0, 0, 0.4), /* #8f0000 and opacity 40% */
		0 1px 0 #8f0000,
		0 2px 0 #8f0000,
		0 3px 0 #5f0000,
		0 3px 2px #8f0000,
		0 3px 8px #8f0000;
	-webkit-box-shadow:
		0 -1px 1px rgba(143, 0, 0, 0.4), /* #8f0000 and opacity 40% */
		0 1px 0 #8f0000,
		0 2px 0 #8f0000,
		0 3px 0 #5f0000,
		0 3px 2px #8f0000,
		0 3px 8px #8f0000;	
	-ms-box-shadow:
		0 -1px 1px rgba(143, 0, 0, 0.4), /* #8f0000 and opacity 40% */
		0 1px 0 #8f0000,
		0 2px 0 #8f0000,
		0 3px 0 #5f0000,
		0 3px 2px #8f0000,
		0 3px 8px #8f0000;	
	/* End box shadow */	
	}
/* End Set Color */
/* End */
			
<!-- start -->
<a class='neo-download-two-red' href='#1'>download</a>
<!-- End -->
					
<!-- start -->
<a class='neo-download-two-red style-two' href='#1'>download</a>
<!-- End -->
					
/* start */
/*

Project Name : Neo CSS Download Button Two(red-two)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
Inspirated by : http://www.designrshub.com/2011/11/35-free-vector-download-button-psd-for.html
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain

Changelog
v1.0 2012-01-06 (Release)
v1.1 2012-03-10
	* Edit core
	
How to Usage?
Add this style, and using tag A than set the value of atribut class;
	For sample;
		one : <a class='neo-download-two-red-two' href='#1'>download</a>
		two : <a class='neo-download-two-red-two style-two' href='#1'>download</a>
	
*/

/* Framework */
.neo-download-two-red-two{
	outline:none;
	border:none;
	display:block;
	margin:0;
	overflow:hidden;
	text-decoration:none;
	padding:19px 15px 17px;
	text-align:center;
	text-transform:uppercase;
	font:normal bold 18px/17px Helvetica, Arial, sans-serif;
	float:left;
	
	/* border-radius */	
	-ms-border-radius:55px;		
	-webkit-border-radius:55px;
	-moz-border-radius:55px;
	border-radius:55px;
	/* End border-radius */

	}
.neo-download-two-red-two:before,/* line 1px top */
.neo-download-two-red-two:after{/* line 1px bottom */
	position:relative;
	content:'';
	height:1px;
	display:block;
	margin:0 auto;
	}
.neo-download-two-red-two:before{/* line 1px top */
	width:90%;
	opacity:0.6;
	top:-19px;
}
.neo-download-two-red-two:after{/* line 1px bottom */
	opacity:0.2;
	top:17px;
	}
.neo-download-two-red-two:hover{
	cursor: pointer;
	}
.neo-download-two-red-two:hover:after{
	opacity:0.4;
	}	
.neo-download-two-red-two:hover:before{
	opacity:0.8;
	}
.neo-download-two-red-two:focus,
.neo-download-two-red-two:active{
	outline:none;
	position:relative;
	top:3px;
	}
.neo-download-two-red-two:focus:before,
.neo-download-two-red-two:active:before
.neo-download-two-red-two:focus:after,
.neo-download-two-red-two:active:after{
	opacity:0.2;
	}

/* style-two */
.style-two{
	line-height:5px;
	font-size: 16px;

	/* border-radius */	
	border-radius:14px 14px 17px 17px;
	-webkit-border-radius:14px 14px 17px 17px;
	-moz-border-radius:14px 14px 17px 17px;
	-ms-border-radius:14px 14px 17px 17px;
	/* End border-radius */
	
	padding:0 17px 19px 17px;	

}
.style-two:before{/* rounded top */
	top:0;
	width:116%;
	left:-8%;
	padding:8px 0;
	
	border-radius:7px 7px 13px 13px;
	-moz-border-radius:7px 7px 13px 13px;
	-webkit-border-radius:7px 7px 13px 13px;
	-ms-border-radius:7px 7px 13px 13px;
	
	background:rgba(255, 255, 255, 0.8)!important;
	background: radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -moz-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -webkit-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -o-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
}
.style-two:after{/* line 1px bottom */
	top:19px;
	}
/* End style-two */

/* End Framework */

/* Set Color */
.neo-download-two-red-two{
	color:#EFE0E0;
	
	/* text shadow */	
	text-shadow:0 2px 1px #6F0000;
	-moz-text-shadow:0 2px 1px #6F0000;
	-webkit-text-shadow:0 2px 1px #6F0000;
	-ms-text-shadow:0 2px 1px #6F0000;
	/* End text shadow */
	
	/* background and gradient */
	background:#B74C4C;
	background: radial-gradient(
		50% -10%,
		ellipse,
		#EFD1D1 0%,
		#B74C4C 70%,
		#AF3636 100%);
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#EFD1D1 0%,
		#B74C4C 70%,
		#AF3636 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#EFD1D1 0%,
		#B74C4C 70%,
		#AF3636 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#EFD1D1 0%,
		#B74C4C 70%,
		#AF3636 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#EFD1D1 0%,
		#B74C4C 70%,
		#AF3636 100%);
	background-image: -webkit-gradient(radial,/* Old webkit */
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #EFD1D1),
		color-stop(20%, #B74C4C),
		color-stop(100%, #AF3636)
		);
	/* End background and gradient */		
	
	/* box shadow */	
	box-shadow:
		0 -1px 1px rgba(143, 8, 8, 0.4), /* #8F0808 and opacity 40% */
		0 1px 0 #8F0808,
		0 2px 0 #8F0808,
		0 3px 0 #8F0808,
		0 4px 0 #8F0808,
		0 5px 0 #6F0000,
		0 5px 2px #8F0808,
		0 5px 6px #8F0808;
	-moz-box-shadow:
		0 -1px 1px rgba(143, 8, 8, 0.4), /* #8F0808 and opacity 40% */
		0 1px 0 #8F0808,
		0 2px 0 #8F0808,
		0 3px 0 #8F0808,
		0 4px 0 #8F0808,
		0 5px 0 #6F0000,
		0 5px 2px #8F0808,
		0 5px 6px #8F0808;
	-webkit-box-shadow:
		0 -1px 1px rgba(143, 8, 8, 0.4), /* #8F0808 and opacity 40% */
		0 1px 0 #8F0808,
		0 2px 0 #8F0808,
		0 3px 0 #8F0808,
		0 4px 0 #8F0808,
		0 5px 0 #6F0000,
		0 5px 2px #8F0808,
		0 5px 6px #8F0808;
	-o-box-shadow:
		0 -1px 1px rgba(143, 8, 8, 0.4), /* #8F0808 and opacity 40% */
		0 1px 0 #8F0808,
		0 2px 0 #8F0808,
		0 3px 0 #8F0808,
		0 4px 0 #8F0808,
		0 5px 0 #6F0000,
		0 5px 2px #8F0808,
		0 5px 6px #8F0808;
	-ms-box-shadow:
		0 -1px 1px rgba(143, 8, 8, 0.4), /* #8F0808 and opacity 40% */
		0 1px 0 #8F0808,
		0 2px 0 #8F0808,
		0 3px 0 #8F0808,
		0 4px 0 #8F0808,
		0 5px 0 #6F0000,
		0 5px 2px #8F0808,
		0 5px 6px #8F0808;
	/* End box shadow */
	}
.neo-download-two-red-two:before{/* line 1px top */
	/* background and gradient */
	background:#BF5F5F;/*c1*/
	background: linear-gradient(left,
		transparent 0%,
		#CF8181 20%,
		#EFD1D1 50%,
		#CF8181 80%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#CF8181 20%,
		#EFD1D1 50%,
		#CF8181 80%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#CF8181 20%,
		#EFD1D1 50%,
		#CF8181 80%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#CF8181 20%,
		#EFD1D1 50%,
		#CF8181 80%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#CF8181 20%,
		#EFD1D1 50%,
		#CF8181 80%,
		transparent 100%);
	background:-webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #CF8181),
		color-stop(50%, #EFD1D1),
		color-stop(60%, #CF8181),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.neo-download-two-red-two:after{/* line 1px bottom */
	/* background and gradient */
	background:#CF8181;
	background: linear-gradient(left,
		transparent 0%,
		#CF8181 30%,
		#DFA7A7 50%,
		#CF8181 70%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#CF8181 30%,
		#DFA7A7 50%,
		#CF8181 70%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#CF8181 30%,
		#DFA7A7 50%,
		#CF8181 70%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#CF8181 30%,
		#DFA7A7 50%,
		#CF8181 70%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#CF8181 30%,
		#DFA7A7 50%,
		#CF8181 70%,
		transparent 100%);
	background:-webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #CF8181),
		color-stop(50%, #DFA7A7),
		color-stop(60%, #CF8181),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.neo-download-two-red-two:hover{
	/* background and gradient */
	background:#AF3636;
	background: radial-gradient(
		50% -10%,
		ellipse,
		#CF8181 0%,
		#AF3636 70%,
		#9F1D1D 100%);		
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#CF8181 0%,
		#AF3636 70%,
		#9F1D1D 100%);		
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#CF8181 0%,
		#AF3636 70%,
		#9F1D1D 100%);		
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#CF8181 0%,
		#AF3636 70%,
		#9F1D1D 100%);		
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#CF8181 0%,
		#AF3636 70%,
		#9F1D1D 100%);		
	background-image: -webkit-gradient(radial,
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #CF8181),
		color-stop(20%, #AF3636),
		color-stop(100%, #9F1D1D)
		);
	/* End background and gradient */
	}
.neo-download-two-red-two:focus,
.neo-download-two-red-two:active{	
	/* text shadow */
	text-shadow: -1px -1px 0 #6F0000;
	-moz-text-shadow: -1px -1px 0 #6F0000;
	-webkit-text-shadow: -1px -1px 0 #6F0000;
	-ms-text-shadow: -1px -1px 0 #6F0000;
	/* End text shadow */

	/* box shadow */	
	box-shadow:
		0 -1px 1px rgba(143, 8, 8, 0.4), /* #8F0808 and opacity 40% */
		0 1px 0 #8F0808,
		0 2px 0 #8F0808,
		0 3px 0 #6F0000,
		0 3px 2px #8F0808,
		0 3px 6px #8F0808;
	-moz-box-shadow:
		0 -1px 1px rgba(143, 8, 8, 0.4), /* #8F0808 and opacity 40% */
		0 1px 0 #8F0808,
		0 2px 0 #8F0808,
		0 3px 0 #6F0000,
		0 3px 2px #8F0808,
		0 3px 6px #8F0808;
	-webkit-box-shadow:
		0 -1px 1px rgba(143, 8, 8, 0.4), /* #8F0808 and opacity 40% */
		0 1px 0 #8F0808,
		0 2px 0 #8F0808,
		0 3px 0 #6F0000,
		0 3px 2px #8F0808,
		0 3px 6px #8F0808;
	-ms-box-shadow:
		0 -1px 1px rgba(143, 8, 8, 0.4), /* #8F0808 and opacity 40% */
		0 1px 0 #8F0808,
		0 2px 0 #8F0808,
		0 3px 0 #6F0000,
		0 3px 2px #8F0808,
		0 3px 6px #8F0808;
	/* End box shadow */
	}
/* End Set Color */
/* End */
			
<!-- start -->
<a class='neo-download-two-red-two' href='#1'>download</a>
<!-- End -->
					
<!-- start -->
<a class='neo-download-two-red-two style-two' href='#1'>download</a>
<!-- End -->
					
/* start */
/*

Project Name : Neo CSS Download Button Two(silver)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
Inspirated by : http://www.designrshub.com/2011/11/35-free-vector-download-button-psd-for.html
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain

Changelog
v1.0 2012-01-06 (Release)
v1.1 2012-03-10
	* Edit core
	
How to Usage?
Add this style, and using tag A than set the value of atribut class;
	For sample;
		one : <a class='neo-download-two-silver' href='#1'>download</a>
		two : <a class='neo-download-two-silver style-two' href='#1'>download</a>
	
*/

/* Framework */
.neo-download-two-silver{
	outline:none;
	border:none;
	display:block;
	margin:0;
	overflow:hidden;
	text-decoration:none;
	padding:19px 15px 17px;
	text-align:center;
	text-transform:uppercase;
	font:normal bold 18px/17px Helvetica, Arial, sans-serif;
	float:left;
	
	/* border-radius */	
	-ms-border-radius:55px;		
	-webkit-border-radius:55px;
	-moz-border-radius:55px;
	border-radius:55px;
	/* End border-radius */

	}
.neo-download-two-silver:before,/* line 1px top */
.neo-download-two-silver:after{/* line 1px bottom */
	position:relative;
	content:'';
	height:1px;
	display:block;
	margin:0 auto;
	}
.neo-download-two-silver:before{/* line 1px top */
	width:90%;
	opacity:0.6;
	top:-19px;
}
.neo-download-two-silver:after{/* line 1px bottom */
	opacity:0.2;
	top:17px;
	}
.neo-download-two-silver:hover{
	cursor: pointer;
	}
.neo-download-two-silver:hover:after{
	opacity:0.4;
	}	
.neo-download-two-silver:hover:before{
	opacity:0.8;
	}
.neo-download-two-silver:focus,
.neo-download-two-silver:active{
	outline:none;
	position:relative;
	top:3px;
	}
.neo-download-two-silver:focus:before,
.neo-download-two-silver:active:before
.neo-download-two-silver:focus:after,
.neo-download-two-silver:active:after{
	opacity:0.2;
	}

/* style-two */
.style-two{
	line-height:5px;
	font-size: 16px;

	/* border-radius */	
	border-radius:14px 14px 17px 17px;
	-webkit-border-radius:14px 14px 17px 17px;
	-moz-border-radius:14px 14px 17px 17px;
	-ms-border-radius:14px 14px 17px 17px;
	/* End border-radius */
	
	padding:0 17px 19px 17px;	

}
.style-two:before{/* rounded top */
	top:0;
	width:116%;
	left:-8%;
	padding:8px 0;
	
	border-radius:7px 7px 13px 13px;
	-moz-border-radius:7px 7px 13px 13px;
	-webkit-border-radius:7px 7px 13px 13px;
	-ms-border-radius:7px 7px 13px 13px;
	
	background:rgba(255, 255, 255, 0.8)!important;
	background: radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -moz-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -webkit-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -o-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
}
.style-two:after{/* line 1px bottom */
	top:19px;
	}
/* End style-two */

/* End Framework */

/* Set Color */
.neo-download-two-silver{
	color:#EFEFEF;
	
	
	/* text shadow */	
	text-shadow: 0 1px 0 #4a4a4a,
		0 2px 1px #4a4a4a;
	-moz-text-shadow: 0 1px 0 #4a4a4a,
		0 2px 1px #4a4a4a;
	-webkit-text-shadow: 0 1px 0 #4a4a4a,
		0 2px 1px #4a4a4a;
	-ms-text-shadow: 0 1px 0 #4a4a4a,
		0 2px 1px #4a4a4a;
	/* End text shadow */
	
	/* background and gradient */
	background:#9F9F9F;
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#BFBFBF 0%,
		#8C8C8C 70%,
		#8a8a8a 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#BFBFBF 0%,
		#8C8C8C 70%,
		#8a8a8a 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#BFBFBF 0%,
		#8C8C8C 70%,
		#8a8a8a 100%);
	background: radial-gradient(
		50% -10%,
		ellipse,
		#BFBFBF 0%,
		#8C8C8C 70%,
		#8a8a8a 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#BFBFBF 0%,
		#8C8C8C 70%,
		#8a8a8a 100%);		
	background-image: -webkit-gradient(radial,/* old webkit */
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #BFBFBF),
		color-stop(20%, #8C8C8C),
		color-stop(100%, #8a8a8a)
		);
	/* End background and gradient */		
	
	/* box shadow */	
	box-shadow:
		0 -1px 1px rgba(91, 91, 91, 0.4), /* #5B5B5B and opacity 40% */
		0 1px 0 #5B5B5B,
		0 2px 0 #5B5B5B,
		0 3px 0 #5B5B5B,
		0 4px 0 #5B5B5B,
		0 5px 0 #5B5B5B,
		0 6px 0 #4a4a4a,
		0 6px 2px #5B5B5B,
		0 6px 8px #5B5B5B;
	-moz-box-shadow:
		0 -1px 1px rgba(91, 91, 91, 0.4), /* #5B5B5B and opacity 40% */
		0 1px 0 #5B5B5B,
		0 2px 0 #5B5B5B,
		0 3px 0 #5B5B5B,
		0 4px 0 #5B5B5B,
		0 5px 0 #5B5B5B,
		0 6px 0 #4a4a4a,
		0 6px 2px #5B5B5B,
		0 6px 8px #5B5B5B;
	-webkit-box-shadow:
		0 -1px 1px rgba(91, 91, 91, 0.4), /* #5B5B5B and opacity 40% */
		0 1px 0 #5B5B5B,
		0 2px 0 #5B5B5B,
		0 3px 0 #5B5B5B,
		0 4px 0 #5B5B5B,
		0 5px 0 #5B5B5B,
		0 6px 0 #4a4a4a,
		0 6px 2px #5B5B5B,
		0 6px 8px #5B5B5B;
	/* End box shadow */
	}
.neo-download-two-silver:before{
	background:#AFAFAF;
	background: linear-gradient(left,
		transparent 0%,
		#BFBFBF 20%,
		#DFDFDF 50%,
		#BFBFBF 80%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#BFBFBF 20%,
		#DFDFDF 50%,
		#BFBFBF 80%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#BFBFBF 20%,
		#DFDFDF 50%,
		#BFBFBF 80%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#BFBFBF 20%,
		#DFDFDF 50%,
		#BFBFBF 80%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#BFBFBF 20%,
		#DFDFDF 50%,
		#BFBFBF 80%,
		transparent 100%);
	background:-webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #BFBFBF),
		color-stop(50%, #DFDFDF),
		color-stop(60%, #BFBFBF),
		color-stop(100%, transparent));
	/* End background and gradient */
}
.neo-download-two-silver:after{
	/* background and gradient */
	background:#AFAFAF;
	background: linear-gradient(left,
		transparent 0%,
		#BFBFBF 30%,
		#BFBFBF 50%,
		#BFBFBF 70%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#BFBFBF 20%,
		#BFBFBF 50%,
		#BFBFBF 80%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#BFBFBF 20%,
		#BFBFBF 50%,
		#BFBFBF 80%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#BFBFBF 20%,
		#BFBFBF 50%,
		#BFBFBF 80%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#BFBFBF 20%,
		#BFBFBF 50%,
		#BFBFBF 80%,
		transparent 100%);
	background:-webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #BFBFBF),
		color-stop(50%, #BFBFBF),
		color-stop(60%, #BFBFBF),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.neo-download-two-silver:hover{
	/* background and gradient */
	background:#9F9F9F;
	background: radial-gradient(
		50% -10%,
		ellipse,
		#BFBFBF 0%,
		#8C8C8C 70%,
		#5B5B5B 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#BFBFBF 0%,
		#8C8C8C 70%,
		#5B5B5B 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#BFBFBF 0%,
		#8C8C8C 70%,
		#5B5B5B 100%);
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#BFBFBF 0%,
		#8C8C8C 70%,
		#5B5B5B 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#BFBFBF 0%,
		#8C8C8C 70%,
		#5B5B5B 100%);		
	background-image: -webkit-gradient(radial,
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #BFBFBF),
		color-stop(20%, #8C8C8C),
		color-stop(100%, #5B5B5B)
		);
	/* End background and gradient */
	}
.neo-download-two-silver:focus,
.neo-download-two-silver:active{	
	/* text shadow */
	text-shadow: 0 -1px 0 #4a4a4a,
		-1px 0 0 #4a4a4a;
	-moz-text-shadow: 0 -1px 0 #4a4a4a,
		-1px 0 0 #4a4a4a;
	-ms-text-shadow: 0 -1px 0 #4a4a4a,
		-1px 0 0 #4a4a4a;
	-webkit-text-shadow: 0 -1px 0 #4a4a4a,
		-1px 0 0 #4a4a4a;
	/* End text shadow */
	
	/* background and gradient */
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#BFBFBF 0%,
		#8C8C8C 70%,
		#8F8F8F 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#BFBFBF 0%,
		#8C8C8C 70%,
		#8F8F8F 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#BFBFBF 0%,
		#8C8C8C 70%,
		#8F8F8F 100%);
	background: radial-gradient(
		50% -10%,
		ellipse,
		#BFBFBF 0%,
		#8C8C8C 70%,
		#8F8F8F 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#BFBFBF 0%,
		#8C8C8C 70%,
		#8F8F8F 100%);		
	background-image: -webkit-gradient(radial,
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #BFBFBF),
		color-stop(20%, #8C8C8C),
		color-stop(100%, #8F8F8F)
		);
	/* End background and gradient */

	/* box shadow */
	box-shadow:
		0 -1px 1px rgba(91, 91, 91, 0.4), /* #5B5B5B and opacity 40% */
		0 1px 0 #5B5B5B,
		0 2px 0 #5B5B5B,
		0 3px 0 #4a4a4a,
		0 3px 2px #5B5B5B,
		0 3px 8px #5B5B5B;
	-moz-box-shadow:
		0 -1px 1px rgba(91, 91, 91, 0.4), /* #5B5B5B and opacity 40% */
		0 1px 0 #5B5B5B,
		0 2px 0 #5B5B5B,
		0 3px 0 #4a4a4a,
		0 3px 2px #5B5B5B,
		0 3px 8px #5B5B5B;
	-webkit-box-shadow:
		0 -1px 1px rgba(91, 91, 91, 0.4), /* #5B5B5B and opacity 40% */
		0 1px 0 #5B5B5B,
		0 2px 0 #5B5B5B,
		0 3px 0 #4a4a4a,
		0 3px 2px #5B5B5B,
		0 3px 8px #5B5B5B;	
	-ms-box-shadow:
		0 -1px 1px rgba(91, 91, 91, 0.4), /* #5B5B5B and opacity 40% */
		0 1px 0 #5B5B5B,
		0 2px 0 #5B5B5B,
		0 3px 0 #4a4a4a,
		0 3px 2px #5B5B5B,
		0 3px 8px #5B5B5B;	
	/* End box shadow */	
	}
/* End Set Color */
/* End */
			
<!-- start -->
<a class='neo-download-two-silver' href='#1'>download</a>
<!-- End -->
					
<!-- start -->
<a class='neo-download-two-silver style-two' href='#1'>download</a>
<!-- End -->
					
/* start */
/*

Project Name : Neo CSS Download Button Two(silver-two)
Version : 1.0
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
Inspirated by : http://www.designrshub.com/2011/11/35-free-vector-download-button-psd-for.html
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain

Changelog
v1.0 2012-01-06 (Release)
v1.1 2012-03-10
	* Edit core
	
How to Usage?
Add this style, and using tag A than set the value of atribut class;
	For sample;
		one : <a class='neo-download-two-silver-two' href='#1'>download</a>
		two : <a class='neo-download-two-silver-two style-two' href='#1'>download</a>
	
*/

/* Framework */
.neo-download-two-silver-two{
	outline:none;
	border:none;
	display:block;
	margin:0;
	overflow:hidden;
	text-decoration:none;
	padding:19px 15px 17px;
	text-align:center;
	text-transform:uppercase;
	font:normal bold 18px/17px Helvetica, Arial, sans-serif;
	float:left;
	
	/* border-radius */	
	-ms-border-radius:55px;		
	-webkit-border-radius:55px;
	-moz-border-radius:55px;
	border-radius:55px;
	/* End border-radius */

	}
.neo-download-two-silver-two:before,/* line 1px top */
.neo-download-two-silver-two:after{/* line 1px bottom */
	position:relative;
	content:'';
	height:1px;
	display:block;
	margin:0 auto;
	}
.neo-download-two-silver-two:before{/* line 1px top */
	width:90%;
	opacity:0.6;
	top:-19px;
	}
.neo-download-two-silver-two:after{/* line 1px bottom */
	opacity:0.2;
	top:17px;
	}
.neo-download-two-silver-two:hover{
	cursor: pointer;
	}
.neo-download-two-silver-two:hover:after{
	opacity:0.4;
	}	
.neo-download-two-silver-two:hover:before{
	opacity:0.8;
	}
.neo-download-two-silver-two:focus,
.neo-download-two-silver-two:active{
	outline:none;
	position:relative;
	top:3px;
	}
.neo-download-two-silver-two:focus:before,
.neo-download-two-silver-two:active:before
.neo-download-two-silver-two:focus:after,
.neo-download-two-silver-two:active:after{
	opacity:0.2;
	}

/* style-two */
.style-two{
	line-height:5px;
	font-size: 16px;

	/* border-radius */	
	border-radius:14px 14px 17px 17px;
	-webkit-border-radius:14px 14px 17px 17px;
	-moz-border-radius:14px 14px 17px 17px;
	-ms-border-radius:14px 14px 17px 17px;
	/* End border-radius */
	
	padding:0 17px 19px 17px;	

}
.style-two:before{/* rounded top */
	top:0;
	width:116%;
	left:-8%;
	padding:8px 0;
	
	border-radius:7px 7px 13px 13px;
	-moz-border-radius:7px 7px 13px 13px;
	-webkit-border-radius:7px 7px 13px 13px;
	-ms-border-radius:7px 7px 13px 13px;
	
	background:rgba(255, 255, 255, 0.8)!important;
	background: radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -moz-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -webkit-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
	background: -o-radial-gradient(
		50% 90%,
		ellipse,
		rgba(255, 255, 255, 0.0) 0%,
		rgba(255, 255, 255, 1) 100%)!important;
}
.style-two:after{/* line 1px bottom */
	top:19px;
	}
/* End style-two */

/* End Framework */

/* Set Color */
.neo-download-two-silver-two{
	color:#9a9a9a;
	
	/* text shadow */	
	text-shadow:0 2px 1px #dfdfdf;
	/* End text shadow */
	
	/* background and gradient */
	background:#d7d7d7;
	background: radial-gradient(
		50% -10%,
		ellipse,
		#efefef 0%,
		#d7d7d7 70%,
		#c6c6c6c 100%);
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#efefef 0%,
		#d7d7d7 70%,
		#c6c6c6c 100%);
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#efefef 0%,
		#d7d7d7 70%,
		#c6c6c6c 100%);
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#efefef 0%,
		#d7d7d7 70%,
		#c6c6c6c 100%);
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#efefef 0%,
		#d7d7d7 70%,
		#c6c6c6c 100%);
	background-image: -webkit-gradient(radial,/* Old webkit */
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #efefef),
		color-stop(20%, #d7d7d7),
		color-stop(100%, #c6c6c6c)
		);
	/* End background and gradient */		
	
	/* box shadow */	
	box-shadow:
		0 -1px 1px rgba(181, 179, 179, 0.4), /* #b5b3b3 and opacity 40% */
		0 1px 0 #b5b3b3,
		0 2px 0 #b5b3b3,
		0 3px 0 #b5b3b3,
		0 4px 0 #b5b3b3,
		0 5px 0 #a8a8a8,
		0 5px 2px #b5b3b3,
		0 5px 6px #b5b3b3;
	-moz-box-shadow:
		0 -1px 1px rgba(181, 179, 179, 0.4), /* #b5b3b3 and opacity 40% */
		0 1px 0 #b5b3b3,
		0 2px 0 #b5b3b3,
		0 3px 0 #b5b3b3,
		0 4px 0 #b5b3b3,
		0 5px 0 #a8a8a8,
		0 5px 2px #b5b3b3,
		0 5px 6px #b5b3b3;
	-webkit-box-shadow:
		0 -1px 1px rgba(181, 179, 179, 0.4), /* #b5b3b3 and opacity 40% */
		0 1px 0 #b5b3b3,
		0 2px 0 #b5b3b3,
		0 3px 0 #b5b3b3,
		0 4px 0 #b5b3b3,
		0 5px 0 #a8a8a8,
		0 5px 2px #b5b3b3,
		0 5px 6px #b5b3b3;
	-o-box-shadow:
		0 -1px 1px rgba(181, 179, 179, 0.4), /* #b5b3b3 and opacity 40% */
		0 1px 0 #b5b3b3,
		0 2px 0 #b5b3b3,
		0 3px 0 #b5b3b3,
		0 4px 0 #b5b3b3,
		0 5px 0 #a8a8a8,
		0 5px 2px #b5b3b3,
		0 5px 6px #b5b3b3;
	-ms-box-shadow:
		0 -1px 1px rgba(181, 179, 179, 0.4), /* #b5b3b3 and opacity 40% */
		0 1px 0 #b5b3b3,
		0 2px 0 #b5b3b3,
		0 3px 0 #b5b3b3,
		0 4px 0 #b5b3b3,
		0 5px 0 #a8a8a8,
		0 5px 2px #b5b3b3,
		0 5px 6px #b5b3b3;
	/* End box shadow */
	}
.neo-download-two-silver-two:before{/* line 1px top */
	/* background and gradient */
	background:#dbdbdb;/*c1*/
	background: linear-gradient(left,
		transparent 0%,
		#dedede 20%,
		#efefef 50%,
		#dedede 80%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#dedede 20%,
		#efefef 50%,
		#dedede 80%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#dedede 20%,
		#efefef 50%,
		#dedede 80%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#dedede 20%,
		#efefef 50%,
		#dedede 80%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#dedede 20%,
		#efefef 50%,
		#dedede 80%,
		transparent 100%);
	background:-webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #dedede),
		color-stop(50%, #efefef),
		color-stop(60%, #dedede),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.neo-download-two-silver-two:after{/* line 1px bottom */
	/* background and gradient */
	background:#dedede;
	background: linear-gradient(left,
		transparent 0%,
		#dedede 30%,
		#eaeaea 50%,
		#dedede 70%,
		transparent 100%);
	background: -moz-linear-gradient(left,
		transparent 0%,
		#dedede 30%,
		#eaeaea 50%,
		#dedede 70%,
		transparent 100%);
	background: -webkit-linear-gradient(left,
		transparent 0%,
		#dedede 30%,
		#eaeaea 50%,
		#dedede 70%,
		transparent 100%);
	background: -o-linear-gradient(left,
		transparent 0%,
		#dedede 30%,
		#eaeaea 50%,
		#dedede 70%,
		transparent 100%);
	background: -ms-linear-gradient(left,
		transparent 0%,
		#dedede 30%,
		#eaeaea 50%,
		#dedede 70%,
		transparent 100%);
	background:-webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, transparent),
		color-stop(40%, #dedede),
		color-stop(50%, #eaeaea),
		color-stop(60%, #dedede),
		color-stop(100%, transparent));
	/* End background and gradient */
	}
.neo-download-two-silver-two:hover{
	/* background and gradient */
	background:#c6c6c6c;
	background: radial-gradient(
		50% -10%,
		ellipse,
		#dedede 0%,
		#c6c6c6c 70%,
		#bcbaba 100%);		
	background: -moz-radial-gradient(
		50% -10%,
		ellipse,
		#dedede 0%,
		#c6c6c6c 70%,
		#bcbaba 100%);		
	background: -webkit-radial-gradient(
		50% -10%,
		ellipse,
		#dedede 0%,
		#c6c6c6c 70%,
		#bcbaba 100%);		
	background: -o-radial-gradient(
		50% -10%,
		ellipse,
		#dedede 0%,
		#c6c6c6c 70%,
		#bcbaba 100%);		
	background: -ms-radial-gradient(
		50% -10%,
		ellipse,
		#dedede 0%,
		#c6c6c6c 70%,
		#bcbaba 100%);		
	background-image: -webkit-gradient(radial,
		50% -10%,
		0, 90 90, 360,
		color-stop(0, #dedede),
		color-stop(20%, #c6c6c6c),
		color-stop(100%, #bcbaba)
		);
	/* End background and gradient */
	}
.neo-download-two-silver-two:focus,
.neo-download-two-silver-two:active{	
	/* text shadow */
	text-shadow: -1px -1px 0 #a8a8a8;
	-moz-text-shadow: -1px -1px 0 #a8a8a8;
	-webkit-text-shadow: -1px -1px 0 #a8a8a8;
	-ms-text-shadow: -1px -1px 0 #a8a8a8;
	/* End text shadow */

	/* box shadow */	
	box-shadow:
		0 -1px 1px rgba(181, 179, 179, 0.4), /* #b5b3b3 and opacity 40% */
		0 1px 0 #b5b3b3,
		0 2px 0 #b5b3b3,
		0 3px 0 #a8a8a8,
		0 3px 2px #b5b3b3,
		0 3px 6px #b5b3b3;
	-moz-box-shadow:
		0 -1px 1px rgba(181, 179, 179, 0.4), /* #b5b3b3 and opacity 40% */
		0 1px 0 #b5b3b3,
		0 2px 0 #b5b3b3,
		0 3px 0 #a8a8a8,
		0 3px 2px #b5b3b3,
		0 3px 6px #b5b3b3;
	-webkit-box-shadow:
		0 -1px 1px rgba(181, 179, 179, 0.4), /* #b5b3b3 and opacity 40% */
		0 1px 0 #b5b3b3,
		0 2px 0 #b5b3b3,
		0 3px 0 #a8a8a8,
		0 3px 2px #b5b3b3,
		0 3px 6px #b5b3b3;
	-ms-box-shadow:
		0 -1px 1px rgba(181, 179, 179, 0.4), /* #b5b3b3 and opacity 40% */
		0 1px 0 #b5b3b3,
		0 2px 0 #b5b3b3,
		0 3px 0 #a8a8a8,
		0 3px 2px #b5b3b3,
		0 3px 6px #b5b3b3;
	/* End box shadow */
	}
/* End Set Color */
/* End */
			
<!-- start -->
<a class='neo-download-two-silver-two' href='#1'>download</a>
<!-- End -->
					
<!-- start -->
<a class='neo-download-two-silver-two style-two' href='#1'>download</a>
<!-- End -->
					

Neo CSS Download Buttons Three

The css
/* Start */
/*

Project Name : Neo CSS Download Button Three
Version : 1.1
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Inspirated by : http://www.designrshub.com/2011/11/35-free-vector-download-button-psd-for.html
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain

Changelog
v1.0 2012-01-06 (Release)
v1.1 2012-03-21
	*Edit core
	
How to Use?
1. Copy All CSS
2. Set value the tag A
	For sample;

<a class='neo-download-three styleone skybluecolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 Free</span>
</a>

<a class='neo-download-three styleone styleone-b skybluecolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 Free</span>
</a>

*/
/* Framework */
.neo-download-three{
	text-transform: capitalize;
	font: bold 18px arial, helvetica, sans-serif;
	float: left;	
	color:#ffffff;
	padding:10px 0;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;
	}
.neo-download-three,
.neo-download-three:link,
.neo-download-three:visited{
	text-decoration: none;
	}
.neo-download-three:focus{
	outline: none;
	box-shadow:1px 1px 1px #548193;
	-moz-box-shadow:1px 1px 1px #548193;
	-webkit-box-shadow:1px 1px 1px #548193;
	-ms-box-shadow:1px 1px 1px #548193;
}
/* End Framework */
/* skybluecolor and silvercolor:hover */
.silvercolor:hover,	
.skybluecolor{
	/* background and gradient */
	background: #1DB3EF;
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #BAEAFE),
		color-stop(40%, #1DB3EF),
		color-stop(40%, #00ABEF),
		color-stop(100%, #0094CF));	
	background: linear-gradient(top,
		#BAEAFE 0%,
		#1DB3EF 40%,
		#00ABEF 40%,
		#0094CF 100%);
	background: -moz-linear-gradient(top,
		#BAEAFE 0%,
		#1DB3EF 40%,
		#00ABEF 40%,
		#0094CF 100%);
	background: -webkit-linear-gradient(top,
		#BAEAFE 0%,
		#1DB3EF 40%,
		#00ABEF 40%,
		#0094CF 100%);
	background: -o-linear-gradient(top,
		#BAEAFE 0%,
		#1DB3EF 40%,
		#00ABEF 40%,
		#0094CF 100%);
	background: -ms-linear-gradient(top,
		#BAEAFE 0%,
		#1DB3EF 40%,
		#00ABEF 40%,
		#0094CF 100%);
	/* end background and gradient */
	
	text-shadow: -1px 0 #0089BF, 0 -1px #0089BF;
	border: 1px solid #5FD1FF;
	}
.silvercolor:hover span.elementone:before,
.skybluecolor span.elementone:before{
	box-shadow: -1px 0 #0089BF, 0 -1px #0089BF;
	-moz-box-shadow: -1px 0 #0089BF, 0 -1px #0089BF;
	-webkit-box-shadow: -1px 0 #0089BF, 0 -1px #0089BF;
	-ms-box-shadow: -1px 0 #0089BF, 0 -1px #0089BF;
	}
.silvercolor:hover span.elementtwo:before,
.skybluecolor span.elementtwo:before{
	box-shadow: 0 -1px 0 #0089BF, -1px 0 0 #0089BF;
	-moz-box-shadow: 0 -1px 0 #0089BF, -1px 0 0 #0089BF;
	-webkit-box-shadow: 0 -1px 0 #0089BF, -1px 0 0 #0089BF;
	-ms-box-shadow: 0 -1px 0 #0089BF, -1px 0 0 #0089BF;
	}
.silvercolor:hover span.elementtwo:after,	
.silvercolor:hover span.elementtwo:before,
.skybluecolor span.elementtwo:after,	
.skybluecolor span.elementtwo:before{
	box-shadow: 0 -1px 0 #0089BF;
	-moz-box-shadow: 0 -1px 0 #0089BF;
	-webkit-box-shadow: 0 -1px 0 #0089BF;
	-ms-box-shadow: 0 -1px 0 #0089BF;
	}
.silvercolor:hover span.elementtwo,
.skybluecolor span.elementtwo{
	/* background and gradient */
	background: #007DAF;
	background: -webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, #007DAF),
		color-stop(100%, #00668F));
	background: linear-gradient(left,
		#007DAF 0%,
		#00668F 100%);
	background: -moz-linear-gradient(left,
		#007DAF 0%,
		#00668F 100%);
	background: -webkit-linear-gradient(left,
		#007DAF 0%,
		#00668F 100%);
	background: -o-linear-gradient(left,
		#007DAF 0%,
		#00668F 100%);
	background: -ms-linear-gradient(left,
		#007DAF 0%,
		#00668F 100%);
	/* end background and gradient */
	}
.silvercolor:hover span.elementtwo:before,
.skybluecolor span.elementtwo:before{
	border-color: #006C98 #006C98 transparent transparent;
	}

/*
end skybluecolor and silvercolor:hover
*/

/*
silvercolor and skybluecolor:hover
*/
.skybluecolor:hover,
.silvercolor{
	/* background and gradient */
	background: #E0DFE3;
	background: -webkit-gradient(/* old webkit */
		linear,
		left top,
		left bottom,
		color-stop(0%, #efefef),
		color-stop(40%, #BFBFBF),
		color-stop(40%, #b8b8b8),
		color-stop(100%, #909090));			
	background: linear-gradient(top,
		#efefef 0%,
		#BFBFBF 40%,
		#b8b8b8 40%,
		#909090 100%);
	background: -moz-linear-gradient(top,
		#efefef 0%,
		#BFBFBF 40%,
		#b8b8b8 40%,
		#909090 100%);
	background: -o-linear-gradient(top,
		#efefef 0%,
		#BFBFBF 40%,
		#b8b8b8 40%,
		#909090 100%);
	background: -webkit-linear-gradient(top,
		#efefef 0%,
		#BFBFBF 40%,
		#b8b8b8 40%,
		#909090 100%);
	background: -ms-linear-gradient(top,
		#efefef 0%,
		#BFBFBF 40%,
		#b8b8b8 40%,
		#909090 100%);
	/* end background and gradient */
	border: 1px solid #BFBFBF;
	text-shadow: -1px 0 #828282, 0 -1px #828282;
	}
.skybluecolor:hover span.elementtwo,
.silvercolor span.elementtwo{
	/* background and gradient */
	background: #686767;
	background: -webkit-gradient(/* old webkit */
		linear,
		left bottom,
		right bottom,
		color-stop(0%, #686767),
		color-stop(100%, #5B5959));	
	background: linear-gradient(left,
		#686767 0%,
		#5B5959 100%);
	background: -moz-linear-gradient(left,
		#686767 0%,
		#5B5959 100%);
	background: -o-linear-gradient(left,
		#686767 0%,
		#5B5959 100%);
	background: -webkit-linear-gradient(left,
		#686767 0%,
		#5B5959 100%);
	background: -ms-linear-gradient(left,
		#686767 0%,
		#5B5959 100%);
	/* end background and gradient */
	}
.skybluecolor:hover span.elementone:before,
.silvercolor span.elementone:before{
	box-shadow: -1px 0 0 #828282, 0 -1px 0 #828282;
	-moz-box-shadow: -1px 0 0 #828282, 0 -1px 0 #828282;
	-webkit-box-shadow: -1px 0 0 #828282, 0 -1px 0 #828282;
	-ms-box-shadow: -1px 0 0 #828282, 0 -1px 0 #828282;
	}
.skybluecolor:hover span.elementtwo:before,
.silvercolor span.elementtwo:before{
	box-shadow: 0 -1px 0 #828282, -1px 0 0 #828282;
	-moz-box-shadow: 0 -1px 0 #828282, -1px 0 0 #828282;
	-webkit-box-shadow: 0 -1px 0 #828282, -1px 0 0 #828282;
	-ms-box-shadow: 0 -1px 0 #828282, -1px 0 0 #828282;
	}
.skybluecolor:hover span.elementtwo:after,
.skybluecolor:hover span.elementtwo:before,
.silvercolor span.elementtwo:after,
.silvercolor span.elementtwo:before{
	box-shadow: 0 -1px 0 #828282;
	-moz-box-shadow: 0 -1px 0 #828282;
	-webkit-box-shadow: 0 -1px 0 #828282;
	-ms-box-shadow: 0 -1px 0 #828282;
	}
.skybluecolor:hover span.elementtwo:before,
.silvercolor span.elementtwo:before{
	border-color: #5B5B5B #5B5B5B transparent transparent;
	}
/* end silver color */
.styletwo:hover span.elementtwo:before{
border-color: #fff transparent transparent transparent;
}

/*
.downloadbotton:hover span.elementone:before
.downloadbotton:hover span.elementtwo:after,
*/
.styletwo-b:hover span.elementone:before,
.styleone-b:hover span.elementone:before,
.stylesix:hover span.elementone:before,
.stylefive:hover span.elementone:before,
.stylethree:hover span.elementone:before,
.stylefour:hover span.elementtwo:after,
.stylethree:hover span.elementtwo:after,
.styletwo:hover span.elementtwo:after,
.stylesix:hover span.elementtwo:after,
.stylefive:hover span.elementtwo:after,
.stylefour:hover span.elementtwo:after,
.styletwo-b span.elementone:before,
.styleone-b span.elementone:before,
.stylesix span.elementone:before,
.stylefive span.elementone:before,
.stylethree span.elementone:before,
.stylefour span.elementtwo:after,
.stylethree span.elementtwo:after,
.styletwo span.elementtwo:after,
.stylesix span.elementtwo:after,
.stylefive span.elementtwo:after,
.stylefour span.elementtwo:after{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
}
.stylesix span,
.stylefive span,
.stylefour span,
.stylethree span,
.styletwo span,
.styleone span{
	display: block;
	padding: 0 20px 0 65px;
	}
.stylesix:hover span.elementtwo,
.stylefive:hover span.elementtwo,
.stylefour:hover span.elementtwo,
.stylethree:hover span.elementtwo,
.styletwo:hover span.elementtwo,
.styleone:hover span.elementtwo,
.stylesix span.elementtwo,
.stylefive span.elementtwo,
.stylefour span.elementtwo,
.stylethree span.elementtwo,
.styletwo span.elementtwo,
.styleone span.elementtwo{
	font-size: 14px;
	font-weight: normal;
	background: transparent;
	}
.stylesix span.elementone:before,
.stylefive span.elementone:before,
.stylefour span.elementone:before,
.styletwo span.elementone:before,
.styleone span.elementone:before{/* to styleone, styletwo, this style for created circle */
	position: relative;
	border: 4px solid #fff;
	content: '';
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 0 0 -55px;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	}
.stylefour,
.stylefive{
	overflow: hidden;
	}
.styletwo-b span.elementone:before,
.styleone-b span.elementone:before{
	border-color: transparent;
	}
.stylefour span.elementone:before{
	margin: 0 0 0 -66px;
	border: none;
	background: #fff;
	opacity: 0.5;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	}
.stylesix span.elementone:before,
.stylefive span.elementone:before{
	height: 60px;
	margin: -20px 0 0 -66px;
	border: none;
	background: #fff;
	opacity: 0.5;
	
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	}
.stylesix span.elementone:before{
	margin: -11px 0 0 -66px;
	height: 62px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	}
.stylesix{
	padding-bottom: 0;
	overflow: hidden;
	}
.stylethree span.elementone:before{
	position: relative;
	background: #fff;
	content: '';
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 0 0 -55px;
	opacity: 0.6;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	}
.stylethree-b span.elementone:before{
	background: transparent;
	}
.styleone span.elementtwo:before{
	position: relative;
	z-index: 2;
	content: '';
	width: 10px;
	height: 14px;
	float: left;
	border-width: 16px 16px 16px 16px;
	margin: -10px 0 0 -36px;
	background: #fff;
	}
.styletwo span.elementtwo:before{
	position: relative;
	clear: both;
	content: '';
	width: 0;
	height: 0;
	float: left;
	border-style: solid;
	border-width: 12px 12px 12px 12px;
	margin: -32px 0 0 -43px;
	border-color: #fff transparent transparent;
	}
.stylesix span.elementtwo:after,
.stylefive span.elementtwo:after,
.stylefour span.elementtwo:after,
.stylethree span.elementtwo:after,
.styletwo span.elementtwo:after,
.styleone span.elementtwo:after{/* triangel */
	position: relative;
	clear: both;
	content: '';
	width: 0;
	height: 0;
	float: left;
	border-style: solid;
	border-width: 12px 12px 12px 12px;
	margin: -23px 0 0 -43px;
	border-color: #fff transparent transparent;
	}
.stylethree span.elementtwo:after{
	border-width: 10px 10px 10px 10px;
	margin: -23px 0 0 -45px;
	}
.stylesix span.elementtwo:after,
.stylefive span.elementtwo:after,
.stylefour span.elementtwo:after{
	margin: -26px 0 0 -57px;
	border-top-color: #fff;
	opacity: 0.8;	
	}	
.stylesix span.elementtwo:after{
	margin-top: -34px;
	}
.styleribbon{
	padding: 15px 0 20px 0;
	}
.styleribbon span.elementone{
	display: block;
	padding: 0 20px 0 70px;
	}
.styleribbon span.elementtwo{
	float: left;
	margin: -25px 0 0 -7px;
	font-size: 14px;
	font-weight: normal;
	padding: 5px 5px 5px 5px;
	text-shadow: none;
	clear: both;
	position: relative;
	z-index: 2;
	display: block;
	border-radius: 3px 3px 3px 0;
	-moz-border-radius: 3px 3px 3px 0;
	-webkit-border-radius: 3px 3px 3px 0;
	}
.styleribbon span.elementtwo:before{
	content: '';
	width: 0;
	position: relative;
	z-index: 1;
	height: 0;
	float: left;
	border-style: solid;
	border-width: 3px;
	top: 21px;
	left: -5px;	
	}
/* End */
			
the html preview/result min source
<!-- Start -->
<a class='neo-download-three styleone skybluecolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 Free</span>
</a>
<!-- End -->
			
<!-- Start -->
<a class='neo-download-three styleone styleone-b skybluecolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 Free</span>
</a>
<!-- End -->
			
<!-- Start -->
<a class='neo-download-three styletwo skybluecolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 Free</span>
</a>
<!-- End -->
			
<!-- Start -->
<a class='neo-download-three styletwo styletwo-b skybluecolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 Free</span>
</a>
<!-- End -->
			
<!-- Start -->
<a class='neo-download-three stylethree skybluecolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 Free</span>
</a>
<!-- End -->
			
<!-- Start -->
<a class='neo-download-three stylethree stylethree-b skybluecolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 Free</span>
</a>
<!-- End -->
			
<!-- Start -->
<a class='neo-download-three stylefour skybluecolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 Free</span>
</a>
<!-- End -->
			
<!-- Start -->
<a class='neo-download-three stylefive skybluecolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 Free</span>
</a>
<!-- End -->
			
<!-- Start -->
<a class='neo-download-three stylesix skybluecolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 Free</span>
</a>
<!-- End -->
			
<!-- Start -->
<a class='neo-download-three styleribbon skybluecolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 <!-- please using   for space -->Free</span>
</a>
<!-- End -->
			
<!-- Start -->
<a class='neo-download-three styleone silvercolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 Free</span>
</a>
<!-- End -->
			
<!-- Start -->
<a class='neo-download-three styleone styleone-b silvercolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 Free</span>
</a>
<!-- End -->
			
<!-- Start -->
<a class='neo-download-three styletwo silvercolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 Free</span>
</a>
<!-- End -->
			
<!-- Start -->
<a class='neo-download-three styletwo styletwo-b silvercolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 Free</span>
</a>
<!-- End -->
			
<!-- Start -->
<a class='neo-download-three stylethree silvercolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 Free</span>
</a>
<!-- End -->
			
<!-- Start -->
<a class='neo-download-three stylethree stylethree-b silvercolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 Free</span>
</a>
<!-- End -->
			
<!-- Start -->
<a class='neo-download-three stylefour silvercolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 Free</span>
</a>
<!-- End -->
			
<!-- Start -->
<a class='neo-download-three stylefive silvercolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 Free</span>
</a>
<!-- End -->
			
<!-- Start -->
<a class='neo-download-three stylesix silvercolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 Free</span>
</a>
<!-- End -->
			
<!-- Start -->
<a class='neo-download-three styleribbon silvercolor' href='#1'>
	<span class='elementone'>download</span>
	<span class='elementtwo'>0.1 <!-- please using   for space -->Free</span>
</a>
<!-- End -->
			

One thought on “Neo Download Button”

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Note

/*

Project Name : Neo CSS Download Buttons
Description : The CSS download buttons purly with CSS
Version : 1.1
Author : Indaam || Indam || Irham Kendeni. Is same.
Author Url : http://www.indaam.net
Check for Update & report bugs: http://www.indaam.net/projects/css/neo-download-button
CSS license : Copyleft, Public domain (free for all and free for commerical projects)

Copyleft : http://en.wikipedia.org/wiki/Copyleft
Public domain : http://en.wikipedia.org/wiki/Public_domain
*/
				
i indonesia indonesia indonesia indonesia