body{
background-image: url(pics/southbridge/back.jpg);
}

div.top_bar{
  width:  100%;
  vertical-align: top;
  text-align:  center;
  border:0px solid;
  border-radius: 25px;
  padding: 25%, 0;
  margin: auto;
}

div.content{
  width:  100%;
  height: 670px;
  vertical-align: top;
  text-align:  center;
  border:0px solid;
  border-radius: 25px;
  padding: 25%, 0;
}

div.listings{
  float: left;
  width:  550px;
  vertical-align: top;
  text-align:  center;
  border:0px solid;
  border-radius: 1px;
  padding: 25%, 2;
}

div.individual{
  width:  550px;
  vertical-align: top;
  text-align:  right;
  border:0px solid;
  border-radius: 0px;
  padding: 25%, 0;
  margin: 0px auto;
  
}

div.individual:hover{
  background-color:  lightgray;
}

div.details{
  float: right;
  width:  calc(100% - 550px);
  height:  600px;
  vertical-align: top;
  text-align:  center;
  border:0px solid;
  border-radius: 0px;
  padding: 25%, 2;
}

div.footer{
  width:  100%;
  vertical-align: top;
  text-align:  center;
  border:0px solid;
  border-radius: 0px;
  padding: 25%, 0;
  margin: 0px auto;
}