/* 1. Button */
.button {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	
	text-decoration:none;
	color: #fff;
	display:inline-block;
	font-family:inherit;
	margin-right:5px;
	margin-bottom:5px;
	font-size:12px;
	text-align:center;
	text-decoration:none;
}

/* 1. Black Button */
.blue {
	background: #10323e;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	
	text-decoration:none;
	color: #fff;
	display:inline-block;
	font-family:inherit;
	font-size:12px;
	text-align:center;
	text-decoration:none;
}
.blue:hover {
	background: #050505;
	color: #fff;
}

/* 2. Red Button */
.red {
	background: #7b0b0a;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	
	text-decoration:none;
	color: #fff;
	display:inline-block;
	font-family:inherit;
	font-size:12px;
	text-align:center;
	text-decoration:none;
}
.red:hover {
	background: #050505;
	color: #fff;
}

/* 3. Green Button */
.green {
	background: #1f5811;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	
	text-decoration:none;
	color: #fff;
	display:inline-block;
	font-family:inherit;
	font-size:12px;
	text-align:center;
	text-decoration:none;
}
.green:hover {
	background: #050505;
	color: #fff;
}

/* 4. Brown Button */
.brown {
	background: #452411;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	
	text-decoration:none;
	color: #fff;
	display:inline-block;
	font-family:inherit;
	font-size:12px;
	text-align:center;
	text-decoration:none;
}
.brown:hover {
	background: #050505;
	color: #fff;
}

/* 5. Black Button */
.black {
	background: #34342c;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	
	text-decoration:none;
	color: #fff;
	display:inline-block;
	font-family:inherit;
	font-size:12px;
	text-align:center;
	text-decoration:none;
}
.black:hover {
	background: #050505;
	color: #fff;
}

/* 6. Orange Button */
.orange {
	background: #c43a0c;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	
	text-decoration:none;
	color: #fff;
	display:inline-block;
	font-family:inherit;
	font-size:12px;
	text-align:center;
	text-decoration:none;
}
.orange:hover {
	background: #050505;
	color: #fff;
}

/* Button Sizes */
.small {
	padding:1px 10px !important;
	font-size:11px !important;
	font-weight:normal !important;
}
.medium {
	padding:5px 20px !important;
	font-size:13px !important;
	font-weight:normal !important;
}
.big {
	padding:10px 30px !important;
	font-size:15px !important;
	font-weight:normal !important;
}