html, body{width:100%; heigxht:100%;  margin:0px; padding:0px;
   font:normal normal 14px Open Sans;
  }
body { background:#444;}
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0; }
#wrapper {  min-width: 320px; margin: 0 auto; 
   height:95%;
 }
 #homepage_wrapper{
   text-align:center;
 }   

#content{
  opacity:.8;
  background:#f5f4f4;
  margin-top:50px;
  padding:25px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 8px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 8px 0px;
  -webkit-perspective-origin: 235px 185px;
  -webkit-transform-origin: 235px 185px;
}

.box {
  width: 300px; 
  padding: 10px; 
  margin:10px; 
  height: 200px; 
  min-height:200px;
  height: auto !important;
  border: 0px; 
  background: #f5f4f4;
  display:inline-block ;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 8px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 8px 0px;
  -webkit-perspective-origin: 235px 185px;
  -webkit-transform-origin: 235px 185px;
   margin-top:200px;
}

#logo, #footer{
 height:20px;
 background:#000;
 padding:15px;
 font-size:1.5em;
 color:#f5f4f4;
 opacity:.7;
 text-align:left;
 }

#footer {
 position:absolute;
 bottom:0;
 right: 0;
 font-size:1em;
}

#logo a, #footer a{
  color:#efd351;
  text-decoration:none;
}

img.background{
 position:absolute;
 z-index:-1;
 display:none;
}


#map_canvas {
  overflow:scroll;
  position:relative;
  margin-left:260px;
  height:99%;
  background:transparent;
  opacity:.9;
}

#sidebar{
  width:255px;
  height:100%;
  float:left;
  background:white;
  opacity:.8;
  position:absolute;
  padding-left:5px;
}

#sidebar_item{
  padding:5px;
  padding-bottom:15px;
}

.title{
 font-weight:bold;
}

#sidebar a{
  color:#0e144f;
}