body
{
margin:0;
padding:0;
}
#main
{
width:1000px;
margin-left:auto;
margin-right:auto;
}
.banner
{
float:left;
width:100%;
height:80px;
border:1px solid #8A99A9;
background: url(images/banner.jpg) repeat-x;
text-align:center;
font-weight:bold;
color:white;
font-size:23px;
text-transform:uppercase;
}
.menu
{
float:left;
width:100%;
height:20px;
border:1px solid #8A99A9;
background: url(images/menu.jpg) repeat-x;
}
.menu a
{
text-decoration:none;
color:black;
font-weight:bold;
margin-left:16px;
}
.menu a:hover
{
text-decoration:underline;
}
.left
{
float:left;
width:180px;
margin-right:5px;
border:1px solid #8A99A9;
background: url(images/right.jpg) repeat;
}
.left .area_list a
{
float:left;
clear:left;
font-size:13px;
text-decoration: none;
color: #2D4257;
}
.right
{
float:left;
width:180px;
height:700px;
margin-left:5px;
border:1px solid #8A99A9;
background: url(images/right.jpg) repeat;
}
.title
{
float:left;
width:100%;
font-size:16px;
text-align:center;
font-weight:bold;
}

#homepage, #listing, #details
{
float:left;
width:620px;
border:1px solid #8A99A9;
}
/**** LISTING ****/
.list .element
{
float:left;
width:99%;
margin-top:6px;
clear:left;
font-size:14px;
border:1px solid #8A99A9;
background: url(images/center.jpg) repeat-x;
}
.list .element .name
{
float:left;
width:100%;
}
.list .element .address
{
float:left;
width:100%;
}
.list .element a
{
float:left;
width:100%;
text-decoration:none;
color:red;
text-align:center;
padding-left:120px;
}
.list .element a:hover
{
text-decoration:underline;
}
/**** DETAILS ****/
.details_box
{
float:left;
width:100%:
}
.details_box .name, .details_box .address, .details_box .phone
{
float:left;
width:100%;
clear:left;
}

/**** PAGER ****/
#pager
{
float:left;
width:100%;
text-align:center;
}
#pager a
{
text-decoration:none;
margin:6px;
}