* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

body {
	background-color:#ECECED;
	text-align:center;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:11px;
}
  

h1 {
    font-size:20px;
    font-weight:bold;
    margin-bottom:10px;
    margin-top:10px;
    color:#fff;
}	
	

img {
    border:none;
}
	

a {
    color:#fff;
}
	
a:visited {
    color:#fff;
}
  
	
#distance { 
	width:100%;
	height:50%;
	margin-bottom:-205px;
}

#container {
	margin:0 auto;
	position:relative;
	text-align:left;
	height:415px;
	width:984px;

}
  
.top {
  	background-color:#fff;
}
  
.contentl {
    background-color:#b7b7b7;
    color:#fff;
    padding:14px;
    height:230px;
    width:509px;
    float:left;
    font-size:13px;
}
  
.contentr {
  	width:447px;
    float:left;
}
  
#footer {
    clear:both;
    background-color:#fff;
    width:984px; 
    font-size:12px;
    font-weight:bold;
    line-height:25px;
    color:#999;
    height:25px;
 }
  
</style>