/* main ss for Macphersonproperty.co.uk site, started Jan 09

other files required (and called earlier): /blueprint/condensed.css

CW :: 0902, still alpha, version 0.3

now adjusted for page width of 806px and banner of 800px

mpp3_w800.css

*/
	body {
	  margin: 0;
	  padding: 0;
	  text-align: center;

	  background: url(/img/bgs/header_bkg_2x170v3.gif) repeat-x top left;
	  color: #1e417c; /*was:  08296b*/
	}
	
	.container {
	  	height: 100%;
	  	margin: 0 auto;

	  	text-align: left;
	}

	#content { 
		clear:both;
	  	float: left;
	  	width: 800px;
	  	height: 100%;
	  	min-height: 100%; 
	}
		
	/************
	   BANNER
	 ************/

	#banner {
	  margin: 0;
	  padding: 0; 
	height:136px; 
	  background: url('/img/bgs/banner_800x136.gif') no-repeat top center;  
	}

	/* Forces hasLayout for IE and so makes header the height of its contents \*/
	* html #header {
	  height: 1%;
	}
	/* End hide from IE-mac */
	/**************
	   TOP NAVBAR
	 **************/

/* navbar placement, so move to mpp3_w800.css when done */


.shiftl_1 {margin-left:-1em;}
.shiftl_2 {margin-left:-2em;}
.shiftl_3 {margin-left:-3em;}
.shiftl_4 {margin-left:-4em;}

.shiftr_1 {margin-left:1em;}
.shiftr_2 {margin-left:2em;}
.shiftr_3 {margin-left:3em;}
.shiftr_4 {margin-left:4em;}


	ul#menu {
	  width: 900px;/*was:1100*/
	  margin: 0 auto; 
	margin-left:-12px; /*adjust here*/
	  padding: 0 !important;
	  padding: 0 0 0 10px;  
	}

	ul#menu li {
	  display: inline;
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}

	ul#menu li a {
	  float: left;  
	  padding: 11px 0 5px 0;

	  font: 500 1em lucida,helvetica,verdana,sans-serif;
	  text-align: center;
	  text-decoration: none;

	  color: #08296b;
	  /*border-bottom: 1px solid #D3F1B6;*/
	}

/*	ul#menu li a:visited {
	  background-color: #FFF;
	}*/

	ul#menu li a:hover {
	  color: #082966;
	  background: url(/img/bg/menu.gif) repeat-x bottom left;
	}

	ul#menu li a.here {
	  color: #082966;
	  background: url(/img/bg/menu.gif) repeat-x bottom left;
	font-weight:bold;
	}

	/* adjusts width of links in top navbar */
	ul.two li a {
	  width: 50%;
	}

	ul.three li a {
	  width: 33%;
	}

	ul.four li a {
	  width: 25%;
	}

	ul.five li a {
	  width: 20%;
	}

	ul.five li.shorter a {
	  width: 15%;
	}

	ul.five li.longer a {
	  width: 25%;
	}

	ul.six li a {
	  width: 16%;
	}
	
	ul.six li.shorter a {
	  width: 14%;
	}
	
	ul.six li.longer a {
	  width: 18%;
	}

	ul.seven li a {
	  width: 14%;
	}

	ul.eight li a {
	  width: 12.5%;
	}
	
	ul.eight li.shorter a {
	  width: 8%;
	}
	ul.eight li.longer a {
	  width: 15%;
	}

	ul.nine li a {
	  width: 11%;
	}
	
	ul.eight li.shorter a {
	  width: 5%;
	}
	ul.eight li.longer a {
	  width: 15%;
	}
	
	/* this bit of magic styles the onstate of individual pages by reading which page we are on from the 
body's id attribute - body_welc, etc. - and combining that with the nav list's li id attribute - nav_welc, etc. 
Could have used php, but this seems neater and faster, also works for multiple pages within a section, 
which is better than methods that need filenames to be specified and checked for using if else clauses*/
#body_home #nav_home a, 
#body_res-prop-sales #nav_res-prop-sales a,
#body_home-report #nav_home-report a, 
#body_search-and-acq #nav_search-and-acq a, 
#body_plots-and-dev #nav_plots-and-dev a,
#body_overseas-prop #nav_overseas-prop a,
#body_financial-services #nav_financial-services a,
#body_special-projects #nav_special-projects a,
#body_the-scottish-borders #nav_scottish-borders a,
#body_faq #nav_faq a,
#body_contact #nav_contact a {font-weight:bold;text-decoration:none;} /*the lack of a comma after the last a is very important!! */
#menu a:hover {text-decoration:underline; /*padding-bottom:2px; border-bottom: 2px solid black;*/}

#body_privacy a#nav_privacy,
#body_terms a#nav_terms,
#body_news #nav_news,
#body_legal a#nav_legal {font-weight:bold;text-decoration:none;}

	
	/**************
	HEADER   nav_scottish-borders
	***************/

	#header {clear:both;
/* width:1000px; */
		margin-top:4em;
		padding-bottom:4em;
		margin-bottom:2em;
	}
	.headcontactinfo {
float:right;
		text-align: right;
		font-size:1em;
		font-weight:bold;
		padding-top:15px;
	}
	.headcontactinfo a {text-decoration:none;color: #1e417c;}
	a.headeremail  {text-decoration:none;color: #1e417c; font-size:0.8em;font-weight:bold;padding-bottom:2em;}



#btn_grp {margin:0; padding:0; list-style:none;}

#btnPortfolio {float:left;}
#btnCustomSearch {float:left;margin-left:10px;}
#btnRegister {float:left;margin-left:10px;}

	.btnPortfolio {
		width: 179px;
		height: 44px;
		display: block;
		font-size: 10px;
		text-decoration: none;
		background-repeat:no-repeat;
		background-image:url(/img/btns/pfbutton.gif);
		
	}

	.btnPortfolio:hover {
		background-image:url(/img/btns/pfbutton_hover.gif);
	}
	
	.btnCustomSearch {
		
		width: 179px;
		height: 44px;
		display: block;
		font-size: 10px;
		text-decoration: none;
		background-repeat:no-repeat;
		background-image:url(/img/btns/csbutton.gif);
	}

	.btnCustomSearch:hover {
		background-image:url(/img/btns/csbutton_hover.gif);
	}
	
	.btnRegister {
		
		width: 179px;
		height: 44px;
		display: block;
		font-size: 10px;
		text-decoration: none;
		background-repeat:no-repeat;
		background-image:url(/img/btns/registerbtn.gif);
	}

	.btnRegister:hover {
		background-image:url(/img/btns/registerbtn_hover.gif);
	}
	
	/**********
	COPY STYLES
	************/
	
	h2 {font-size:1.4em;
		color: #1e417c;/*was: 082966*/
		font-weight:bold;
		margin-top:1em;
		margin-bottom:0.5em;
		}
	h3 {font-size:1.2em;
			color: #1e417c;
			margin-top:0;
			margin-right:-40px;
			background:#d6efef;
			padding:0.5em;
			}
	h3.leftcreep {margin-left:-18px;padding-left:19px;margin-right:-13px;}	/*-10*/		
	h4 {font-size:1.2em;
			color: #1e417c;
			font-weight:bold;
			margin-top:1.1em;
			margin-bottom:1.2em;
			}	
	p.firstpara {
		font-size:1.2em;
	}
	p.lastpara {
		font-size:1.2em;
	}
	.offerprice {
		font-size:1.2em;
		font-weight:bold;
	}
	a {text-decoration:none;}
	
	p.readmore {text-align:right;}
		
	.imgfloatleft {
		float:left;
		margin-right:1em;
	}
		#header {clear:both;

			margin-top:1em;
			height:2em;
			margin-bottom:2em;
		}
		#headright {float:right;}
		#headerline	{border-bottom:1px solid #003e7e;padding-top:10px;}/* ADJUST LINE THICKNESS HERE */
		#iframeFeaturedProperty {padding-top:20px;}
		#footer	{border-top:1px solid #003e7e;padding-top:1em;}/* ADJUST LINE THICKNESS HERE */
	.clrlft {clear: left;}	
	.showalllink {margin-top:3em;width:450px;}
	
	
	/* -------  RECENT TWEAKS  -------------*/
	
	.firstunderiframe {margin-top:3em;}
	
		.navbar {margin:auto;}
.footerlogos {margin-top:-1.25em;}/*was: -2.5em*/
	#mainfrm {margin-top:-2em;}
		.headcontactinfo {
	float:right;
			text-align: right;
			font-size:1.3em;
			font-weight: bold;
			padding-top:0;
		}
		#headerline	{margin-top:-2em;}
		#page {margin-top:-4em;margin-right:2.5em;}	
		.showalllink {margin-top:0;}
		#page a:hover, #rcol_lorem a:hover, #footer a:hover, .readmore a:hover {text-decoration: underline;}
	
		#iframeFeaturedProperty	{margin-top:-3em;margin-bottom:2em;}
	p.footnote{margin-bottom:0.2em;}
	
	/*----*/
	.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
	.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
	.notice {background:#d6eef1;color:#1e417c;border-color:#d6eef1;}
	
	ol.deflist li {margin-bottom:2em;}
	
	li {margin-bottom:1.5em;}
	
	/* ------- FORMS ----------*/
	form {margin-bottom:3em;}
	label {font-weight:normal;}
	.formtip {font-size:0.8em;}
	.successannounce {font-size:1.2em;margin-top:2em;}
	#submit {text-align:center;}
	
	
/*	  .label{
	    text-align:right;
	  } */
/* --- Form Pages ---*/


address {font-size:1.5em;font-style:normal;}