/*===BASIC TEMPLATE 1===
Fixed width, two columns
Horizontal menu, dropdowns top to bottom
=======================*/

/* Global structure
----------------------*/
body, html, #wrap {height: 100%;}
#wrap {width: 756px;margin: 0 auto;}
#footer {clear: both;padding: 10px 0 20px 0; text-align: center;}
#header {padding: 0 0;overflow:hidden;}

body, html {
background-color: #b4b4b6;
}

body {
background-image: url(/img/bg.gif);
background-repeat: repeat-x;
}

#wrap,
#footer {
background-image: url(/img/basic/wrap_bg.gif);
background-repeat: repeat-y;
background-position: left top;
}

#home #main {
background-image: url(/img/basic/column_right.gif);
background-repeat: repeat-y;
background-position: left top;
}

#main {
background-color: #fff;
}

#menu {
background-color: #7f8082;
background-image: url(/img/nav_bg.jpg);
background-repeat: repeat-x;
}

.animation {
height: 173px;
}

#buying .animation,
#selling .animation,
#rent .animation,
#renting .animation,
#about .animation,
#contact .animation
 {
display: none;
}

#buying #content,
#selling #content,
#rent #content,
#about #content
 {
width: 710px;
}


/* Column layout
-----------------*/
/* two column, sidebar on the right */
#main {
clear: both;
}

#content {
width: 495px;
float: left; 
padding: 15px 20px;
}

#sub-section {
width: 188px; 
float: right; 
padding: 15px 10px; 
}

/* pages without columns */
html.nocol #content,
body.listing #content,
body.detail #content,
body#staff #content 
{
width: auto;
display: block;
float: none;
}

/* Pages without columns
-------------------------*/
html.nocol #main,
body.listing #main,
body.detail #main,
body#staff #main {
background-image: none;
background-color: #fff;
}


/* Menu
---------*/

.menu {
width: 756px;
margin: 0 auto;
}

.menu a {
padding: 8px 28px 8px;
}

.menu li {
padding: 8px 0;
}

.menu li li {
padding: 0;
}

.menu li li a {
padding: 4px 15px;
display: block;
width: 130px;
}

.menu li#contactList a {
margin-left: 4px
}