/*  
Theme Name: Diana Blue
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: #D4DBE8 url(images/bgtile.gif) top right repeat-x;
	margin: 0px;
	font-family: "Arial";
	color: #393939;
}

a img {
border:none; 
}

#container {
	position: relative;
	background: transparent url(images/bg.png) 160px repeat-y;
	width: 950px;
	margin: 0 auto;
}

	#container #header {
		background: transparent url(images/header_1.jpg) top right no-repeat;
		height: 222px;
		width: 934px;
                margin:0px;
                padding:0px;
                position:relative;
                z-index:1;
                
	}


		
	
	#container #content {
		width: 934px;
		margin: 0px;
		padding: 0px;
	}
	
		#container #content p {
			font-size: 14px;
                        line-height:20px;
		}

                /*
		----------------------
		NAVIGATION ELEMENTS
		----------------------
		*/

                #container #header #header-inner {
                        background:url(images/nav.gif) bottom left no-repeat;
                        float:right;
                        margin:0;
                        padding:0;
                        height:222px;
                        width:771px;
                 }

		
		#header ul#nav {
                        
			list-style-type: none; 
                        margin:0;
                        padding:0;
                        padding-top:203px;                       
		}
		
			#header ul#nav li {
				float: left;
				margin-left: 13px;
			}

                        #header ul#nav li.div {
                                position:relative;
                                top:-4px;
                                left:0;
                        }
			
				#header ul#nav li a {
					display: block;
					height: 15px;
					overflow: hidden !important;
                                        color:#fff;
                                        font-size:12px;
                                        text-decoration:none;
                                        font-weight:bold;
				}
				
					
			
				
		
		/*
		------------------------
		LEFT CONAINER & ELEMENTS
		------------------------
		*/

  #container #content #far-left {
          float:left;
          background:url(images/left_bar.gif) top left repeat-y;
          width:173px;
          margin-left:-3px;
     }

  #container #content #far-left .left-top {
          background:url(images/left_bar_top.gif) top left no-repeat;
          width:173px;
          height:52px;
          display: block;
          text-indent: -500em;
     }

  #container #content #far-left .left-bottom {
          background:url(images/left_bar_bottom.gif) bottom left no-repeat;
          width:173px;
          height:52px;
          display: block;
          text-indent: -500em;
    }

#container #content #far-left h2 {
				position: relative;
				margin: 0px;
                                font-size:20px;
				margin-bottom: 4px;
				padding-left: 21px;
				font-weight: lighter;
				clear: both;
				color: #4A90BD;
                                text-align:center;
				z-index: 2;
			}

                        #container #content #far-left #featured-prop {

margin:0;
padding:0;
margin-left:27px;

                         }
			
			#container #content #far-left ul {
				clear: both;
				position: relative;
				list-style-type: none;
				margin-top: 4px;
				padding: 0px;
				padding-left: 20px;
				padding-bottom: 44px;
				z-index: 2;
			}
			
				#container #content #far-left ul li {
					margin: 0px;
					padding: 0px;
					text-indent: 0px;
				}		
					#container #content #far-left ul li a:active {color: #AABC56; text-decoration: none;}
					#container #content #far-left ul li a:visited {color: #AABC56; text-decoration: none;}
					#container #content #far-left ul li a:link {color: #AABC56; text-decoration: none;}
					#container #content #far-left ul li a:hover {color: #378CBC; text-decoration: none;}
			
		#container #content #left {
			float: left;
			width: 450px;
			padding: 6px;
                        
		}
              
              #container #content #flash {
			float: left;
			
			padding-top: 10px;
                        
		}
              
             

#container #content #frame {
			float: left;
			width: 710px;
			padding: 6px;
                        
		}
		
			#container #content #left a:active {color: #378CBC; text-decoration: none;}
			#container #content #left a:visited {color: #4CA7D9; text-decoration: underline;}
			#container #content #left a:link {color: #378CBC; text-decoration: none;}
			#container #content #left a:hover {color: #9BAA3B; text-decoration: underline;}
			
			#container #content #left h2 {
				font-weight: lighter;
				margin: 5px;
				margin-left: 0px;
				color: #5179A6;
			}
		
				#container #content #left h2 a:active {color: #AABC56; text-decoration: none;}
				#container #content #left h2 a:visited {color: #AABC56; text-decoration: none;}
				#container #content #left h2 a:link {color: #AABC56; text-decoration: none;}
				#container #content #left h2 a:hover {color: #378CBC; text-decoration: none;}
			
				#container #content #left h2.title {
					margin: 0px;
                                        margin-top:10px;
					font-weight: lighter;
					color: #AABC56;
				}
				
				#container #content #left p.postinfo {
					margin: 0px;
					margin-left: 10px;
					margin-bottom: 10px;
					font-size: 11px;
				}
				
					#container #content #left p.postinfo .date {
						background: transparent url(images/date.gif) center left no-repeat;
						padding-left: 14px;
						color: #A6A6A5;
					}
				
					#container #content #left p.postinfo .category {
						background: transparent url(images/category.gif) center left no-repeat;
						padding-left: 14px;
						color: #888888;
					}
			
			#container #content #left h3 {
				margin: 5px;
				margin-left: 0px;
				color: #335588;				
			}
			
			#container #content #left h4 {
				margin: 5px;
				margin-left: 0px;
				color: #A6518A;
			}
			
			#container #content #left p.postftr {
				background: transparent url(images/postftr.gif) top center no-repeat;
				margin-bottom: 20px;
				display: block;
				height: 42px;
				width: 473px;
				padding-top: 19px;
				padding-left: 15px;
				font-weight: bold;
				font-size: 12px;
				font-family: "Verdana";
				text-transform: uppercase;
				color: #fff;
			}
#container #content #left p.postftr a {
text-decoration:none;
color:#fff;
}
			
		/*
		--------------------------
		RIGHT CONTAINER & ELEMENTS
		--------------------------
		*/
		
		#container #content #right {
			background: transparent url(images/rightbg.gif) top left repeat-y;
			width: 230px;
                        position:relative;
			float: right;
			padding: 20px;
                        z-index:0;
		}
		
			#container #content #right .righttop {
				position: absolute;
				background: transparent url(images/righttop.png) top left no-repeat;
				height: 176px;
				width: 47px;
				display: block;
				margin-left: -20px;
				margin-top: -20px;
				clear: both;
				text-indent: -500em;
				z-index:1;
			}
			
				#container #content #right a#rss {
					position: relative;
					background: transparent url(images/rss.png) top left no-repeat;
					height: 48px;
					width: 26px;
					display: block;
					text-indent: -500em;
					z-index: 1;
					margin-top: 8px;
					float: left;
					margin-bottom: 10px;
				}
				
				#container #content #right input {
					background-color: #DBE6F0;
					margin: 2px;
					width: 120px;
					float: left;
					padding: 2px;
					color: #4D7FB1;
					border: 1px solid #B7CCE0;
                                        margin-left:10px;
				}
		
			#container #content #right h2 {
				position: relative;
				background: transparent url(images/h2bhnd.gif) top left no-repeat;
				margin: 0px;
				margin-bottom: 4px;
				padding-left: 6px;
				font-weight: lighter;
                                font-size:20px;
				clear: both;
				color: #4A90BD;
				z-index: 1;
			}
			
			#container #content #right ul {
				clear: both;
				position: relative;
				background: transparent url(images/listbhnd.gif) bottom left no-repeat;
				list-style-type: none;
				margin-top: 4px;
				padding: 0px;
				padding-left: 10px;
				padding-bottom: 44px;
				z-index: 1;
			}
			
				#container #content #right ul li {
					margin: 0px;
					padding: 0px;
					text-indent: 0px;
                                        width:200px;
				}		
					#container #content #right ul li a:active {color: #AABC56; text-decoration: none;}
					#container #content #right ul li a:visited {color: #AABC56; text-decoration: none;}
					#container #content #right ul li a:link {color: #AABC56; text-decoration: none;}
					#container #content #right ul li a:hover {color: #378CBC; text-decoration: none;}
		
			#container #content #right .rightbtm {
				position: absolute;
				background: transparent url(images/rightbtm.png) top left no-repeat;
				display: block;
				margin-left: -20px;
				margin-top: -20px;
				height: 142px;
				width: 46px;
				text-indent: -500em;
				z-index: 1;
			}
		
	#container .clear {
		clear: both;
	}

.credits {
text-align:center;
font-family: "Arial";
font-size:11px;
padding-bottom:10px;
padding-top:100px;
}

.credits a {
color: #393939; 
text-decoration: none;
}

.credits a:hover {
color: #9BAA3B; 
text-decoration: underline;
}

#container #content #right p.contact {
text-align:center;
font-size:10px;
color: #4A90BD;
margin:0;
margin-right:20px;
padding:0;
}

#far-left p {
margin:0;
padding-left:25px;
padding:0;
}

.tourist img {
margin:5px 0px 15px 20px;
padding:0;
position:relative;
z-index:1;
}

.tourist2 img {
margin:5px 0px 15px 30px;
padding:0;
position:relative;
z-index:1;
}

#comment {
width:350px;
}

#right .epro {
margin:0;
padding:0;
margin-left:30px;
margin-bottom:20px;
}

#realestate-report {
margin-left:20px;
}