body {
    background: url(/purplemountain.jpg) #151B54 no-repeat;
	font-family: Roboto, Arial, sans-serif;
	font-size: 16px;
	color: #333;
}
h1 {
	text-transform: uppercase;
	font-weight: 800;
}
a:link {
	color: #000;
}
#nav {
	background: #fff;
	padding: 15px 2%;
	min-width: 640px;
	height: 50px;
	margin: 20px auto;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}
#nav #navlogo {
	float:left;
}
#nav .navitem {
	float:left;
	font-weight: 800;
	margin: 15px 0px auto 15px;
	display:block;
}
#nav .navtitle {
	float:left;
	font-weight: 800;
	font-size: 22px;
	margin: 12px 0px auto 15px;
	display:block;
}
#main {
	height: 100%;
	width: 90%;
	min-width: 640px;
	margin: 0 auto;
}
#main #data {
	padding: 15px 0;
	margin: 20px auto;
	background: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
	display: inline-block;
	width:100%;
}
#data div {
	text-align:center;
}
#data #list {
	width:96%;
	float:left;
	padding: 0 0 0 2%;
	display: inline-block;
}

.deposit {
    top: 100px;
    left: 200px;
    display: inline-block;
    margin: 10px auto;
    
    -webkit-border-radius: 10px;
    
    -webkit-box-shadow: 
        0px 3px rgba(128,128,128,1), /* gradient effects */
        0px 4px rgba(118,118,118,1),
        0px 5px rgba(108,108,108,1),
        0px 6px rgba(98,98,98,1),
        0px 7px rgba(88,88,88,1),
        0px 8px rgba(78,78,78,1),
        0px 14px 6px -1px rgba(128,128,128,1); /* shadow */
    
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
} 

.deposit span {
    background-color: #E8E8E8;
    
    background-image: 
        /* gloss gradient */
        -webkit-gradient(
            linear, 
            left bottom, 
            left top, 
            color-stop(50%,rgba(255,255,255,0)), 
            color-stop(50%,rgba(255,255,255,0.3)), 
            color-stop(100%,rgba(255,255,255,0.2))),
        
        /* dark outside gradient */
        -webkit-gradient(
            linear, 
            left top, 
            right top, 
            color-stop(0%,rgba(210,210,210,0.3)), 
            color-stop(20%,rgba(210,210,210,0)), 
            color-stop(80%,rgba(210,210,210,0)), 
            color-stop(100%,rgba(210,210,210,0.3))),
        
        /* light inner gradient */
        -webkit-gradient(
            linear, 
            left top, 
            right top, 
            color-stop(0%,rgba(255,255,255,0)), 
            color-stop(20%,rgba(255,255,255,0.5)), 
            color-stop(80%,rgba(255,255,255,0.5)), 
            color-stop(100%,rgba(255,255,255,0))),        
        
        /* diagonal line pattern */
        -webkit-gradient(
            linear, 
            0% 100%, 
            100% 0%, 
            color-stop(0%,rgba(255,255,255,0)), 
            color-stop(40%,rgba(255,255,255,0)), 
            color-stop(40%,#D2D2D1), 
            color-stop(60%,#D2D2D1), 
            color-stop(60%,rgba(255,255,255,0)), 
            color-stop(100%,rgba(255,255,255,0)));
    
        -webkit-box-shadow:
            0px -1px #fff, /* top highlight */
            0px 1px 1px #FFFFFF; /* bottom edge */
    
    -webkit-background-size: 100%, 100%, 100%, 4px 4px;
    
    -webkit-border-radius: 10px;
    -webkit-transition: -webkit-transform .1s ease-in-out;
    
    display: inline-block;
    padding: 10px 40px 10px 40px;
    
    color: #151B54;
    text-transform: uppercase;
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 24px;
    
    text-shadow: 0px 1px #fff, 0px -1px #262F33;
}

        .deposit span:hover {
            color: #800080;
            text-shadow: 0px -1px #97A63A;
            cursor: pointer;
        }

        .deposit:active {
            -webkit-box-shadow: 
                0px 3px rgba(128,128,128,1),
                0px 4px rgba(118,118,118,1),
                0px 5px rgba(108,108,108,1),
                0px 6px rgba(98,98,98,1),
                0px 7px rgba(88,88,88,1),
                0px 8px rgba(78,78,78,1),
                0px 10px 2px 0px rgba(128,128,128,.6); /* shadow */
        }

        .deposit:active span{
            -webkit-transform: translate(0, 5px); /* depth of button press */
        }