@charset "UTF-8";
/* CSS Document */

body{
background:url(../images/bg.jpg) repeat-x left top #1c3858;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#333333;
	}
	
	
p{
	color:#333333;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}

a{
	color:#004F7F;
	}
	
#header{
	width:800px;
	height:207px;
	margin:0 auto;
	padding:0;
	}
	
#banner{
	width:800px;
	height:207px;
	margin:0;
	padding:0;
	
	}
#wrap{
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 813px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	
	text-align: left; /* this overrides the text-align: center on the body element. */
	background:url(../images/content_bg.png) repeat-y top;
	padding:0;
} 

#leftPan{
	width:220px;
	left:0;
	top:0;
	float:left;
	margin:0 0 0 15px;
	}
	
#rightPan{
	width:560px;
	float:right;
	padding:15px 15px 0 0;
	}
#footer{	
background: url(../images/footer.jpg) no-repeat center bottom;
	text-align:center;
	color:#666666;
	font-size:11px;
	padding:5px 15px 40px 15px;
	clear:both;
	}


/* /////   MAin /////*/


#mainTop{
	background:url(../images/main_bg_top.jpg) no-repeat;
	height:50px;
	padding:0;
	margin:0;
	width:550px;
	}
	
#main{
	background:url(../images/main_bg.jpg) repeat-y;
	padding:0 0px 0 0px;
	margin:0;
	width:550px;
	min-height:700px;
	}
	
#mainBottom{
	background:url(../images/main_bg_bottom.jpg) no-repeat top left;
	height:20px;
	width:550px;
	padding:0;
	margin:0;
	}
	
/* MENU STYLES ///////////////*/


#menuTop{
	background:url(../images/menu_top.jpg) no-repeat center top;
	height:4px;
	padding:0;
	margin:0;
	}
#menu{
	background:url(../images/menu_bg.jpg) repeat-y center;
	padding:0 10px 0 10px;
	}
	
#menuBottom{
	background:url(../images/menu_bottom.jpg) no-repeat center top;
	height:4px;
	}
	

#menu a{
	padding:7px 0 7px 20px;
	color:#027AC1;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	display:block;
	background:url(../images/menu_bineta_normal.jpg) no-repeat left;
	text-decoration:none;
	margin:0;
	line-height:15px;
	}
	
#menu a:hover{
	background:#FAAF3B url(../images/menu_bineta_hover.jpg) no-repeat left;
	color:#FFFFFF;
	}
	


#main_menu{
	width:800px;
	position:absolute;
	z-index:500;
	height:50px;
	background:url(../images/top-menu-repeat.png) repeat-x;
	top: 0px;
	cursor:pointer;
	}
	
#main_menu ul{
	background:url(../images/top-menu-corner-right.png) right no-repeat;
	padding:0 23px 0 0;
	height:50px;
	margin:0;
	z-index:500;
	cursor:pointer;
	}
	
#main_menu ul li{
	float:right;
	list-style:none;
	padding:0;
	margin:0;
	line-height:45px;
	background:url(../images/top-menu-bg.png) repeat-x;
	height:50px;
	cursor:pointer;
	}
#main_menu ul .leftside{
	background:url(../images/top-menu-corner-left.png) no-repeat;
	height:50px;
	width:20px;
	padding:0;
	margin:0;
	}
	
#main_menu ul li a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:0 7px;
	margin:0;
	background:url(../images/top-menu-a-bg.png) right top no-repeat;
	display:block;
	cursor:pointer;
	}
	
#main_menu ul li a:hover{
	background:url(../images/top-menu-bg-hover.png) repeat-x;
	color:#1D3051;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	cursor:pointer;
	}


/* TEXT STYLES /////////////////*/

#pageTitle{
	color:#CC0000;
	font-size:22px;
	font-weight:bold;
	margin:0px 0 0 10px;
	padding:15px 0 0 10px;
	line-height:25px;
	display:block;
	}
	
#pageTitle img{
	margin:0 10px 0 0;
	}
	
.orange_text{
	color:#FF6600;
	}
/* LITINGS STILES /////////////////*/

.listing{
	padding:15px 15px 15px 15px;
	background:#F2F6F9;
	border:#CCCCCC solid 1px;
	margin:10px 0 0 0;
	}

.listing_title{
	display:block;
	font-size:14px;
	color:#004F7F;
	text-transform:uppercase;
	font-weight:bold;
	background:#FFFFFF;
	padding:0 3px 0 0;
	border:#CCCCCC solid 1px;
	line-height:21px;
	}
.listing_title a{
	text-decoration:none;
	}
.listing_img{
	width:142px;
	float:left;
	padding:2px;
	background:#FFFFFF;
	border:#666666 solid 1px;
	margin:0;
	}
.listing_text{
	width:320px;
	margin:0 0 0 160px;
	padding:0;
	
	font-size:12px;
	}
listing_text p{
	margin:1px 0 1px 0;
	text-align:justify;
	}
.mls{
	background:url(../images/MLS_bg.png) no-repeat left;
	color:#FFFFFF;
	width:77px;
	height:21px;
	float:left;
	margin:0 5px 0 0;
	padding:0 3px 0 2px;
	}
.price{
	display:block;
	color:#CC0000;
	font-size:14px;
	font-weight:bold;
	margin:3px 0 10px 0;
	}
.new_listing_tab{
background:url(../images/new_property_tab.png) no-repeat right;
height:16px;
margin:0 10px 0 0;
}

#main_img{
	width:295px;
	border:#999999 solid 1px;
	background:#FFFFFF;
	padding:2px;
	margin:10px 0 0 0;
	float:left;
	}





	
/*//// UTULITIES ///////*/

.linea{
	background:url(../images/dot.jpg) repeat-x;
	height:1px;
	margin:5px 10px 5px 10px;
	}
.lineaNoMargins{
	background:url(../images/dot.jpg) repeat-x;
	margin:3px 0px 3px 0px;
	height:1px;
	}
	
.paddedContent{
	padding:0 10px 0 10px;
	width:529px;
	}
	
.boton_utilities{
	padding:5px 5px 5px 0;
	font-size:12px;
	display:block;
	text-align:center;
	color:#000033;
	text-decoration:none;
	float:left;
	}
.boton_utilities a{
	color:#000033;
	text-decoration:none;
	
	}
.boton_utilities a:hover{
	background:#CCCCCC;
	}
.clear{
	clear:both;
	}
	
#mortgage_wrap{
	
	padding:0;
	}
#mortgage-wrap-top{
	background:url(../images/mortgage_cal_top.jpg) no-repeat;
	height:35px;
	padding:0;
	margin:0;
	}
#mortgage-wrap-content{
	padding:0 20px;
	border:1px solid #CCCCCC;
	border-top:none;
	width:167px;
	}
	
/* -------------- TOP Menu -------------------------*/

#top-menu-wrap{
	margin:0 auto;
	width:800px;
	display:none;
	}
#top-menu{
	height:50px;
	background:url(../images/top-menu-repeat.png) repeat-x;
	margin:0 auto;
	padding:0;
	position:absolute;
	width:800px;
	border:0;
	z-index:500;
	}
	
#top-menu ul{
	margin:0;
	padding:0 23px 0 0;
	background:url(../images/top-menu-corner-right.png) no-repeat right;
	height:50px;
	}
	
#top-menu ul li{ 
	float:right;
	line-height:50px;

	list-style:none;
	}
	
#top-menu ul li a{ 
	background:url(../images/top-menu-bg.png) repeat-x;
	display:block;
	line-height:50px;
	color:#fff;
	margin:0;
	padding:0 5px;
	text-decoration:none;
	text-transform:uppercase;
	}
#top-menu ul li a:hover{
	
	font-weight:bold;
	color:#123E6E;
	}
.menu-top-left{
	background:url(../images/top-menu-corner-left.png) no-repeat;
	height:50px;
	width:20px;
	}