@charset "utf-8";
/* CSS Document */

body { text-align: center; background-color: #919499;  }
* { font-family: Helvetica, sans-serif; font-size: 100%; color: #666666; }
.clear, #clear { clear: both; }
strong {color: #009132;}


#outerwrapper { width: 960px; margin-right: auto; margin-left: auto; background: url(../images/site/background.jpg) #FFFFFF no-repeat; text-align: left; }

/* Top Banner: contact details & logo */
.topBannerContact { padding: 40px 40px 0px 40px; font-size: 0.75em; color: #FFFFFF; width: 400px; float: left;  }
	.topBannerContact h3 { color: #008A33; }
	.topBannerContact strong { font-weight: bold; color: #FFFFFF; }
	.topBannerContact a { color: #FFFFFF; text-decoration: none; }
.topBannerLogo { padding: 0px 66px 0px 40px; border: none; float: right; width: 115px; }

/* Content area  */
#innerwrapper {width: 877px; padding: 24px 0px 20px 44px; }

#innerwrapper p {font-size: 0.8em; }
#innerwrapper td {font-size: 0.9em; }

/* coda-slider / banner - see coda_sider/coda-slider-2.0.css */
.banner { width: 870px; height: 350px; }
/* search button */
	.searchButton { position: relative; top: -336px; left: 744px; z-index: 4; font-size: 0.7em; text-transform: uppercase; text-decoration: none; background: #008A33; color: #fff;  margin-right: 1px; padding: 3px 6px; }
	#hideaway { position: relative; top: -400px; left: 600px;  z-index: 3; width: 250px; height: 285px; background-color: #313131; padding: 20px 5px 20px 10px; -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;  }
	#search { background-color: #313131; font-size: 0.75em; padding: 0px 5px 20px 10px;}
	#hideaway h1, #search h1, #hideaway #search h1 { color: #FFFFFF; padding: 5px 0px 5px 0px; font-size: 1.2em; text-transform: uppercase; }
	#hideaway p, #hideaway a { color: #FFFFFF;}
	#hideaway label { color: #FFFFFF;}
	
	#hideaway span, #search span { color: #FFFFFF; clear: both; margin-top: 5px; }
	#search option { color: #000000; }

	body#About #hideaway, body#Tenants #hideaway, body#Landlords #hideaway, body#Relocation #hideaway, body#Properties #hideaway, body#AreaGuides #hideaway, body#Contact #hideaway  {top: -325px;}
	

	
	/* Home page - Featured Property */
	
	.panel-wrapper .home_featuredPropertyThumb img { width: 360px; float: left; margin: 30px 40px 0px 50px;  }
	.panel-wrapper .home_featuredProperty { width: 370px; float: left; margin-top: 20px; }
	.home_featuredProperty h2 { padding-top: 25px; padding-bottom: 10px; }
	.panel-wrapper .home_featuredProperty p { font-size: 12px; margin: 0px 0px; padding: 5px 0px; }
	.home_featuredProperty b {font-weight: bold; padding: 0px 0px; margin: 0px; }
	.panel-wrapper .home_featuredProperty a { color:#009132; text-decoration: none;}
	
/* Navigation */
.navigation { height: 39px; position: relative; top: -3px; }
.navigation ul { margin-left: 30px; }
.navigation li { float: left; margin: 12px 1px 10px 1px; font-size: 11px; text-transform: uppercase; list-style: none;   } 
	.navigation li { background: url(../images/site/nav_divide.gif) no-repeat right top; height: 39px; }
	li.end { background: none; }
	a.properties, a.areaGuides { color: #009132; }
	.navigation li a { display: block; }
	.navigation li a:link, .navigation li a:visited { text-decoration: none; padding: 10px 4px 10px 4px; margin-right: 3px; }
	.navigation li a:active, .navigation li a:hover { background: url(../images/site/nav_highlight.gif) no-repeat bottom center; color: #FFFFFF;  }
	
	/* active nav tabs */
		body#Home .home, body#About .about, body#Tenants .tenants, body#Landlords .landlords, body#Relocation .relocation, body#Properties .properties, body#AreaGuides .areaGuides, body#Contact .contact  { background: url(../images/site/nav_highlight.gif) no-repeat bottom center; color: #FFFFFF;}
	
/* Content */
.content { width: 870px; position: relative; padding-top: 20px;}
	
	.contentLeft { width: 637px; padding-right: 20px; float: left;}
		.contentLeft a { text-decoration: none; color: #009132; }
	.contentRight { width: 200px; float: right; }
	
	.contentLeft_AreaGuide { width: 425px; padding-right: 10px; float: left;}
		.contentLeft_AreaGuide a, .contentRight_AreaGuide a { text-decoration: none; color: #009132; }
	.contentRight_AreaGuide { width: 425px; float: right; padding-left: 10px;}
	
	/* Home promo boxes */
	.homePromo { width: 868px; border: solid 1px #DFDFDF; background: url(../images/site/homepromo_bg.gif) repeat-y top left;  }
		.colOne { width: 279px; float: left; }
		.colThree { width: 279px; float: right; }
		.colTwo { width: 306px; float: left;  height: 170px;}
		.colOne h2, .colThree h2, .colTwo h2 { color: #818181; font-size: 1em; text-transform: uppercase; border-bottom: solid 1px #DFDFDF; padding: 5px 10px; }
		.colOne p, .colThree p, .colTwo p { padding: 5px 10px; }
		.colOne td { padding-left: 5px; }

	/* Headings on search results & property pages */
		.content h1 { color: #666666; font-size: 1.25em; text-transform: uppercase; }
		h1.resultsH  { width: 637px; float: left; }
		a.resultsH { text-decoration: none; font-size: 0.75em; width: 537px; float: left; color: #818181; }
		.contentLeft h3 { padding: 5px 0px; font-weight: bold;}
	
	/* Search Results */
		.searchNav { width: 300px; float: right; text-align: right; }
		.searchNav a { font-size: 0.75em; text-decoration: none; line-height: 20px; }
		.searchNav a.next { background: url(../images/site/next.gif) no-repeat center right; padding-right: 15px; }
		.searchNav a.prev { background: url(../images/site/previous.gif) no-repeat center left; padding-left: 15px; }
		
		/* search & property listings */
		.searchListing, .searchListingAlt { width: 637px; clear: both; border-bottom: solid 1px #DFDFDF; padding: 5px 0px; }
				.searchListingAlt { background-color: #E6E6E6; }
		
		.propertyListing { width: 870px; clear: both; border-bottom: solid 1px #DFDFDF; padding: 5px 0px; }

			.thumbnail { float: left; width: 170px; text-align: left; }
			.photoGallery {float: left; width: 360px; text-align: left;}
				.thumbnail a, .gallery a { text-decoration: none; }
				.thumbnail img, .gallery img { border: none; }
				.photoGallery a, .photoGallery p a { text-decoration: none; padding-right: 10px; }
			.searchListing .listingSnippet, .searchListingAlt .listingSnippet { width: 417px; float: left; }
			.propertyListing .listingSnippet { width: 400px; float: left; }
				
				.listingSnippet h2, .contentLeft h2 { color: #818181; font-size: 1em; font-weight: bold; }
				.listingSnippet p { padding: 5px 0px; clear: both; }
				.listingSnippet b { font-weight: bold; }
				.listingSnippet img { padding-right: 12px; }
				.listingSnippet a { color:#009132; text-decoration: none;}
				.searchListing .clear { height: 10px; clear: both; }
		
			.key { float: right;  }
				.propertyListing .key {width: 100px;}
			.rent { display: block; width: 25px; height: 25px;  color: #FFFFFF; font-size: 12px; font-weight: bold; padding-top: 10px; padding-left: 17px; }
			.sale { display: block; width: 25px; height: 25px; color: #FFFFFF; font-size: 12px; font-weight: bold; padding-top: 10px; padding-left: 17px; }	
			.floorPlan, .energyRating { display: block; width: 90px; height: 15px; padding: 4px 0px; background-color: #808080; font-size: 12px; margin-top: 4px; text-align: center; clear: both; }
			.rent a, .sale a, .floorPlan a, .energyRating a  { text-decoration: none; color: #FFFFFF; }	
			.propertyListing .rent, .propertyListing .sale { margin-left: 45px; }	
			.amenitiesKey { display: block; width: 90px; height: 15px; padding: 4px 0px; font-size: 12px;  color: #666666;  margin-top: 20px; }
				.amenitiesKey img {padding-right: 4px; clear:both; margin-bottom: 4px; }
			
			/* enquiry forms input, textarea {width: 200px; margin-bottom: 10px; }*/
			label {width: 190px; font-weight: normal; margin-bottom: 10px;}
			select {width: 200px; font-weight: normal; margin-bottom: 10px;}
			
			textarea {width: 200px; height: 150px; }
			option { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; } 
			.boxes {width: 1em; }
			#Submit { margin-top: 5px; width: 70px;  font-size: 0.9em; }
			
			form br {clear: left; }	
			.rightPromo td label, .colOne td label { padding-left: 0px; }
			
		/* Static content */
		.staticContent p { padding: 5px 0px; }
		.staticContent h2 { clear: both; color: #818181; font-size: 0.9em; font-weight: bold; padding-top: 10px; }	
		.intro { font-size: 1.05em; }
		.staticContent img { padding: 5px; border: solid 1px #DFDFDF; margin-right: 15px; margin-bottom: 10px;  }
		
		/* right hand column */
		.rightPromo { width: 200px;  border: solid 1px #DFDFDF; margin-top: 10px;}
		.rightPromo h3 { color: #818181; font-size: 1em; text-transform: uppercase; border-bottom: solid 1px #DFDFDF; padding: 5px 10px; }
		.rightPromo	p { padding: 5px 10px;}
		.rightPromo a { color:#009132; text-decoration: none; }
		.rightPromo	td { padding-left: 5px;}
		
		
		/* area guides */
		

/* footer */
.footer { font-size: 0.75em; text-transform: uppercase; text-align: center; width: 870px; clear: both; margin-top: 40px; }
.footer a { text-decoration: none; color: #666666; padding: 0px 5px; }
.footer img { padding: 10px; }
.popup
{
    width:200px;
    height: 100px;
    font-size:10px;
}

.popimg
{position:relative;
     float:left;
    padding-right:5px;
    width:80px;
}
.popaddress
{
    position:relative;
float:right;
width:115px;
}