/* CSS Document */


/******************** body and tag selectors **********************/
body {

background-color: #ffffff;
text-align: center;
font-size: 14px;
color: #702f45;
/* #702f45 purple color */


}


a:link, a:visited {

text-decoration: none;
color: #702f45;


}


a:hover {

text-decoration: none;
color: #702f45;


}

form {

}

input {

color: #ffffff;
background-color:#702f45;
border: none;
padding: 2px 4px 2px 2px;
font-size: 12px;
}



select {

color: #ffffff;
background-color: #cc9999;

/* cc9999 light pink  */


}


/******************** main divs ***************************/

#wrapper {

margin: 0 auto;
width: 980px;
height: auto;
text-align: left;


}


#header {

float: left;
width: 980px;
height: 160px;
/* web safe background-color: #663333; */
background-color: #702f45;

text-align: center;

}

#header_logo {

float: left;
width: 453px;
height: 109px;
margin-left: 155px;
margin-bottom: 20px;



}

/* this is the home and email icon on the header */
#icon {

float: left;
width: 100px;
margin-top: 30px;
margin-left: 20px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #aa681a; 
text-decoration: none;
border: 0px;
}

/* aa681a is gold, not orange #cc6633 */

#icon a:link, #icon a:visited {

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #aa681a; 
text-decoration: none;
border: 0px;
}

#icon a:hover {

color: #ffcc99;
text-decoration: none;
border: 0px;

}


#navigation {

clear: both;
margin: 0 auto;
text-align: center;



}

/******** span class for navigation ********/

.nav {

margin-left: 100px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #aa681a; 
text-decoration: none;


}

.nav a:link, .nav a:visited {

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #aa681a; 
text-decoration: none;



}



.nav a:hover {

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #ffcc99; 
text-decoration: none;



}

.nav_sans_spacing {

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #aa681a; 
text-decoration: none;

}

.nav_sans_spacing a:link, .nav_sans_spacing a:visited {

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #aa681a; 
text-decoration: none;



}


.nav_sans_spacing a:hover {

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #ffcc99; 
text-decoration: none;


/******************************************** main content styling *****************************************/
}

#content {

/*temp height */
width: 980px;
float: left;
/*height: 300px;*/
background-color: #ffffff;


}

#content_inner {

float: left;
width: 960px;
margin-top: 10px;

margin-left: 10px;
margin-right: 10px;

}

#office_pic {

width: 286px;
height: 212px;
float: left;



}

#content_text {

width: 600px;
float:left;
margin-left: 30px;
margin-top: 20px;
text-align: justify;

}

/************************************** footer *******************************/

#footer {

clear: both;
float: left;
width: 980px;
height: 70px;
margin-top: 10px;
/* web safe background-color: #663333; */
background-color: #702f45;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #aa681a; 
text-decoration: none;
/*border: 0px;*/
text-align: center;

}


#footer_text {

margin-top: 20px;
width: 960px;
font-size: 13px;

}


#footer_text a:link, #footer_text a:visited {



font-weight: bold;
color: #aa681a; 
text-decoration: none;

}



#footer_text a:hover {

font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ffcc99; 
text-decoration: none;


}



/********************************* search box styling ***************************************/

#search_wrapper{

margin: 0 auto;
text-align: center;
clear: both;
/*float: left;*/
width: 960px;
}

#houses_search {

margin: 0 auto;
width: 960px;
}

#houses_search_form {

margin-top: 30px;
float:left;
margin-left: 30px;
width: 250px;
height: 130px;
border: 2px solid #663333;
text-align: center;


}

#houses_search_header {

font-family: "Times New Roman", Times, serif;
font-weight: bold;
font-size: 22px;
color: #663333;
padding: 10px;

}


#houses_search_form input {

background-color: #702f45;
border-left: 5px solid #702f45;
border-right: 5px solid #702f45;
border-top: 2px solid #702f45;
border-bottom: 2px solid #702f45;
/*padding: 5px 10px 5px 10px;*/
font-size: 14px;
color: #cc6633;
}

#all_search_form {

/*margin-top: -10px;*/
margin-left: 40px;
float: left;


width: 290px;
height: 160px;
border: 2px solid #663333;
text-align: center;

}


#all_search_header {

font-family: "Times New Roman", Times, serif;
font-weight: bold;
font-size: 40px;
color: #663333;
padding: 8px;

}

#all_search_form input {

background-color: #702f45;
margin-top: 10px;
border-left: 5px solid #702f45;
border-right: 5px solid #702f45;
border-top: 2px solid #702f45;
border-bottom: 2px solid #702f45;
/*padding: 5px 10px 5px 10px;*/
font-size: 16px;
color: #cc6633;
}


#flats_search_form {

margin-top: 30px;
margin-left: 40px;
float: left;
width: 250px;
height: 130px;
border: 2px solid #663333;
text-align: center;

}


#flats_search_header {

font-family: "Times New Roman", Times, serif;
font-weight: bold;
font-size: 22px;
color: #663333;
padding: 10px;

}

#flats_search_form input {

background-color: #702f45;
border-left: 5px solid #702f45;
border-right: 5px solid #702f45;
border-top: 2px solid #702f45;
border-bottom: 2px solid #702f45;
/*padding: 5px 10px 5px 10px;*/
font-size: 14px;
color: #cc6633;
}

/******************************* property results page styling *******************************/

.results_content {

width: 960px;
float: left;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
text-align: center;
	
}
/************************* button styling *************************/




a.search:link, a.search:visited {

background-color: #702f45;
border-left: 5px solid #702f45;
border-right: 5px solid #702f45;
border-top: 2px solid #702f45;
border-bottom: 2px solid #702f45;
/*padding: 5px 10px 5px 10px;*/
font-size: 16px;
color: #fff;


}

a.search:hover {

background-color: #996666;
border-left: 5px solid #996666;
border-right: 5px solid #996666;
border-top: 2px solid #996666;
border-bottom: 2px solid #996666;
/*padding: 5px 10px 5px 10px;*/
font-size: 16px;
color: #ffcc99;

}






.navbar {

margin-top: 10px;
width: inherit;

}


/******************************* property Details styling *******************************/

.det_sum  {

	clear: both;
	text-align: left;
	float:left;
	font-weight: normal;
	font-size: 16px;
	

}

.det_sum2 {

	clear:right;

}

.detail_title {

	width: inherit;
	margin-left: 20px;
	margin-top: 10px;
	text-align:left;
	font-size:18px;
	color: #702f45;
	font-weight:bold;
	padding-bottom:15px;
	
}

/************************** register form **********************************/


#register_form {

	margin: 0 auto;
	width: 850px;
	text-align: left;
	
}

#form_left_col {

	width: 390px;
	float: left;


}


#form_right_col {

	width: 390px;
	margin-top: 40px;
	float: left;
	margin-left: 20px;

}

#register_form input {

color: #ffffff;
background-color:#cc9999;
border: none;
padding: 2px 4px 2px 2px;
font-size: 14px;
}


#register_form textarea {

color: #ffffff;
background-color:#cc9999;
border: none;
padding: 2px 4px 2px 2px;
font-size: 14px;
}

#register_form select {

color: #ffffff;
background-color: #cc9999;
}

#register_form span.label {
  float: left;
  width: 150px;
  text-align: left;
  }

#register_form span.formw {
  float: left;
  width: 235px;
  text-align: left;
  } 
  
#register_form div.row {

float: right;
 padding-top: 5px;
  }

#disclaimer {
clear:both;
float: left;
width: inherit;
text-align: left;
font-size: 13px;


}

#register_form input.search {

background-color: #702f45;
border-left: 5px solid #702f45;
border-right: 5px solid #702f45;
border-top: 2px solid #702f45;
border-bottom: 2px solid #702f45;
/*padding: 5px 10px 5px 10px;*/
font-size: 14px;
color: #cc6633;

}



/********************************* valuation form ****************************************/


#valuation_form {

	margin: 0 auto;
	width: 500px;
	text-align: center;
	
}



#valuation_form input {

color: #ffffff;
background-color:#cc9999;
border: none;
padding: 2px 4px 2px 2px;
font-size: 14px;
}


#valuation_form textarea {

color: #ffffff;
background-color:#cc9999;
border: none;
padding: 2px 4px 2px 2px;
font-size: 14px;
}

#valuation_form select {

color: #ffffff;
background-color: #cc9999;
}

#valuation_form span.label {
  float: left;
  width: 150px;
  text-align: left;
  }

#valuation_form span.formw {
  float: left;
  width: 235px;
  text-align: left;
  } 
  
#valuation_form div.row {

float: right;
 padding-top: 5px;
  }


#valuation_form input.search {

background-color: #702f45;
border-left: 5px solid #702f45;
border-right: 5px solid #702f45;
border-top: 2px solid #702f45;
border-bottom: 2px solid #702f45;
/*padding: 5px 10px 5px 10px;*/
font-size: 14px;
color: #cc6633;

}

#login_register {

width: auto;
clear: both;
padding-top: 20px;

}


form input.search {

background-color: #702f45;
border-left: 5px solid #702f45;
border-right: 5px solid #702f45;
border-top: 2px solid #702f45;
border-bottom: 2px solid #702f45;
/*padding: 5px 10px 5px 10px;*/
font-size: 14px;
color: #cc6633;


}