/*  
Theme Name: Homes For Sale Real Estate
Theme URI: http://realestatetomato.typepad.com
Description: Another theme from the <a href="http://realestatetomato.typepad.com">Real Estate Tomato</a> collection.
Version: 1.0
Author: Real Estate Tomato
Author URI: http://realestatetomato.typepad.com/
*/

body {
	background-color: #fff;
	margin: 0;
}

ul, ol, form {
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style-type: none;
}

.clear {clear: both;}
	
	/*------------
	=LAYOUT CSS
	------------*/
	
		#outer_wrapper {
			width: 100%;
		}

		#wrapper {
			width: 940px;
			margin: 0 auto;
		}
		
			#wrapper ul.util-nav {
				padding: 7px 0 0 0;
				float: right;
				font: bold 10px "Tahoma", sans-serif;
				letter-spacing: .4px;
				text-transform: uppercase;
			}
			
				#wrapper ul.util-nav a:active, #wrapper ul.util-nav a:visited, #wrapper ul.util-nav a:link {text-decoration: none;}
				#wrapper ul.util-nav a:hover {text-decoration: underline;}
			
				#wrapper ul.util-nav li {
					margin: 0 15px 0 0;
					display: inline;
				}
				
				#wrapper h1#logo {
					margin: 37px 0 23px 0;
					float: left;
				}
				
					#wrapper h1#logo a {
						height: 50px;
						width: 599px;
						display: block;
						text-indent: -500em;
					}

			/*------------
			=HEADER CSS
			------------*/
			
				#wrapper #header {
					clear: both;
					height: 360px;
				}

					/*------------
					=QUICKSEARCH CSS
					------------*/
				
						#header #quick-search {
							width: 413px;
							height: 358px;
							margin: 0 0 0 9px;
							padding: 1px 60px;
						}
							
							#quick-search h2 {
								text-indent: -500em;
							}
							
							#quick-search h3 {
								position: relative;
								height: 13px;
								width: 112px;
								margin: 0 0 10px -10px;
								padding: 0 0 15px 0;
								clear: both;
								text-indent: -500em;
							}
						
							#quick-search p {
								margin: 0;
								padding: 0 0 15px 0;
								text-transform: uppercase;
							}
							
								#quick-search p input {
									margin: 5px 0 0 0;
									padding: 2px;
									display: block;
								}
								
							#quick-search p.inline-input {
								margin: 0 20px 0 0;
								float: left;
							}
							
							#quick-search p.prop-search {
								width: 140px;
								padding: 0;
								font-size: 11px;
								text-align: center;
							}
							
								#quick-search p.prop-short {
									width: 64px;
								}
							
								#quick-search p.prop-search input {
									margin: 5px auto;
								}
							
								#quick-search p.bed input {
									width: 80px;
								}
							
								#quick-search p.bath input {
									width: 100px;
								}
								
							#quick-search p.submit {
								font: normal 12px "Tahoma", san-serif;
								text-transform: none;
							}
							
								#quick-search p.submit a:active, #quick-search p.submit a:visited, #quick-search p.submit a:link {text-decoration: underline;}
								#quick-search p.submit a:hover {text-decoration: none;}
							
								#quick-search p.submit input {
									height: 31px;
									width: 124px;
									display: inline;
									cursor: pointer;
									content: "";
									text-indent: -500em;
									border: 0;
								}

			/*------------
			=CONTENT CSS
			------------*/
			
				#content {
					margin: 0 0 30px 0;
				}

					/*------------
					=LEFT CSS
					------------*/
				
						#content #left {
							width: 235px;
							float: left;
							font: normal 12px "Arial", sans-serif;
						}
						
							#left .left-title {
								position: relative;
								height: 26px;
								width: 97px;
								margin: 10px 0 0 15px;
								float: left;
								text-indent: -500em;
							}
						
							#left .left-top {
								margin: 0 0 0 0;
								padding: 50px 0 0 0;
							}
							
							#left .left-btm {
								padding: 0 15px 15px;
							}

								/*------------
								=NAVIGATION CSS
								------------*/
								
									#wrapper #nav ul {
										width: 190px;
										margin: 0 0 20px 0px;
										padding: 0 0 0 14px;
										font: normal 12px "Arial", sans-serif;
									}
									
										#nav ul a:active, #nav ul a:visited, #nav ul a:link {text-decoration: none;}
										#nav ul a:hover {text-decoration: underline;}
									
										#nav ul li {
											padding: 0 0 5px 7px;
										}
							
							#left a:active, #left a:visited, #left a:link {text-decoration: underline;}
							#left a:hover {text-decoration: none;}
							
							#left h2 {
								margin: 0;
								font: normal 18px "Georgia", serif;
							}
							
							#left ul {
								margin: 10px;
							}
							
								#left ul li {
									margin: 3px 0;
								}
	
					/*------------
					=CENTER CSS
					------------*/
					
						#content #center {
							width: 660px;
							padding: 0 20px;
							float: left;
							font: normal 12px "Verdana";
						}
						
							#center h2.page-title {
								margin: 0;
								text-indent: -500em;
							}
							
								#center p.page-intro {
									height: 64px;
									width: 665px;
									padding: 15px 0;
									text-indent: -500em;
									border-width: 1px 0;
								}
								
							#center .otherAreas {
								height: 98px;
								width: 471px;
								padding: 43px 0 0 30px;
								margin: 15px auto;
							}
							
								#center .otherAreas ul {
									width: 155px;
									float: left;
								}
								
									#center .otherAreas ul li {
										height: 25px;
									}
									
									#center .otherAreas ul li a:active, #center .otherAreas ul li a:visited, #center .otherAreas ul li a:link {text-decoration: none;}
									#center .otherAreas ul li a:hover {text-decoration: underline;}
						
							#center a:active, #center a:visited, #center a:link {text-decoration: underline;}
							#center a:hover {text-decoration: none;}
							
								#center h2.title {
									margin: 0;
									font: lighter 18px "georgia", serif;
								}
								
									#center h2.title a:active, #center h2.title a:visited, #center h2.title a:link {text-decoration: none;}
									#center h2.title a:hover {text-decoration: underline;}
									
							#center p {
								line-height: 18px;
							}
									
								#center p.meta {
									margin: 0;
									font: normal 11px "Arial", sans-serif;
									color: #555;
								}
								
								#center p.more {
									float: left;
									width: 130px;
									font-weight: bold;
								}
								
								#center .metainfo {
									width: 380px;
									float: right;
									text-align: right;
									font-size: 11px;
									color: #666;
								}
							
							#center h2 {
								font: lighter 17px "Georgia", serif;
							}
							
							#center h3 {
								font: lighter 16px "Arial", sans-serif;
								letter-spacing: -.4px;
								color: #333;
							}
							
							#center h4 {
								font: bold 13px "Verdana", sans-serif;
							}

			/*------------
			=FOOTER CSS
			------------*/
			
				#footer {
					background: #211c1b url(images/footer_bg.jpg) top center repeat-x;
					width: 100%;
					margin: 0 auto;
					clear: both;
				}
				
					#footer .footer-cont {
						width: 940px;
						margin: 0 auto;
						padding: 20px 0;
					}
					
						/*------------
						=FOOTER-LEFT CSS
						------------*/
						
							#footer .footer-cont .footer-left {
								width: 300px;
								height: 160px;
								float: left;
								margin: 0 0 30px 0;
								padding: 10px 0 0 18px;
								border-left: 5px solid #3f3a39;
								font: normal 11px/15px "Tahoma", sans-serif;
								color: #d2d2b7;
							}
							
								.footer-cont .footer-left h2.title {
									background: transparent url(images/footer_leftTitle.jpg) 10px top no-repeat;
									height: 20px;
									width: 95%;
									margin: 0 0 10px;
									padding: 0 0 5px 0;
									text-indent: -500em;
									border-bottom: 1px solid #5a5756;
								}
								
								#footer .footer-cont .footer-left p {
									margin: 0 0 13px;
									padding: 0 15px;
								}
					
						/*------------
						=FOOTER-RIGHT CSS
						------------*/
						
							#footer .footer-cont .footer-right {
								width: 580px;
								height: 153px;
								float: left;
								margin: 0 0 0 10px;
								padding: 10px 0 10px 18px;
								border-left: 5px solid #3f3a39;
								font: normal 11px/15px "Arial", sans-serif;
								color: #d3d1b2;
							}
							
								.footer-right a:active, .footer-right a:visited, .footer-right a:link {color: #d3d1b2; text-decoration: none;}
								.footer-right a:hover {color: #fff;}
								
								.footer-cont .footer-right h2.title {
									background: transparent url(images/footer_rightTitle.jpg) 10px top no-repeat;
									height: 19px;
									width: 95%;
									margin: 0 0 10px;
									padding: 0 0 5px 0;
									text-indent: -500em;
									border-bottom: 1px solid #5a5756;
									text-indent: -500em;
								}
								
								.footer-cont .footer-right ul {
									margin: 0;
								}
								
									.footer-right ul li {
										margin: 0 5px 7px 0;
										float: left;
										border-bottom: 1px solid #454140;
									}
									
										.footer-right ul li:hover {
										margin: 0 5px 6px 0;
											border-bottom: 2px solid #625f5e;
											cursor: pointer;
										}
									
										.footer-right ul li a {
											width: 160px;
											padding: 0 0 3px 10px;
											display: block;
											float: left;
											text-align:center;
										}
				
					#footer p {
						margin: 0;
						padding: 0;
					}
					
						#footer p.copyright {
							height: 36px;
							width: 275px;
							clear: both;
							float: left;
							text-indent: -500em;
						}
						
						#footer p.credits {
							float: right;
							width: 300px;
							text-align: right;
							font: normal 11px "Tahoma", sans-serif;
							color: #9a8c89;
						}
						
							#footer p.credits span {
								display: block;
								font-size: 12px;
							}
							
							#footer p.credits a:active, #footer p.credits a:visited, #footer p.credits a:link {text-decoration: underline;}
							#footer p.credits a:hover {text-decoration: none;}