body {
    background-color: #c5ccd3;
    font: 62.5% Helvetica, Arial, Verdana, sans-serif; 
    font-weight: bold;	
    color: #000;
    margin: 0;
    padding: 0;
    }
    
.clear {	
    clear: both;
    }

a, a:visited {
    color: #000;
    text-decoration: none;	
	}
    
#page {
    width: 320px;
    margin: 0 auto;
    }
    
#header {
    }
    
#mapbutton {
    width: 300px;
    background-color: #fff;
    margin: 0 auto;
    padding: 10px 0 10px 0;
    font: 1.7em Helvetica, Arial, Verdana, sans-serif;
    color: #000;
    -webkit-border-radius: .8em .8em;
    border: 1px solid #d9d9d9;
    font-weight: bold;
    text-align: center;
    }  
    
#main {
    width: 280px;
    margin: 10px 0 10px 25px;
    }
      
.routebutton {
    width: 2em;
    display: inline;
    float: left;
    margin: 10px 10px 0 0;
    padding: 0.4em 0 0.4em 0;
    -webkit-border-radius: .3em .3em;
    border: 1px solid #d9d9d9;
    font-size: 4em;
    text-align: center;
    background-color: #fff;
    }
    
#footer {
    width: 300px;
    background-color: #fff;
    margin: 0 auto 10px auto;
    padding: 10px 0 10px 0;
    font: 1.7em Helvetica, Arial, Verdana, sans-serif;
    color: #000;
    -webkit-border-radius: .8em .8em;
    border: 1px solid #d9d9d9;
    font-weight: bold;
    text-align: center;
    }
    
h1 {
    font-size: 2em;
    color: #4c566c;
    margin: 10px 0 10px 0;
    text-align: center;
    }