/* importing of extra style*/
@import url(navigation.css);

/* =reset */
* { 
	margin: 0; 
	padding: 0; 
	}
	
/* =body */
body { 
	font:62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
	color: #5F5F5E; 
	width:752px;
	margin:0 auto;
	text-align:center;
	background:#E7E7E7 url(../images/branding/bg-body.gif) repeat-x top; 
	}
img	{border:0;}	
.nomargin {margin:0;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { 
	border-collapse: separate; 
	border-spacing: 0; 
	}
td, input, textarea, select {
	font:1em "Verdana, Arial, Helvetica, sans-serif"; 
	margin:0px; 
	padding:0px;
	}	
caption, th, td { 
	text-align: left; 
	font-weight: normal; 
	}
/* =header */
h1, h2, h3, h4, h5, h6{color:#003082;}
h1, h2, h3, h4, h5, h6 {
	padding:0 0 .5em;
	line-height:1.4;
	font-weight:normal;
	}	
h1 { 
	font-size: 2.7em;
	}
h2	{
	font-size: 2em;
	}
h3 { 
	font-size : 1.6em; 
	line-height : 2; 
	}
h4 {font-size : 1.4em; }
h5 { font-size : 1.2em; }
h6 { font-size : 1em; }

/* =p */
p { margin-bottom : 1.0em; 
	line-height:1.5em;
	}
/* =ol */
ol { margin-bottom : 1.5em; }

/* =li */
li { list-style-type : none; }

/* =a */
a { 
	color : #003082;
	text-decoration : none; 
	outline : none; 
	}
a:hover{color:#DB828F;}	
/* =emphasis */
strong { font-weight: bold; }
em { font-style : italic; }

/*style for help*/
.hide {display:none}
.left {float:left}
.right {float:right}
.noFloat {float:none}
.center {margin:0 auto}
.clear {clear:both}
.clearRight {clear:right}
.clearLeft {clear:left}
.noWrap {white-space:nowrap}
.noBorder {border:none}
.block {display:block}
.inline {display:inline}
.margin-none{margin:0;}
.blue{color:#7AABDE;}
.black{color:#000;}
.white{color:#fff;}
.margin2{margin-left:2px;}

/* =Text helpers */
.alignCenter {text-align:center}
.alignLeft {text-align:left}
.alignRight {text-align:right}
.bold {font-weight:bold}
.italic {font-style:italic}
.underline {text-decoration:underline}
.stroke {text-decoration:line-through}
.small {font-size:x-small}
.smaller {font-size:xx-small}
.big {font-size:x-large}
.bigger {font-size:xx-large}
.uppercase {text-transform:uppercase}
.sup {vertical-align:super}
.sub {vertical-align:sub}
.top{vertical-align:text-top}
.error {color:#ff0000}


br.clearall {
	clear:both;
	height:0em;
	line-height:0em;	
	}
/* =Main container boxes
-----------------------------------------------------------------------------*/
#header{
	height:106px;
	}
#header,
#content{
	text-align:left;
	}
#content{
	border-top:solid 1px #F0F0F0;
	font-size:1.2em;
	}	
#content-left{
	float: left;
	width: 188px;
	w\idth:182px;
	padding:0 6px 0 0;
	}
#content-right{
	float: right;
	width: 564px;
	}
#content-right img.topImage{
	margin-top:7px;
	position:relative;	
	}
.content-main{
	padding:27px 0 70px 16px;
	font-size:1em;
	}
#basic-content{width:300px; float:left;}
#basic-content p a {text-decoration : underline;}
#second-content{width:248px; w\idth:228px; float:left; padding-left: 20px;}
.topfillet{	
	margin:7px 0;
	padding:10px 0 0;
	background:url(../images/branding/navBgPE.gif) top no-repeat;
	}
.bottomfillet{
	background:url(../images/branding/navbotBgPE.gif) no-repeat;
	height:13px;
	}	
/* =Branding
-----------------------------------------------------------------------------*/
a.logo{
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	margin: 46px 0 30px 2px;
	}
.content-main img{
	border:1px solid #E9E6E6;
	padding:3px;
/*	margin:0 0 0 74px;*/
/*	float:right;*/
	}
.content-main #second-content img{
	margin:0 0 27px;
	border: none;
	width:226px;
	padding: 0;
	}
	
/* =Footer
-----------------------------------------------------------------------------*/

#footer{	
	color: #000;
	font-size:0.8em;
	width:548px;
	float:right;
	}
#footer a{
	color: #003082 !important;
	text-decoration:underline;
	}
#footer a:hover{text-decoration:none;}
#footer span{
	float:left;
	padding:0 10px 0 0; 
	}
a.fuse8-link {
	background:url(../images/branding/fuse8.gif) no-repeat scroll 0%;
	display:block;
	float:right;
	height:16px;
	overflow:hidden;
	text-indent:-999em;
	width:86px;
	}
/* =blockquote
-----------------------------------------------------------------------------*/
#content-right blockquote,
#content-left .linx-box {
	background-color: #EFF5FA;
	display: block;
	border: 1px solid #E4EEF8;
	padding: 10px;
	color: #002F80;
	font-weight: bold;	
	}
#content-left .linx-box { 
	line-height: 1.5em;
	margin-top:20px;
	float:left}	

#content-left .linx-box a {
	color:#5F5F5E;
	text-decoration:underline;
	font-weight:normal;
	line-height:1.2em;
	padding:0 0 8px 0;
	text-align:left;
	}
#content-left .linx-box a:hover {text-decoration:none;}

#content-left .linx-box ul {
	background:none;
	display:block;
	list-style-type:none;
	padding:0;
	width:160px;
	}
#content-left .linx-box ul li,
body.first #content-left .linx-box ul li,
body.property #content-left .linx-box ul li {
	float:left;
	list-style-type:none;
	display:block;
	background:none !important;
	margin:0;
	padding:0;
	font-size:0.9em;
	}
	
/*#second-content blockquote{
	width:206px; 
	w\idth:186px;
	float:left;
	}*/	
#content-right blockquote	
#content-right blockquote p{
	line-height: 1.3em;
	}
#content-right blockquote img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
#content-right blockquote p{ margin: 0;}
#content-right blockquote p.author{
	color: #51B94A;
	font-weight: normal;
	font-size: 0.9em;
	}
/* =lict styles
-----------------------------------------------------------------------------*/
#content-right ol{
	margin: 8px 0 1px 5px;
	list-style-type: decimal;
	list-style-position: inside;
}
#content-right ul{
	margin: 8px 0 1px 5px;
	list-style-type: none;
}
#content-right ul li{
	background-image: url(../images/branding/ul-item.gif);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-bottom: 5px;
	}
/* =sites color
-----------------------------------------------------------------------------*/
.blue{color:#7AABDE;}
.rose{color:#EBCCD1;}
.green{color:#D4DBD0;}
.yellow{color:#E0AD12;}
.lilac{color:#8273BA;}

body.part-exchange {background: none;}

body.part-exange h1, body.part-exange h2, body.part-exange h3, body.part-exange h4, body.par-exange h5, body.par-exange h6{color:#003082;}	
body.why-buy h1, body.why-buy h2, body.why-buy h3, body.why-buy h4, body.why-buy h5, body.why-buy h6{color:#A13359;}
body.sustainability h1, body.sustainability h2, body.sustainability h3, body.sustainability h4, body.sustainability h5, body.sustainability h6{color:#60A65D;}
body.new-home h1, body.new-home h2, body.new-home h3, body.new-home h4, body.new-home h5, body.new-home h6{color:#94785B;}
body.property h1, body.property h2, body.property h3, body.property h4, body.property h5, body.property h6{color:#BA5700;}
body.first h1, body.first h2, body.first h3, body.first h4, body.first h5, body.first h6{color:#8273BA;}

body.part-exange a{color : #003082;}
body.why-buy a{color:#A13359;}
body.sustainability a{color:#60A65D;}
body.new-home a{color:#94785B;}
body.property a{color:#BA5700;}
body.first a{color:#8273BA;}

body.par-exange a:hover {color:#7AABDE;}
body.why-buy a:hover{color:#DB828F;}
body.sustainability a:hover{color:#B1D3AE;}
body.new-home a:hover{color:#D4DBD0;}
body.property a:hover{color:#E0AD12;}
body.first a:hover{color:#8273BA;}

body.part-exange #content-right blockquote{background-color: #EFF5FA; color:#002F80;}
body.why-buy #content-right blockquote{	background-color: #EBCCD1; color:#A13359;}
body.sustainability #content-right blockquote{	background-color: #D4DBD0; color:#60A65D;}
body.new-home #content-right blockquote {
	background-color:#E5E1D3;
	color:#94785B;
	}
body.property #content-right blockquote,
body.property #content-left .linx-box {
	background-color:#fbe9b4; 
	color:#BA5700;
	border:1px solid #ebc964;
	}

body.first #content-right blockquote, 
body.first #content-left .linx-box {
	background-color:#ECE9F7; 
	color:#002F80;
	border:1px solid #cec6e6;
	} 


body.part-exange #content-right ul li{background-image: url(../images/branding/ul-item.gif);}
body.why-buy #content-right ul li{background-image: url(../images/branding/ul-itemWBNH.gif);}
body.sustainability #content-right ul li{background-image: url(../images/branding/ul-itemSus.gif);}
body.new-home #content-right ul li{background-image: url(../images/branding/ul-itemNHC.gif);}	
body.property #content-right ul li{background-image: url(../images/branding/ul-itemPro.gif);}
body.first #content-right ul li{background-image: url(../images/branding/ul-itemFTB.gif);}