.cssbutton
{
	height:20px; width:900px; padding:20px 0px 0px 20px;
}
.iconbutton 
{
	height:26px;
	width:100%;
	font-size: 15px;
	line-height: 100%;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	color: #fff;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	font-weight: normal;
	color: #fff;
	line-height:25px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	font-family: 'Roboto Light';
}


.iconbutton:active 
{
	padding-top: 0px;
    margin-bottom: 0px;
}
.iconbutton, .iconbutton:hover, .iconbutton:active {
	outline: 0 none;
	text-decoration: none;
	color: #fff;
}

.shade-1 
{
	background-color:#910000; box-shadow: 0px 2px 0px 0px #6a0000;
}
.shade-1:hover {
	background-color:#b80000;
}
/*
<div class="cssbutton">
<a href="#" class="button shade-1">Submit</a>
</div>


<div style="height:20px; width:900px; padding:20px 0px 0px 20px;">
<a href="#" class="button shade-0">Submit</a>
</div>

<div style="width:960px; height:25px;">&nbsp;</div>

<div style="height:20px; width:900px; padding:20px 0px 0px 20px;">
<a href="#" class="button shade-00">Submit</a>
</div>

<div style="width:960px; height:25px;">&nbsp;</div>

<div style="height:20px; width:900px; padding:20px 0px 0px 20px;">
<a href="#" class="button shade-2">Submit</a>
</div>

<div style="width:960px; height:25px;">&nbsp;</div>

<div style="height:20px; width:900px; padding:20px 0px 0px 20px;">
<a href="#" class="button shade-3">Submit</a>
</div>

<div style="width:960px; height:25px;">&nbsp;</div>

<div style="height:20px; width:900px; padding:20px 0px 0px 20px;">
<a href="#" class="button shade-4">Submit</a>
</div>

<div style="width:960px; height:25px;">&nbsp;</div>

<div style="height:20px; width:900px; padding:20px 0px 0px 20px;">*/
<a href="#" class="button shade-5">Submit</a>
</div>
-->
</body>
</html>