/*
Client: Main Pro Ltd.
Author: Martin Hughes, 9xb
Author URI: http://www.9xb.com/
*/

/*	Structure
		Reset
		1. DEFAULT STYLES
		2. TEMPLATE ELEMENTS
		3. FORM ELEMENTS
		4. HEADING ELEMENTS
		5. HEADER STYLES
		6. CONTENT STYLES
		7. FOOTER STYLES
*/

/* Global reset
-------------------------------------------------------------------*/

	html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin:0; padding:0; }
	h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size:1em; font-weight:normal; font-style:normal; }
	fieldset,img { border:none; }
	caption,th { text-align:left; }
	table { border-collapse:collapse; border-spacing:0; margin-bottom:10px; }
	table td { padding:0 10px 0 0; }
	
	.hidden,
	.screen_reader,
	hr 					{ display:none; } 
	p 					{ margin:0 0 1.2em 0; padding:0; } /* Paragraph default styling, amend as desired */
	a 					{ color:#a90050; text-decoration:none; }/* Default link styling */
	a:hover 			{ color:#a90050; text-decoration:underline; }/* Default hover link styling */
	.floatL				{ float:left; } /* Float an element left with a margin */
	.floatR 			{ float:right; } /* Float an element right with a margin */
	.italic 			{ font-style:italic; } /* Italisise */
	.upper 				{ text-transform:uppercase; } /* uppercase */
	.clear 				{ clear:both; } /* Clear any element */
	.hideText			{ text-indent:-3000em; overflow:hidden; text-align:left; } /* hide text only */
	.clearfix:after 	{ content:"."; display:block; height:0; clear:both; visibility:hidden; } /* Block unfloated Parent */

/* 1. DEFAULT STYLES  ~~~~~~~~~~~~~~~~ */
	
	html, body 			{ font:12px/1.4em arial, helvetica, tahoma, verdana, sans-serif; color:#21464a; }	
	body 				{ margin:0; text-align:center; background: url(../images/template/body_bg.gif) repeat-x #a3e6bd; }
	a					{  }
	a:hover				{  }
	.hidden				{ text-indent:-3000em; font-size:0; overflow:hidden; }
	.floatL				{ float:left; }
	.floatR				{ float:right; }
	.clearL				{ clear:left; }
	.clearR				{ clear:right; }
	.underline			{ text-decoration:underline; }
	a.underline:hover	{ text-decoration:none; }
	ul 					{ list-style:none; margin:0; padding:10px; }
	li 					{ margin:4px 0; }
	p					{ line-height:1.45em; }

/* 2. TEMPLATE ELEMENTS  ~~~~~~~~~~~~~~~~ */

	#wrapper {
		text-align:left;
		overflow:hidden;
		width:100%;
	}
	
	#header {
		width:993px;
		margin:0 auto;
		height:124px;
		position:relative;
	}
	
	#innercontainer {
		margin:0 auto;
		position:relative;
	}
	
	#content {
		background:url(../images/template/content_bg_shadow.png) no-repeat top;
		width:1010px;
		margin:0 auto;
	}
	
	#contenthead {
		position:absolute;
		z-index:-1;
		top:0;
		text-align:center;
		width:100%;
	}
	
	#contentinner {
		padding:25px;
	}
	
	.homepage {
		padding-top:299px;
	}
	
	.sectorpage {
		padding-top:100px;
	}
	
	#footercontainer {
		background:url(../images/template/content_bg_shadow_foot.png) no-repeat top;
		width:1010px;
		margin:0 auto;
		padding-bottom:20px;
	}
	
	#footer {
		height:57px;
	}
	
/* 3. FORM ELEMENTS  ~~~~~~~~~~~~~~~~ */	

/*	legend {
		display:none;
	}
	
	form ul li {
		overflow:auto;
	}
	
	form ul li label {
		display:block;
		float:left;
		width:130px;
	}
	
	form ul li input, form ul li textarea, form ul li select {
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		padding:2px;
	}
	*/
	form.contact .req {
		color:#C00;
		font-weight:bold;
	}
	

/* CONTACT BOX STYLING */

form.contact fieldset {
  margin-bottom: 10px;
}
form.contact legend {display:none;
 }
form.contact label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  font-size:1.2em;  
  width: 140px;

}
form.contact fieldset ol {
  margin: 0;
  padding: 0;
}
form.contact fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.contact em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.contact input {
 	padding: 5px;
}

#contact-bg {
	background-color:#edfff4;
	padding:inherit
}
	
/* 4. HEADING ELEMENTS  ~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 		{ font-weight:bold; }
	h1 					{ font-size:3em; margin:20px 0; }
	h2 					{ font-size:1.5em; margin:20px 0; }
	h3 					{  }
	
/* 5. HEADER STYLES  ~~~~~~~~~~~~~~~~ */

	#logo {
		position:absolute;
		top:15px;
		left:17px;
	}
	
	#callnow {
		position:absolute;
		top:22px;
		right:15px;
	}
	
	#navigation, #secondary-navigation {
		position:absolute;
		right:15px;
	}
	
	#navigation ul, #secondary-navigation ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	
	#navigation {
		top:60px;
		width:665px;
	}
	
	#navigation li {
		float:left;
		margin-left:15px;
	}
	
	#navigation li a {
		background-position:top;
		background-repeat:no-repeat;
		height:13px;
		display:block;
		overflow:hidden;
		text-indent:-3000em;
	}
	
	#navigation li.current a, #navigation li a:hover {
		background-position:0px -13px;
	}
	
	#navigation li a.social {
		background-image:url(../images/template/menu_social.png);
		width:117px;
	}
	
	#navigation li a.retail {
		background-image:url(../images/template/menu_retail.png);
		width:123px;
	}
	
	#navigation li a.commercial {
		background-image:url(../images/template/menu_commercial.png);
		width:247px;
	}
	
	#navigation li a.other {
		background-image:url(../images/template/menu_other.png);
		width:118px;
	}
	
	#secondary-navigation {
		bottom:12px;
	}
	
	#secondary-navigation li {
		float:left;
		margin-left:25px;
	}
	
	#secondary-navigation a {
		color:#0098aa;
	}

/* 6. CONTENT STYLES  ~~~~~~~~~~~~~~~~ */

	.error {
		margin:10px 0;
		padding:0;
		color:#C00;
	}
	.error ul {
		margin:0 20px;
		padding:0;
		list-style:disc;
	}
	
	p.large {
		font-size:1.3em;
	}
	
	p.medium {
		font-size:1.2em;
	}
	
	#contentcolumnleft {
		float:left;
		width:715px;
	}
	
	#contentcolumnright {
		
	}
	
	#contenthead.sectorhead {
		width:1000px;
		height:100px;
		position:absolute;
		top:0;
		left:50%;
		margin-left:-500px;
	}
	#contenthead.sectorhead h2 {
		height:45px;
		text-indent:-3000em;
		top:30px;
		position:relative;
		right:20px;
		background-position:right;
		background-repeat:no-repeat;
	}
	#contenthead.sectorhead h2.social-housing {
		background-image: url(../images/template/heading_social_housing.png);
	}
	#contenthead.sectorhead h2.retail-leisure {
		background-image: url(../images/template/heading_retail_leisure.png);
	}
	#contenthead.sectorhead h2.other-markets {
		background-image: url(../images/template/heading_other_markets.png);
	}
	#contenthead.sectorhead h2.commercial-managing-agents {
		background-image: url(../images/template/heading_commercial_managing_agents.png);
	}
	
	
	#intro-slides {
		position:relative;
		margin-bottom:10px;
		height:600px;
		width:100%;
		overflow:hidden;
	}
	
	#intro-slides .slide  {
		position:absolute;
		top:0;
		left:50%;
		margin-left:-600px;
		z-index:100;
	}
	
	#contentcolumnleft h1, #contentcolumnleft h2, #contentcolumnleft h3, #contentcolumnleft h4, #contentcolumnleft p, #contentcolumnleft ul {
		margin-left:15px;
		margin-right:40px;
		padding:0;
	}
	
	#contentcolumnright {
		width:245px;
		float:right;
	}
	
	#contentcolumnright .sub-links {
		border-top:1px solid #49a8b3;
		margin:0 0 0 20px;
		padding:0;
	}
	#contentcolumnright .sub-links li {
		border-bottom:1px solid #49a8b3;
		padding:1px 0 0 0;
	}
	
	#contentcolumnright .ctas {
		margin:20px 0 0 20px;
		padding:0;
	}
	#contentcolumnright .ctas li {
		padding:0 0 10px 0;
	}
	
	.home-panel {
		position:relative;
		width:225px;
		height:255px;
		float:left;
		margin-right:20px;
		background:#0098aa no-repeat top center;
		color:#21464a;
	}
	
	.home-panel .more-link a {
		color:#fff;
		display:block;
		text-transform:uppercase;
		font-size:0.9em;
		width:217px;
		background:#a90050;
		padding:4px;
		position:absolute;
		bottom:0;
		left:0;
	}
	.home-panel .more-link a:hover {
		text-decoration:none;
	}
	
	.home-other {
		margin-right:0;
	}
	
	.home-panel div h2 {
		text-indent:-3000em;
		height:13px;
		/*margin:93px 0 0 10px;*/
		margin:0 0 0 10px;
		background-repeat:no-repeat;
	}
	.home-panel div p {
		margin:10px 10px 0 10px;
	}
	.home-social h2 { background-image:url(../images/template/panel_social_housing.png); }
	.home-retail h2 { background-image:url(../images/template/panel_retail.png); }
	.home-commercial h2 { background-image:url(../images/template/panel_commercial.png); }
	.home-other h2 { background-image:url(../images/template/panel_other.png); }
	
	/*.home-social { background-image:url(../images/template/panel_back_social.jpg); }
	.home-retail { background-image:url(../images/template/panel_back_retail.jpg); }
	.home-commercial { background-image:url(../images/template/panel_back_commercial.jpg); }
	.home-other { background-image:url(../images/template/panel_back_other.jpg); }*/
	
	#home-logos {
		margin:0 0 00px 0;
		height:80px;
	}
	#home-logos .logo-set {
		width:225px;
		float:left;
		padding:5px 0;
		margin-right:20px;
		border-bottom:1px solid #4fabb6;
	}
	#home-logos img {
		float:left;
	}
	#home-logos .last-set {
		margin-right:0;
	}
	
	.news-feed {
		float:left;
		width: 735px;
	}
	.news-feed h2 {
		background:url(../images/template/news_feed.png) no-repeat;
		width:83px;
		height:14px;
		text-indent:-3000em;
		overflow:hidden;
	}
	.news-feed h3 {
		font-weight:bold;
	}
	.news-feed .feed-container {
		padding-left:10px;
	}
	.news-feed .feed-item {
		float:left;
		width:200px;
		margin:0px 40px 0 0;
	}
	.news-feed .last-item {
		margin-right:0;
	}
	
	.home-cta {
		width:225px;
		float:right;
		padding-top:20px;
	}
	
	#contact-container #contact-form, #contact-container #contact-address {
		float:left;
		padding:10px;
		width:450px;
	}
	
	#contact-container #contact-address {
		border-left:1px solid #CCC;
		padding-left:20px;
	}
	
	#contact-container h2 {
		font-size:1.3em;
	}
	
	#contact-container p {
	}
	
	ul.pagination { margin: 0; padding: 0; }
	ul.pagination a, ul.pagination span { display: block; float: left; padding: 0 5px; }
	ul.pagination .previous a, ul.pagination .previous span { padding-left: 0; }
	
	.news_item { padding-top: 5px; }
	
/* 7. FOOTER STYLES  ~~~~~~~~~~~~~~~~ */

	#footer {
		padding-top:20px;
	}
	#footer .links {
		margin:0;
		padding:0 0 0 35px;
		list-style:none;
	}
	#footer .links li {
		float:left;
		margin:0 15px 0 0;
	}
	#footer .links a {
		color:#0098aa;
	}
	#footer p.maintain-quality {
		background:url(../images/template/maintain_quality.png) no-repeat;
		width:266px;
		height:15px;
		text-indent:-3000em;
		float:right;
		margin-right:35px;
	}
	
	#footercontainer p.terms {
		margin:0;
		text-align:center;
	}
	
	#footercontainer p.terms a {
		color:#21464a;
		text-decoration:underline;
	}


/* 8. Privacy Policy ~~~~~~~~~~~~~~~~~~~~~*/

	#privacy ul { 
		list-style:outside; margin:0 20px; padding: 0 10px 10px; 
	}
	#privacy ul li { 
		margin: 0px 20px 4px 10px; list-style-type:disc;
	}