/* RESET */
/* ----------------------------------------- */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, ../img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }
contactaddress { font-size:60%; font-weight:normal }

/* LAYOUT */
/* ----------------------------------------- */
body {background: #f4f4f4; font: normal 100% Arial, Helvetica, sans-serif; color:#000;}

#container { margin:25px auto; width:980px;}

	#header { height:125px; overflow:hidden; width:100%; margin-bottom:20px;  }

	/*#header div { float:left; }
	
		#branding { width:242px; }
		
		#promo-image { background:url(../img/gfx_banner.png) no-repeat; height: 103px; margin: 0 10px 0 20px; position:relative; top: 12px; width: 446px; }
		
			#home #promo-image { background-position: 50% 0; }
			
		#contact { background:url(../img/gfx_contact.gif) no-repeat; height:105px; position:relative; top: 12px; width:258px; }*/
	
	#top { background:url(../img/gfx_background_top.png) no-repeat top; width:980px;}
	
	#primary-content { background:url(../img/gfx_background_middle.png) repeat; background-color:#fff; overflow:hidden; padding:20px 0; width: 980px;}
	
		#inner { background:url(../img/gfx_background_fade.png) no-repeat top; padding: 0 20px; width:940px;}
	
		#primary-image { float:right;}
		
			#home #primary-image { margin-top: -90px; }
			#who-we-are #primary-image { margin: -40px 112px 0 0; }
			#how-it-works #primary-image { margin: -35px 125px 0 0; }
			#sign-up #primary-image { margin: -60px 125px 0 0; }
			#block-management #primary-image { margin: -55px 110px 0 0; }
			#price-comparison #primary-image {  margin: -40px 112px 0 0; }
			#our-certificates #primary-image {  margin: -40px 112px 0 0; }
			#contact-us #primary-image {  margin: -40px 90px 0 0; }
			#mezzanine-finance #primary-image {  margin: -40px 90px 0 0; }
			#charity #primary-image {  margin: -40px 90px 0 0; }
			
			
			
		
		#strapline-offer { margin: 40px 15px 20px 15px; width:415px;}
		
		#strapline-offer h1 { color:#215fab;}
		
		#home-links {}
		
			#home-links ul { float:left; width:460px; color: #215fab; font-size:16px;  }
	
			#home-links .last { float:right; margin-right:0; }
			
			#home-links li a { cursor:pointer; color: #215fab; text-decoration:none; }
			#home-links li a:hover, #home-links li a:active { cursor:pointer; color: #215fab; text-decoration:underline; }
			/*remove red border from Firefox links*/
			a { outline: none; }
			
			#home-links li { background:url(../img/gfx_icons_background.png) no-repeat; width:430px; /*430 + 30px padding = 460*/ height:83px; padding: 15px 15px 0 15px; /*83 + 14px padding = 98 */ position: relative; margin-bottom: 5px;}
			
			#home-links li span { padding:0 0 63px 80px; display: block; overflow:hidden;   }
			
			#home-links li span em { position:relative; top: 20px; font-style:normal; font-weight:bold;  }
			
			li#guaranteed span { background: url(../img/icons/icon2.png) no-repeat; }
			li#insurance span { background: url(../img/icons/icon3.png) no-repeat; }
			li#energy span { background: url(../img/icons/icon4.gif) no-repeat; }
			li#inventory span { background: url(../img/icons/icon1.gif) no-repeat;  }
			li#referencing span { background: url(../img/icons/icon5.gif) no-repeat;   }
			li#inspections span { background: url(../img/icons/icon6.gif) no-repeat;   }
			li#bespoke span { background: url(../img/icons/icon7.png) no-repeat;   }
			li#gas-electric span { background: url(../img/icons/icon14.gif) no-repeat;  }
			li#check-in span { background: url(../img/icons/icon13.png) no-repeat;  }
			li#deposit span { background: url(../img/icons/icon11.gif) no-repeat;    }
			li#no-fees span { background: url(../img/icons/icon10.gif) no-repeat;    }
			li#no-charges span { background: url(../img/icons/icon9.png) no-repeat;  }
			li#account-manager span { background: url(../img/icons/icon8.gif) no-repeat;    }
			li#locations span { background: url(../img/icons/gfx_locations.gif) no-repeat; } 
			li#furniture-storage span { background: url(../img/icons/icon15.gif) no-repeat; } 
			li#full-property-man span { background: url(../img/icons/icon16.gif) no-repeat; } 

			
			.additional-text { background:none; font-size:10px; color: #333; font-weight:normal; line-height: 11px; float:right; width:350px; }
			
			#first-column, #second-column {  width: 425px; margin: 0 15px 20px 15px;}
			
			#first-column { margin-right:20px;  float:left;}
			
			#second-column { margin-left:20px;  float:right;}
			
			#full-width { width:850px; background-color: #e8eff6; -moz-border-radius: 10px; padding:25px; text-align:center; margin:0 auto;}
			
			

	#footer { background:url(../img/gfx_background_bottom.png) no-repeat top;  }

		#footer li { display:inline; padding: 0 .5em; border-right:1px solid #215fab;} 
		
		#footer li.last { border:none; padding:0 .5em; } 
		
		#footer p, #footer ul { float:left; color:#215fab; font-size:11px;}
		
		#footer ul { margin-bottom:50px;}
		
		#legal-sponsors { padding:0 0 15px 0; width:100%; margin: 0 0 15px 0; overflow:hidden; border-bottom:1px dotted #8aa9cf; color:#333;  }
		
			#legal-sponsors p { color:#333; }
		
		#footer img { margin-top:20px; float:right; }
	
		.legal { font-weight:normal; line-height: 14px; margin:20px 45px 0 0; width:345px;}

/* TYPOGRAPHY */
/* ----------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

h1 { font-size: 20px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
p  { font-size:12px; }

/*Main headers */
#strapline-offer h1 { line-height: 22px; margin-bottom: 30px;}
h2 { color:#215fab; }
/*Main paragraph text*/
#strapline-offer p, #first-column p, #second-column p { color:#333; line-height: 18px; margin-bottom: 30px;}
/*Main paragraph lists*/
#first-column ul, #second-column ul { margin: 0 0 30px 8px; padding: 0 0 0 8px; }
#first-column li, #second-column li { font-size:12px; color:#333; list-style-type:square; margin-bottom:5px;}

/* NAV - PRIMARY
-------------------------------------------------------------- */

#navigation ul { background:url(../img/gfx_main_nav.gif); height:30px; margin-bottom:10px; position:relative; }
#navigation ul li { float:left; list-style-type:none }
#navigation ul li a { height:30px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

li#nav-home a, li#nav-who-we-are a, li#nav-how-it-works a, li#nav-sign-up a, li#nav-testimonials a, li#nav-block-man a, li#nav-price-comp a, li#nav-mez-finance a, li#nav-certificates a, li#nav-charity a, li#nav-contact a { background:url(../img/gfx_main_nav.gif) }

li#nav-home a { background-position:0 0; width:50px; left:0 }
li#nav-home a:hover { background-position:0 -31px }
body#home li#nav-home a	{ background-position:0 -62px }

li#nav-who-we-are a { background-position:-57px 0; width:80px; left:57px }
li#nav-who-we-are a:hover	{ background-position:-57px -31px }
body#who-we-are li#nav-who-we-are a { background-position:-57px -62px }

li#nav-how-it-works a { background-position:-143px 0; width:84px; left:143px }
li#nav-how-it-works a:hover	{ background-position:-143px -31px }
body#how-it-works li#nav-how-it-works a { background-position:-143px -62px }

li#nav-sign-up a { background-position:-225px 0; width:54px; left:225px }
li#nav-sign-up a:hover	{ background-position:-225px -31px }
body#sign-up li#nav-sign-up a { background-position:-225px -62px }

li#nav-testimonials a { background-position:-288px 0; width:90px; left:288px }
li#nav-testimonials a:hover	{ background-position:-288px -31px }
body#testimonials li#nav-testimonials a { background-position:-288px -62px }

li#nav-price-comp a { background-position:-376px 0; width:113px; left:376px }
li#nav-price-comp a:hover	{ background-position:-376px -31px }
body#price-comparison li#nav-price-comp a { background-position:-376px -62px }

li#nav-mez-finance a { background-position:-497px 0; width:132px; left:497px }
li#nav-mez-finance a:hover	{ background-position:-497px -31px }
body#mezzanine-finance li#nav-mez-finance a { background-position:-497px -62px }

li#nav-block-man a { background-position:-627px 0; width:52px; left:627px }
li#nav-block-man a:hover	{ background-position:-627px -31px }
body#block-management li#nav-block-man a { background-position:-627px -62px }


li#nav-certificates a { background-position:-681px 0; width:100px; left:681px }
li#nav-certificates a:hover	{ background-position:-681px -31px }
body#our-certificates li#nav-certificates a { background-position:-681px -62px }

li#nav-charity a { background-position:-787px 0; width:57px; left:787px }
li#nav-charity a:hover	{ background-position:-787px -31px }
body#charity li#nav-charity a { background-position:-787px -62px }


li#nav-contact a { background-position:-844px 0; width:70px; left:844px }
li#nav-contact a:hover	{ background-position:-844px -31px }
body#contact-us li#nav-contact a	{ background-position:-844px -62px }

                
/* LINKS */
/* ----------------------------------------- */
#footer a:link, #footer a:active { color:#215fab; text-decoration:none;}
#footer a:hover, #footer a:visited { color:#215fab; text-decoration:none; }

.contact-list a:link, .contact-list a:active { color:#b1d131; text-decoration:none;}
.contact-list a:hover, .contact-list a:visited { color:#b1d131; text-decoration:none; }

blockquote a:link, blockquote a:visited { color: #215fab; text-decoration:none; }
blockquote a:hover, blockquote a:active { color: #215fab; text-decoration:none; }


/* LISTS */
/* ----------------------------------------- */
#primary-content ul.contact-list { list-style-type: none; margin:10px 0 0 -5px;  padding-left:0;  }

#primary-content .contact-list li  { padding-left: 25px; list-style: none; background-position: 0 5px; letter-spacing:normal; color: #b1d131; font-size: 18px; font-weight:bold;  }

#primary-content .contact-list li.phone { background:url(../img/gfx_bullet_phone.gif) center left no-repeat;}

#primary-content .contact-list li.mail { background:url(../img/gfx_bullet_mail.gif) center left no-repeat ;  }

#primary-content .contact-list li.mobile { background:url(../img/gfx_bullet_mobile.gif) center left no-repeat ;  }




/* FORMS */
/* ----------------------------------------- */
#basic_form                { text-align:left; font-size:11px; }
#basic_form *              {font:inherit}
#basic_form div              {margin:0 0 10px 0;}
#basic_form p              {margin-bottom:0.8em}




#basic_form fieldset       {border:none; padding:0; margin: 0; }

#first-form-column { float:left; width: 50%; }

#second-form-column { float:right; width: 50%; }

#first-form-column legend, #second-form-column legend {font-weight:bold; color: #215fab; margin-bottom:10px; margin-top:15px; margin-left:0; padding-left:0; font-size: 18px; }


#basic_form label          { clear:left; display:block; float:left; width:80px; text-align:left; padding-right:10px; color:#333; margin-bottom:0.5em; font-size:12px; line-height:1.5em; font-style:normal; }

#basic_form input.text     {background:#fff; border:1px solid #999; width:180px; margin-bottom: -5px; vertical-align:middle; padding:2px;}



#basic_form input.radio    { margin-left:1.5em; vertical-align:middle;}

#basic_form textarea       {background:#fff; border:1px solid #999; width:350px; padding:5px; vertical-align:middle; font-size:100%;}

#basic_form input.button   {border: none; color:#fff; background:#666; vertical-align:bottom; height:2em; width:120px} 

#basic_form .left label { float:left;}


#basic_form .left input { width:100px; }

#basic_form .inline div { display:inline; }




#contact_form                { text-align:left; font-size:11px; }
#contact_form *              {font:inherit}
#contact_form div              {margin:0 0 10px 0;}
#contact_form p              {margin-bottom:0.8em}




#contact_form fieldset       {border:none; padding:0; margin: 0; }

#first-form-column { float:left; width: 50%; }

#second-form-column { float:right; width: 50%; }

#first-form-column legend, #second-form-column legend {font-weight:bold; color: #215fab; margin-bottom:10px; margin-top:15px; margin-left:0; padding-left:0; font-size: 18px; }


#contact_form label          { clear:left; display:block; float:left; width:80px; text-align:left; padding-right:10px; color:#333; margin-bottom:0.5em; font-size:12px; line-height:1.5em; font-style:normal; }

#contact_form input.text     {background:#fff; border:1px solid #999; width:180px; margin-bottom: -5px; vertical-align:middle; padding:2px;}



#contact_form input.radio    { margin-left:1.5em; vertical-align:middle;}

#contact_form textarea       {background:#fff; border:1px solid #999; width:350px; padding:5px; vertical-align:middle; font-size:100%;}

#contact_form input.button   {border: none; color:#fff; background:#666; vertical-align:bottom; height:2em; width:120px} 

#contact_form .left label { float:left;}


#contact_form .left input { width:100px; }

#contact_form .inline div { display:inline; }




/* TABLES */
/* ----------------------------------------- */

table { border-collapse: collapse; width: 90%; margin-top: 15px; text-align:left; font-size:12px; }
th { color:#215fab; font-weight:bold; width:160px;	padding: 2px 11px; text-align: left; line-height: 1.2; }
td { padding: 6px 11px; vertical-align: top; color: #333; }
td * { padding: 6px 11px; }





body#charity #full-width { margin-bottom:10px; text-align:left; width:870px; overflow:hidden; color:#333; }

body#charity #full-width img { float:right; }

.copy { width:400px; margin-right: 20px; float:left; line-height:18px;  }

.copy p { margin-top: 10px; }

body#charity #full-width .copy img { float:none; margin: 15px 0;  }












/* BITS */
/* ----------------------------------------- */
.cush {clear:both;line-height:0;font-size:0;height:0px;}
p.first { margin-top:20px;}
#first-column .bottom, #second-column .bottom { margin-bottom:0;}
p.note { color:#666; font-size:10px;}
span.letmyhome { color:#215fab; font-weight:bold; }
.cross-logo { position: absolute; right:20px; top:-35px; }

/*blockquotes*/
blockquote { margin-top: 30px; }
blockquote p cite { color: #215fab;  }
blockquote img { margin-left:-5px; }
body#testimonials blockquote p { font-style:italic; margin-bottom:0;  }