/*Generic Text*/
h2 {
	color:#CC5302;
	font-weight:normal; }
	
h3 {
	color:#A53320;
	text-transform:uppercase; }
	
p.intro{color:#CC5302;}

a.flip{
	color:#A53320;
	text-decoration:none; }
	
	a.flip:hover {
		color:#C20000;
		text-decoration:none; }
		
.form label {
    color:#CC5302; }
	
			
/*Layout*/
#nav
{
    background:url(../images/housing/bg_nav.gif) repeat-x left;
}
    #nav li a
    {
        color:#CB3B00;
    }
        
    #nav li a.selected span
    {
        background:url(../images/housing/bg_nav_selected.gif) repeat-x left;
        display:block;
    }
    
    #nav li a:hover span
    {
        background:url(../images/housing/bg_nav_hover.gif) repeat-x left;
    }
    
#subnav_head
{
    background:#F6D699;
}
    
#subnav_content
{
    background:#FAF6EE;
}
    
    #subnav_content ul a
    {
        color:#CC5302;
        background:url(../images/housing/subnav.gif) no-repeat right;
    }
        #subnav_content ul a:hover
        {
             color:#CC5302;
             background:url(../images/housing/subnav_hover.gif) no-repeat right;
        }

        #subnav_content ul a.selected
        {
             color:#A53320;
             background:url(../images/housing/subnav_selected.gif) no-repeat right;
        }
        
	#subnav_content .subnav2 {
			height:auto!important;
			clear:both;
    }
			
			#subnav_content .subnav2 ul a{
				background-image:none;
				float:none;
				width:auto; }
			
			#subnav_content .subnav2 ul{
				list-style: none;
				margin:0;
				padding:0;}
			
			#subnav_content .subnav2 li {
				font-weight:normal;
				font-size:0.82em;
				margin:0 0 0 12px;
				padding: 0 0 0 18px;
				background-image: url(../images/housing/subnav2.gif);
				background-repeat: no-repeat;
				background-position: 0 0.75em;
				float:left;
				clear:both;
				width:200px;}	
        
#housing_search_link{cursor:pointer;}

#housing_search
{
    background:url(../images/bg_search.gif) no-repeat top left;
    height:230px;
    padding:15px 12px 10px 15px;
    width:222px;
    clear:both;
    float:left;
}
    #housing_search label
    {
        display:block;
        line-height:1em;
        color:#D26922;
        padding:0 0 3px 0;
    }
    
    #housing_search select
    {
        width:100%;
        margin:0 0 10px 0;
    }
    
    #housing_search div label
    {
        float:left;
        width:104px;
        margin:2px 0 0 0;
    }
    
    #housing_search div select
    {
        width:118px;
        margin:0 0 8px 0;
    }
    * html #housing_search div select{width:115px;}
    
    #housing_search div.small label
    {
        font-size:0.9em;
        color:#EC8701;
        width:100px;
    }
    
/**********************************************************************************
=Layout
**********************************************************************************/
#housing_container
{
    width:660px;
}

.list .thumb
{
    background:url(../images/housing/bg_thumb.gif) no-repeat top left;
}

.list h2{color:#ECB235;}
.list h3{color:#CC5302;font-weight:bold;}

.listprecis {
	width:512px; }
    
.map
{
    border:1px solid #F6D699;
    margin:0;
}

#details_intro p
{
    margin:5px 0 0 0;
}
    #details_intro p.intro
    {
        font-size:1.1em;
        padding:15px 0 5px;
    }

.hover_details
{
    background:#F6D699;
    padding:10px;
    margin:20px 0 0 0;
    float:left;
    width:620px;
    height:100px;
}
    .hover_details .thumb
    {
        float:left;
        padding:13px;
        background:url(../images/housing/bg_thumb_feat.gif) no-repeat top left;
        margin:0 15px 0 0;
    }
    
    .hover_details div
    {
        padding:2px 0 0 0;
        float:left;
        width:505px;
    }
    
    .hover_details div div
    {
        color:#E48600;
        font-weight:bold;
        font-size:1.1em;
        text-transform:uppercase;
        margin:0 0 10px 0;
    }
    
    .hover_details h3
    {
        font-size:1.7em;
        font-weight:normal;
        color:#CC5302;
        text-transform:uppercase;
    }
         .hover_details h3 span
         {
            font-size:0.75em;
         }
 
    .hover_details p
    {
        width:80%;
        float:left;
    }
 
.price
{
    display:block;
    color:#981500;
    font-size:1.1em;
}
         
#properties
{
    list-style-type:none;
    padding:0;
    margin:25px 0 0 0;
}
    #properties li
    {
        padding:0;
        margin:0 11px 10px 0px;
        float:left;
        display:inline;
        width:300px;
        height:60px;
        text-transform:uppercase;
        color:#E48600;
        font-weight:bold;
        padding-bottom:30px;
    }
    #properties li h3{font-weight:normal;}
    #properties li h3 span{font-size:0.7em;font-weight:bold;}
    #properties li a{float:right;}
    
    #properties li.unavailable h3{color:#E48600;}
    
/*Details*/
#main
{
    float:left;
    width:355px;
}

h2.details, h3.details {
	margin-right:10px; }
	
	#main h4{color:#CC5302;}
	#main ul{margin:0 0 0 14px;padding:0;}
	#main ul li{padding:6px 0 0 0;}

.plot
{
    text-transform:uppercase;
    color:#CC5302;
    width:70px;
    padding:2px 0;
    font-weight:bold;
}

.plot_price
{
    text-transform:uppercase;
    color:#981500;
    font-size:1.2em;
    width:165px;
    padding:2px 10px 2px 0;
    font-weight:bold;
}

.plot_size
{
    text-transform:uppercase;
    color:#42403E;
    font-size:0.9em;
    padding:2px 0;
}

p.details_intro
{
     color:#CC5302;
     margin:20px 0 15px 0;
     font-size:1.5em;
}


#floorplan_controls
{
    text-align:right;
    width:350px;
}
    #floorplan_controls img{cursor:pointer;}

.floor_details
{
    margin:0 0 20px 0;
}

    .floor_details .floorplan
    {
        border:1px solid #E1DDD6;
        margin:0 0 5px 0;
    }

    .floor_details h3, #floorplan_popup h3
    {
         color:#CC5302;
         text-transform:uppercase;
         font-size:1.5em;
         font-weight:normal;
         margin:0 0 10px 0;
    }
    .floor_details h4, #floorplan_popup h4
    {
         color:#CB3B00;
         text-transform:uppercase;
         font-size:1.1em;
         font-weight:bold;
    }
    
    .floor_details h5, #floorplan_popup h5
    {
         color:#981500;
         font-size:1em;
         font-weight:bold;
         margin:8px 0 5px;
    }
    
    .floor_details div div, #floorplan_popup div div
    {
        float:left;
        width:175px;
        margin:0 0 5px 0;
    }
    
#floorplan_popup, #siteplan_popup
{
    position:absolute;
    top:40px;
    left:50%;
    margin-left:-315px;
    border:1px solid #DEDED4;
    padding:15px;
    background:#FFFFFF;
    width:630px;
    text-align:center;
    z-index:999;
}
    #floorplan_popup div.details
    {
        text-align:left;
        float:left;
        width:350px;
    }
    #floorplan_popup div.controls
    {
        text-align:right;
        position:absolute;
        bottom:12px;
        right:20px;
    }
        #floorplan_popup div.controls img{cursor:pointer;}


#gallery #big_img
{
    background:url(../images/housing/bg_gallery_big.gif) no-repeat top left;
}

#gallery #thumbs
{
    background:url(../images/housing/bg_gallery_thumb.gif) repeat-y top left;
}
    
#further_details
{
    background:url(../images/housing/bg_furtherdetails.gif) no-repeat top left;
    padding:15px 0 0 0;
}
    #further_details h3
    {
        text-transform:uppercase;
        color:#FFFFFF;
        font-size:2em;
        font-weight:normal;
        padding:30px 0 16px 22px;
    }
    
    #further_details img
    {
        float:left;
        clear:both;
    }
    
    #sidebarinner {
	    float:left; }
	    
    #moretable {
	    width:250px;
	    margin-left:22px;
	     }
    	
	    #moretable td {
		    vertical-align:middle;
		    text-transform:uppercase;
		    color:#027DA7; }
		    
    
#property_further_details
{
    background:url(../images/housing/bg_furtherdetails.gif) no-repeat top left;
    padding:15px 19px 20px 22px;
    float:left;
}
    #property_further_details h3
    {
        text-transform:uppercase;
        color:#FFFFFF;
        font-size:2em;
        font-weight:normal;
        padding:30px 0 16px 0;
    }
    
    #property_further_details img
    {
        float:left;
        clear:both;
        margin:2px 0
    }
	
.search_wrapper
{
    margin:20px 0 0 0;
    float:left;
    width:650px;
    height:100px;
}

    .search_wrapper .thumb
    {
        float:left;
        padding:13px;
        background:url(../images/housing/bg_thumb2.gif) no-repeat top left;
        margin:0 15px 0 0;
    }
    
    .search_wrapper div
    {
        padding:2px 0 0 0;
        float:left;
        width:536px;
    }
    
    .search_wrapper div div
    {
        color:#E48600;
        font-weight:bold;
        font-size:1.1em;
        text-transform:uppercase;
        margin:0 0 10px 0;
    }
    
    .search_wrapper h3
    {
        font-size:1.7em;
        font-weight:normal;
        color:#CC5302;
        text-transform:uppercase;
    }
         .search_wrapper h3 span
         {
            font-size:0.75em;
         }
 
    .search_wrapper p
    {
        width:80%;
        float:left;
    }