body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	text-align: center; 
	background: #aaa;
}
html { font-size: 100%; }

#container {
width: 800px; 
height: 560px;
/*margin: 0 auto 0 auto;
 */
text-align: left;
}

#left_menu {
font-size: 1.6em;
color: #060;
width: 206px;
height: 100%;
margin: 0;
float: left;
padding: 0;
background: #fff url('images/left_menu.jpg') no-repeat top;
}

#left_menu ul {
padding-top: 10px;
padding-left: 10px;
list-style-type: none;
}

#left_menu li a:hover {
color: #0C0;
text-decoration: none;
}

#left_menu a:link, #left_menu a:visited {
color: #080;
text-decoration: none;
}

#left_menu p {
font-size: 1.8em;
}


#body {
position: relative;
width: 592px;
height: 100%;
font-size: 1.2em;
color: #000;
background:  url('images/bettercommute_title.jpg') no-repeat top;
/*background: #fff url('images/background_body.png') no-repeat top;
 */
float: left;
}

#front_body {
position: relative;
width: 592px;
height: 100%;
font-size: 1.2em;
color: #000;
background: #fff url('images/background_body.jpg') no-repeat top;
float: right;
}

#body h2, h3, h4, p, a {
/*margin: 4px;
 */
padding-left: 4px;
}

#body h1 {
color: #080;
font-size: 1.6em;
padding-bottom: 25px;
text-align: center;
}

#body li {
}

#body a {
padding: 0;
text-decoration: none;
}

#body a:link, a:visited {
color: #060;
}

#body a:hover {
color: #0A0;
}

#body img {
border: 0;
}

#body img.bright {
opacity: 0.75;
-moz-opacity: 0.75;
filter:alpha(opacity=75);
}

#body img.bright:hover {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}

img#rail {
position: absolute;
top: 10;
left: 160;
}

img#bus {
position: absolute;
left: 320;
top: 200;
}

img#biker {
position: absolute;
right: 40;
bottom: 60;
}

img#walker {
position: absolute;
left: 90;
bottom: 40;
}

.clear {
clear: both;
}