body {
  text-align: center;
  min-width: 915px;
  background-color:#F0F0F0;
	margin: 25px 0;
}

#container {
	width: 915px;
	color: #000000;
	text-align: left;
	background-color:#ffffff;
	margin: 0 auto;
}

/* --- HEADER --- */

#header {
	height: 84px;
	background-image: url(../images/design/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#logo {
	height: 57px;
	padding-left: 20px;
}
#topnavcontainer {
	height: 27px;
	padding-left: 5px; 
	background-image: url(../images/design/topnav_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}

/* --- HOME PAGE CENTER--- */

#content {
	width: 915px;
	margin: 5px 0;
}
#hands {
	float: left;
	display: inline;
	border: 1px solid #ccc;
	margin: 0 0 0 20px;
}
#message td {
	vertical-align: top;
	background: url(../images/design/message_bg.jpg) repeat-x top left;
}
#clients {
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 10px;
	margin: 15px 15px 15px 0;
}
#clients img {
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #ccc;
}
#promotions {
	float: right; 
	width: 200px;
	text-align: right;
}

/* --- HOME PAGE LOWER PANELS--- */

#panelcontainer {
	padding: 0 0 150px 15px
}
#panel {
	width: 210px; /* 220 - 20 */
	height: 132px; /* 134 - 12 */
	float: left;
	margin: 0 6px 20px 0;
	padding: 6px 5px;
}
/*.panelshoes {
	background: url(../images/design/home_panel_shoes.jpg) no-repeat top left; 
}
.panelsign {
	background: url(../images/design/home_panel_sign.jpg) no-repeat top left; 
}
.panelscales {
	background: url(../images/design/home_panel_scales.jpg) no-repeat top left;
}*/
.rightbox {
	width: 195px;
	border: 1px solid #ccc;
	margin: 0 5px 5px 0;
	float: right;
	clear: right;
	color: #045783;
	font-size: 10px;
	text-align: left;
	line-height: 11px;
}

/* --- SUB PAGE --- http://www.neuroticweb.com/recursos/3-columns-layout */

#wrapper {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 915px;
}
#side-a {
	float: left;
	width: 190px;
	margin: 5px 0 20px 0;
}
body.twocol #side-a {
	width: 20px;
}
#side-b {
	float: right;
	width: 207px;
	margin: 5px 0 20px 0;
	text-align: right;
}
#side-b img {
	margin-right: 5px;
}
#middle { 
	float: left;
	width: 54%;
	margin: 5px 0 20px 0;
}
body.twocol #middle {
	width: 670px;
}
.listing {
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 15px;
}
.listingimg {
	float: left;
	margin: 0 10px 10px 0;
}
.listingage {
	margin-top: 3px;
	padding: 3px;
	border: 1px solid grey;
	text-align: center;
}
.listing .sold {
	background-color: #023b4f;
	color: white;
}
.listing .underoffer {
	background-color: #57b30a;
	color: white;
}
.listing .new {
	background-color: #aa2e2e;
	color: white;
}
.listing .onemonth {
	background-color: #e9e9e9;
	color: black;
}
.listing .live {
	background-color: #93def3;
	color: black;
}
.recordcounter td {
	padding: 5px;
}

table td {
	vertical-align: top;
}

#leftnav table td {
	vertical-align: middle;
}

/* --- DETAILS PAGE --- */

table.details td {
	padding: 5px;
	line-height: 15px;
}
table.details td label {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	width: 200px;
}
#gallery {
	float: right;
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #ccc;
	text-align: center;
}
.gallerytitle {
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 5px;
	color: #999;
}

/* --- FOOTER --- */

#footer {
	width: 915px;
	padding: 8px 0;
	background-color: #002538;
	background-image:url(../images/design/footer_bg.gif); 
	background-repeat:repeat-x;
}
#footerlinks {
	float: left;
	display: inline;
	width: 400px;
	margin: 0 33px;
}
#sitemap {
	float: right;
	width: 265px;
}

/* --- CLEARFIX --- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* --- IMAGES --- */

img.aligntl {
	float: left;
	padding: 0 10px 10px 0;
}
img.aligntr {
	float: right;
	padding: 0 0 10px 10px;
}
