/*  
Theme Name: The Real Estate Fountain
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: #90bffa;
	margin: 0;
}

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

.clear {clear: both;}

input, button {
	background-color: #516E7E;
	color: #FFF;
	padding: 2px 4px;
	margin: 2px 0 0px 0;
	border: 1px solid #657B90; }

.textfield {
    width: 140px;
	background-color: #B9CADA;
	color: #133455; }


	
	/*------------
	=LAYOUT CSS
	------------*/
	
	#outer_wrapper {
		background: transparent url(images/bg.jpg) top left repeat-x;
		width: 100%;
	}

	#wrapper, #wrapper-idx {
        background: transparent url(images/cont_bg.jpg) center top repeat-y;
		width: 969px;
		margin: 0 auto;
	}
		
		.idx {
			background-image: url(images/idx-cont_bg.jpg) !important;
		}

			/*------------
			=HEADER CSS
			------------*/
			
				#wrapper #header {
					background: transparent url(images/header_bg.jpg) left top no-repeat;
					height: 358px;
					width: 959px;
                    margin: 0 auto;
				}
				
					#header h1#logo {
						position: relative;
      					float: right;
						width: 660px;
				  		margin: 284px 14px 0 0;
					}
					
						#header h1#logo a {
							height: 40px;
							width: 660px;
							float: right;
							display: block;
							text-indent: -500em;
						}
						
						#header p.slogan {
							margin: 5px 40px 0 0;
							display: block;
							float: right;
							clear: both;
							width: 500px;
							text-align: right;
							font: bold 14px "Arial", sans-serif;
							color: #25252c;
							display: none;
						}

			/*------------
			=NAVIGATION CSS
			------------*/
            
                #wrapper #nav {
                    background: transparent url(images/nav_bg.jpg) center top no-repeat;
                    width: 959px;
                    height: 39px;
                    padding: 16px 0 0;
                    margin: 0 auto;
                }
			
    				#wrapper #nav ul {
						list-style-type: none;
    				    font: normal 18px "Arial", sans-serif;
                        padding: 0 25px;
    				}
    				
    					#nav ul a:active, #nav ul a:visited, #nav ul a:link {color: #d5f0ff; text-decoration: none;}
    					#nav ul a:hover {color: #fff;}
    				
    					#nav ul li {
    					   background: transparent url(images/nav_div.jpg) center right no-repeat;
    					   display: inline;
                           padding: 15px 0 16px;
    					}
    					
    						#nav ul li a {
    							padding: 15px 23px 15px 15px;
    						}
                            
                                #nav ul li a span {
                                    padding: 0 5px;
                                    border-bottom: 1px solid #658ca1;
                                }
                                
                                    #nav ul li a:hover span {
                                        border-bottom: 1px solid #9ec8da;
                                    }

			/*------------
			=COLUMN CSS
			------------*/
			
			#content, #content-idx {
			    background: transparent url(images/cont_top.jpg) center top no-repeat;
                width: 959px;
                margin: 0 auto;
			}
			
				#content-idx {
                	background-image: url(images/idx-cont_top.jpg);
				}
            
                #content .cont-btm, #content-idx .cont-btm {
                    background: transparent url(images/cont_btm.jpg) center bottom no-repeat;
                    width: 909px;
                    padding: 0 25px 25px;
                }
                
                	#content-idx .cont-btm {
                		background-image: url(images/idx-cont_btm.jpg);
                	}
                	
                	#content-idx {
                		padding: 15px 0 0;
                		font: normal 13px "Arial", sans-serif;
                	}

					/*------------
					=LEFT CSS
					------------*/
				
						#content #left {
							width: 196px;
                            padding: 15px 10px;
							float: left;
							font: normal 12px "Trebuchet MS", sans-serif;
							color: #333;
						}
                        
                            #left p.commcta {
                                margin: 0 0 15px -10px;
                            }
                            
                                #left p.commcta a {
                                    background: transparent url(images/left_commCTA.jpg) center top no-repeat;
                                    height: 106px;
                                    width: 216px;
                                    display: block;
                                    text-indent: -500em;
                                }
							
							#left a:active, #left a:visited, #left a:link {color: #555555; text-decoration: underline;}
							#left a:hover {color: #000; text-decoration: none;}
							
							#left h2 {
								margin: 0;
								font: normal 18px "Trebuchet MS", sans-serif;
								color: #123353;
							}
							
							#left ul {
								list-style-type: none;
								margin: 5px 0 15px;
							}
							
								#left ul li {
								    background: transparent url(images/left_div.jpg) bottom center no-repeat;
                                    padding-bottom: 2px;
								}
                                
                                    #left ul li a {
                                        display: block;
								    	padding: 3px 5px;
                                    }
                                    
                                        #left ul li a:hover {
                                            background: transparent url(images/left_liH.jpg) center center repeat;
                                        }
	
					/*------------
					=CENTER CSS
					------------*/
					
						#content #center {
							width: 455px;
                            padding: 15px;
							float: left;
							font: normal 13px "Arial", sans-serif;
							color: #555;
						}
						
							#center a:active, #center a:visited, #center a:link {color: #3e80a6; text-decoration: underline;}
							#center a:hover {color: #0f5d8a; text-decoration: none;}
                            
                            #center .article {
                                margin: 0 0 15px;
                                border-bottom: 1px dashed #93a8b4;
                            }
							
								#center h2.title {
									margin: 0;
									font: lighter 24px "Arial", sans-serif;
								}
								
									#center h2.title a:active, #center h2.title a:visited, #center h2.title a:link {color: #3f5b6c; text-decoration: none;}
									#center h2.title a:hover {color: #0d2b3d; text-decoration: underline;}
									
							#center p {
								line-height: 18px;
                                color: #2a2a2a;
							}
                            
                            #center img {
                                border: 4px solid #94c8ff;
                            }
									
								#center p.meta {
									margin: 0;
									font-size: 11px;
									color: #333;
								}
                                
                                    #center p.meta span {
                                        padding-right: 10px;
                                    }
								
								#center p.more {
									float: left;
									width: 100px;
									font-weight: bold;
								}
								
								#center .metainfo {
									width: 340px;
									float: right;
									text-align: right;
									font-size: 11px;
									color: #555;
								}
							
							#center h2 {
								font: lighter 18px "Arial", sans-serif;
								color: #777;
							}
							
							#center h3 {
								font: lighter 16px "Trebuchet MS", sans-serif;
								color: #5b809f;
							}
							
							#center h4 {
								font: bold 14px "Verdana", sans-serif;
								color: #333;
							}
							
							#center ul {
								margin-left:35px;
							}
	
					/*------------
					=RIGHT CSS
					------------*/
				
						#content #right {
							width: 185px;
                            padding: 15px 10px;
							float: left;
							font: normal 12px "Trebuchet MS", sans-serif;
							color: #222;
						}
                        
                            #right p.contact {
                                background: transparent url(images/right_contact.jpg) center center no-repeat;
                                height: 149px;
                                width: 194px;
                                margin-left: -5px;
                                text-indent: -500em;
                            }
						
							#right a:active, #right a:visited, #right a:link {color: #386b99; text-decoration: underline;}
							#right a:hover {color: #333; text-decoration: none;}
							
							#right h2 {
								font: normal 18px "Trebuchet MS", sans-serif;
								color: #242424;
							}
							
							#right ul {
								list-style-type: none;
								margin: 5px 0 15px;
							}
							
								#right ul li {
								    background: transparent url(images/left_div.jpg) bottom center no-repeat;
                                    padding-bottom: 2px;
								}
                                
                                    #right ul li a {
                                        display: block;
								    	padding: 3px 5px;
                                    }
                                    
                                        #right ul li a:hover {
                                            background: transparent url(images/left_liH.jpg) center center repeat;
                                        }

			/*------------
			=FOOTER CSS
			------------*/
			
				#wrapper #footer {
				    background-color: #90bffa;
                    padding: 20px 40px;
					margin: 0 auto;
				}
				
					#footer p {
						margin: 0;
						padding: 0;
					}
					
						#footer p.copyright {						
							//background: transparent url(images/footer_copy.jpg) top left no-repeat;
							height: 32px;
							width: 236px;
							float: left;
							//text-indent: -500em;
							font-size:20px;
						}
						
						#footer p.credits {
							text-align: right;
                            text-transform: uppercase;
							font: normal 11px/16px "Arial", sans-serif;
							color: #535353;
						}
						
							#footer p.credits span {
								display: block;
								font-size: 12px;
							}
							
							#footer p.credits a:active, #footer p.credits a:visited, #footer p.credits a:link {color: #006ef7; text-decoration: underline;}
							#footer p.credits a:hover {color: #0049a5; text-decoration: none;}
                            
                        #footer p.disclaimer {
                            margin: 20px 20px 15px;
                            text-align: center;
                            letter-spacing: 1px;
                            padding: 20px 0 0;
                            font: normal 11px/17px "Arial", sans-serif;
                            color: #414141;
                            border-top: 4px solid #abcefb;
                        }

#comment {
	width:450px;
}