body {/*margin: 0; padding: 0;*/	
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
/*a {
	color: #7A4A1C;

}
a:hover {
	color: #787666;
}
ul { list-style: none; }
ul li { background: url("../images/bullet.gif") no-repeat 0 0.6em; padding-left: 1.2em; }*/

a#corner {
	position: absolute;
	right: 0px;
	top: 0;
	display: block;
	height: 90px;
	width: 100px;
	background: url(../images/costa-rica-real-estate.gif) top right no-repeat !important;
	text-indent: -999em;
	text-decoration: none;
}

/*
a#corner {
	DISPLAY: block; 
	RIGHT: 0px; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	WIDTH: 100px; CURSOR: hand; 
	TEXT-INDENT: -999em; 
	POSITION: absolute; 
	TOP: 0px; 
	HEIGHT: 90px; 
	TEXT-DECORATION: none
}
  */

/*-----header-----*/
#header {
	margin:0;padding:0;
	background:#F1ECCD;
	border-top:1px solid #7A4A1C;
	border-bottom:1px solid #7A4A1C;
	color:#92895A;
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
}
/*.header a {
	color:#65603F;
}
.header a:hover {
	color:#7A4A1C;
}*/ 
	#site-title{top:0px;left:0px;}
	#site-title a {display:block;height:80px;width:200px;text-indent:-9999px;overflow:hidden;background:url("../images/find-costa-rica-real-estate.jpg") no-repeat top left;}
	#site-title a:hover {background-position:0px -80px;}
	#site-title h1 {text-indent:-9999px;margin:0;}
.pathway {
font-family:"Courier New", Courier, monospace;
color:#F1ECCD;
margin: 0px;
background-color: #7A4A1C;
font-size: 14px;
width: 100%;
height: 20px;
float: left;
}

.pathway a{
padding-left: 5px;
color: #F1ECCD;
text-decoration:none;
}

.pathway a:hover{
color: #CBC6AA;
}
/*--- Font Size menu ---*/

.fontSize {
float: right;
padding-right: 10px
}

/*--- Navigation ---
#menu {
	MARGIN: 5px 5px; COLOR: #7A4A1C; font-weight: bolder; border: 1px dotted #878177; 	background-color:#F8F8F6;
}
#menu A {
	DISPLAY: block; WIDTH: 100%; COLOR: #7A4A1C; LINE-HEIGHT: 20px; HEIGHT: 20px; TEXT-DECORATION: none
}
#menu A:visited {
	DISPLAY: block; WIDTH: 100%; COLOR: #804F1E; LINE-HEIGHT: 20px; HEIGHT: 20px; TEXT-DECORATION: none
}

#menu A:hover {
	DISPLAY: block; WIDTH: 100%; CURSOR: pointer; COLOR: #907B69; HEIGHT: 20px; TEXT-DECORATION: none
}*/

.menuHome { width: 140px; height: 30px; background: url(../images/menu_home.jpg) no-repeat; display: block; color: #033D6E; }
.menuHome a:hover { background: url(../images/menu_home_on.jpg) no-repeat; display: block }
.menuHome span { display: none; }

.menuObjective { width: 140px; height: 30px; background: url(../images/menu_objective.jpg) no-repeat; display: block; color: #033D6E; }
.menuObjective span { display: none; }

.menuAboutus { width: 140px; height: 30px; background: url(../images/menu_aboutus.jpg) no-repeat; display: block; color: #033D6E; }
.menuAboutus span { display: none; }

.menuContact { width: 140px; height: 30px; background: url(../images/menu_contact.jpg) no-repeat; display: block; color: #033D6E; }
.menuContact span { display: none; }

.menuTopre { width: 140px; height: 30px; background: url(../images/menu_topre.jpg) no-repeat; display: block; color: #033D6E; }
.menuTopre span { display: none; }

.menuLatestre { width: 140px; height: 30px; background: url(../images/menu_latestre.jpg) no-repeat; display: block; color: #033D6E; }
.menuLatestre span { display: none; }

.menuEditad { width: 140px; height: 30px; background: url(../images/menu_editad.jpg) no-repeat; display: block; color: #033D6E; }
.menuEditad span { display: none; }

.menuFavorities { width: 140px; height: 30px; background: url(../images/menu_favorities.jpg) no-repeat; display: block; color: #033D6E; }
.menuFavorities span { display: none; }

.menuEvent { width: 140px; height: 30px; background: url(../images/menu_reeventcalendar.jpg) no-repeat; display: block; color: #033D6E; }
.menuEvent span { display: none; }

.addnew { width: 93px; height: 26px; background: url(../images/addnew.jpg) no-repeat; display: block; color: #033D6E; }
.addnew span { display: none; }
/* columnas */

#main1 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px
}
#main2 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px;
	/*background-color:#F1ECCD*/
}
#left {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 80%;
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 150px; 
	PADDING-TOP: 0px
}
#right {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 10px; 
	FONT-SIZE: 80%; 
	FLOAT: right; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px;  
	WIDTH: 200px; 
	PADDING-TOP: 0px;
	background: url("../images/side-r.png") no-repeat left top
}

.columnR {
	background: url("../images/tab-r.png") no-repeat right bottom;
	padding: /*15*/0px /*20*/0px 4em 0px;	
}
#middle {
	FONT-SIZE: 80%;
	MARGIN-left: 150px;
	margin-right: 200px;
	background-color:#ffffff
}

.estates {font-family:Georgia,Serif;
 }
 
.estates h1{font-size:1.2em;
 }

.estates a{
  text-decoration:none;
 }
 
 .estates a:hover{
  text-decoration:none;
  border-bottom: dotted 1px #666666;
 }
 
 .bgcolor{
 background-color:#F8F8F6;
 border: 1px dotted #878177;
 }

#middle h1{
	FONT-SIZE: 100%;
}

#middle a{ color:#7A4A1C;
	text-decoration:none;
}

#middle a:hover{
	color:#907B69;
	text-decoration:underline;
}

.columnContent { 
	padding: 1px 8px 0 28px;
	background: url("../images/border-left-top.png") no-repeat left top;
	margin: 0;
}
/* TITLES */
.titleSearch { width: 180px; height: 35px; background: url(../images/search.jpg) no-repeat; display: block; color: #033D6E; }
.titleSearch span { display: none; }

.postRE { width: 300px; height: 40px; background: url(../images/post_real_estate.jpg) no-repeat; display: block; color: #033D6E; }
.postRE span { display: none; }

.highlight { width: 300px; height: 30px; background: url(../images/highlight.jpg) no-repeat; display: block; color: #033D6E; }
.highlight span { display: none; }

.column-in {
	PADDING-RIGHT: 1em; 
	PADDING-LEFT: 1em; 
	PADDING-BOTTOM: 0.5em; 
	MARGIN: 0px; 
	PADDING-TOP: 0.5em
}

.column-menu {
	PADDING: 3px; 
	MARGIN: 0px; 
}
.column3{
	float: left;
	width: 33%;
}
.cleaner {
	CLEAR: both; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 1px; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	HEIGHT: 1px; 
	BORDER-BOTTOM-STYLE: none
}
H1 {
	MARGIN: 0.2em 0px
}
H2 {
	MARGIN: 0.2em 0px
}
H3 {
	MARGIN: 0.2em 0px
}
H4 {
	MARGIN: 0.2em 0px
}
P {
	MARGIN: 0.5em 0px
}
/* styles */
.box {
	padding: 10px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color:#F8F8F6;
	background-image: url("../images/formBg.png");
	border: 1px dotted #878177;	
}

.box b {
text-transform:uppercase;
color: #333333
}

.box a {
color: #7A4A1C;
text-transform:uppercase;
font-weight: bolder;
}
.box a:hover {
color: #907B69;
}

.boxinfo {
	margin: 10px 0;
	padding: 15px 10px;
	background-color:#F4F4F2;
	border: 3px double #878177;	
}

.boxinfo a {
color: #7A4A1C;
text-transform:uppercase;
font-weight: bolder;
}
.boxinfo a:hover {
color: #907B69;
}

/* Fieldset  */
fieldset {
	margin: 20px 0;
	padding: 15px 10px;
	background-color:#F4F4F2;
	border: 3px double #878177;	
}
legend {
	padding: 2px 5px;
	color: #1C1C1C;
	background-color: #FFD;
	border: 1px solid #878177;
}
/* Nested Fieldset  */
fieldset fieldset  {
	border: 1px solid #ccc;
	background-color:#FFF;
}
fieldset fieldset legend {
	border: 1px solid #ccc;
}



/* Combo Label + Input Field =========================================================== */
box .oneField {
	
}
box .oneField {
	float: left;	
	padding: 0;
	margin-right: 4px;
}
/* marco de las fotos=========================================================== */

.blur{
   background-color: #7A4A1C; /*shadow color*/
   color: inherit;
   margin-left: 4px;
   margin-top: 4px;
/*   width: 224px;*/
}
.shadow, .contentPic{
   position: relative;
   bottom: 2px;
   right: 2px;
}
.shadow{
   background-color: #7A4A1C; /*shadow color*/
   color: inherit;
}
.contentPic{
   background-color: #F1ECCD; /*background color of content*/
   color: #000; /*text color of content*/
   border: 1px solid #000; /*border color*/
   padding: .5em 2ex;
}
.contentPic IMG{
   border: 1px solid #000000;
} 

.marcoThumb {
   padding:8px 5px 5px 5px;
   width: 110px;
   background-color:#F8F8F6;
   background-image: url("../images/formBg.png");
   border: 1px dotted black;	
} 

/* Field Labels ======================================================================== */

/* Base */
label, box .label {	
	color: #333;
	font-size: small;
}
/* Text / Select label */
label {
	display: block;
	padding: 2px;
	margin: 0.4em 4px 0 0;
}

/* Field Labels Columns ======================================================================== */

label.content1, .content1 {
	padding-right: 1%; padding-left: 1%; float: left; padding-bottom: 1%; margin: 0px; width: 45%; padding-top: 1%;
}


label.content2, .content2  {
	padding-right: 1%; padding-left: 1%; padding-bottom: 1%; margin-left: 55%; padding-top: 1%;
}

/* IE6 BUG FIXES ==================================================================== */
box {
	height:expression('1%'); /* IE Pick-a-boo bug fix */
}
box fieldset {
	position:expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
	margin-top:expression('1em');
	padding-top:expression('1.5em');
}
box fieldset legend {
	position: expression('absolute'); 
	top: expression('-.5em'); /* Fixes IE problem with fieldset+legend boundaries */
	left:expression('.5em');
}

.description {
	background-color:#F4F4F2;
	border: 1px solid #ccc;
	padding: 4px 4px 4px 4px;
}
/* Favorities bottoms ======================================================================== */
.fav {
height: 90px;
}
.favorities1 {
	float: left; width: 23%;
}


.favorities2  {
	float: left; width: 23%;
}

.favorities3  {
	float: left; width: 23%;
}

.favorities4  {
	float: left; width: 23%;
}

.favorities1, .favorities2, .favorities3, .favorities4 {
	
	PADDING-RIGHT: 1%; 
	PADDING-LEFT: 1%; 
	PADDING-BOTTOM: 1%; 
	MARGIN: 0px; 
	PADDING-TOP: 1%
}

.fav1 { width: 70px; height: 70px; background: url(../images/favorities2.jpg) no-repeat; display: block; color: #033D6E;}
.fav1 span { display: none; }

.fav2 { width: 70px; height: 70px; background: url(../images/adfavorities.jpg) no-repeat; display: block; color: #033D6E;}
.fav2 span { display: none; }

.fav3 { width: 70px; height: 70px; background: url(../images/-favorities.jpg) no-repeat; display: block; color: #033D6E;}
.fav3 span { display: none; }

.fav4 { width: 70px; height: 70px; background: url(../images/-allfavorities.jpg) no-repeat; display: block; color: #033D6E;}
.fav4 span { display: none; }

/* Footer ======================================================================== */

.footer {
	margin:0;padding:0;
	background:#F1ECCD;
	border-top:1px solid #7A4A1C;border-bottom:1px solid #7A4A1C;
	font-size: 0.8em;
	color:#92895A;
	padding: 10px;
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
}
.footer a {
	color:#65603F;
}
.footer a:hover {
	color:#7A4A1C;
}
