@import url("http://www.fatbeehive.com/beekeeper2/reset.css");
@import url("type.css");
@import url("mainnav.css");

body {
	text-align: center;
}

#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	border-bottom: 3px solid #d4d6e8;
	border-left: 3px solid #d4d6e8;
	border-right: 3px solid #d4d6e8;
	padding-bottom: 15px;
}

br.clear {
	clear: both;
}

.imageleft {
	float: left;
	margin: 0 10px 10px 0px;
}

.imageright {
	float: right;
	margin: 0 5px 10px 10px;
}


/* @group Header */

#header {
	background: url(../images/headerbg.gif) repeat-x;
	position: relative;
	height: 171px;
}



a.home_link {
	background: url(../images/logo.gif) no-repeat;
	width: 237px;
	padding-top: 146px;
	overflow: hidden;
	display: block;
	height: 0;
}



/* @end */

/* @group Topnav */

#topnav {
	height: 40px;
	position: absolute;
	left: 330px;
	top: 26px;
	width: 610px;
}

#topnav span {
	display: none;
}

#topnav ul {
	margin: 0;
	padding: 0;
}

#topnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
}

#topnav li a, #tn_search form {
	height: 0;
	padding-top: 40px;
	display: block;
	overflow: hidden;
	background-image: url(../images/topnav.gif);
	background-repeat: no-repeat;
	float: left;
}

#tn_home a {
	background-position: 0 0;
	width: 52px;
}

#tn_aboutus a {
	background-position: -52px 0;
	width: 70px;
}

#tn_accessibility a {
	width: 88px;
	background-position: -122px 0;
}

#tn_contactus a {
	width: 81px;
	background-position: -210px 0;
}

#tn_search form {
	width: 194px;
	height: 40px;
	float: left;
	overflow: hidden;
	padding-top: 0;
	background-position: -291px 0;
}

#tn_search #keywords {
	width: 102px;
	border: 1px solid #b3a2c8;
	padding: 2px;
	height: 18px;
	margin-left: 53px;
	margin-top: 8px;
}

#tn_search input {
	vertical-align: top;
	margin-top: 8px;
}

#tn_search label {
	display: none;
}

#tn_textonly {
	width: 64px;
	background-position: -485px 0;
}

#tn_decreasesize {
	width: 28px;
	background-position: -549px 0;
}

#tn_increasesize {
	width: 33px;
	background-position: -577px 0;
	
}





/* @end */

/* @group Mainnav */

#mainnav {
	position: absolute;
	top: 118px;
	width: 616px;
	right: 16px;
}

#mainnav ul {
	margin: 0;
	padding: 0;
}

#mainnav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

#mainnav li a {
	height: 0;
	padding-top: 53px;
	display: block;
	overflow: hidden;
	background-image: url(../images/mainnav2.gif);
	background-repeat: no-repeat;
	float: left;
}



/* @end */

/* @group Left col */

#leftcol {
	clear: both;
	width: 289px;
	float: left;
	margin-left: 12px;
	padding-top: 40px;
}



/* @end */

/* @group Subnav */

#subnav {
	background: url(../images/subnavtop.gif) no-repeat 0 top;
	zoom: 1;
}

#subnav h4 {
	margin: 0;
	padding: 13px 15px 5px;
}

#subnav ul {
	margin: 0;
	padding: 0 13px 13px;
}

#subnav ul li ul {
	zoom: 1;
}

#subnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#subnav li a {
	background-color: #f1f0f2;
	display: block;
	width: 219px;
	padding: 4px 18px;
	border-bottom: 1px solid #fff;
}

#subnav li.on a, #subnav li.on ul li a.on, #subnav li#topsubnav.on ul li a.on {
	background-image: url(../images/subarrow.gif);
	background-repeat: no-repeat; 
	background-position: 240px;
}

#topsubnav a {
	background-image: url(../images/subnavitemtopmask.gif);
	background-repeat: no-repeat;
	background-position: 0 top;
}

#subnav li#topsubnav.on a {
	background-image: url(../images/subnavitemtopmaskon.gif);
	background-position: 0 0;
}

#subnav li#topsubnav.on ul li a {
	background-image: none;
}

#bottomsubnav a, #subnav li.on ul li#bottomsubnav a {
	background-image: url(../images/subnavitembottommask.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

#subnav li#bottomsubnav.on a, #subnav li.on ul li#bottomsubnav a.on {
	background-image: url(../images/subnavitembottommaskon.gif); 
	background-repeat: no-repeat; 
	background-position: 0 bottom;
}

#subnav li.on ul {
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 8px;
}

#subnav li.on ul li a {
	background-image: none;
	width: auto;
	background-color: #f1f0f2;
	padding-left: 30px;
}

#subnav li.on ul li {
	display: inline;
}

/* @group Colours */

#subnav li a:hover, #subnav li.on a {
	background-color: #8889c2;
}

/* For Professionals */

body#for-professionals #subnav li a:hover, #for-professionals #subnav li.on a {
	background-color: #828b23;
}

body#for-professionals #subnav ul li.on ul li a {
	background-color: #a0ac1c;
}

/* Your Home */

body#your-home #subnav li a:hover, #your-home #subnav li.on a {
	background-color: #7374b4;
}

body#your-home #subnav ul li.on ul li a {
	background-color: #8989b7;
}

/* In Action */

body#in-action #subnav li a:hover, #in-action #subnav li.on a {
	background-color: #e7781e;
}

body#in-action #subnav ul li.on ul li a {
	background-color: #ee9e00;
}



/* @end */

/* @end */

/* @group Main col */

#maincol {
	clear: right;
	width: 617px;
	float: right;
	margin-right: 16px;
	display: inline;
	padding-top: 40px;
}



/* @end */

/* @group Content */

#content {
	border-bottom: 3px solid #d490fa;
	padding-bottom: 70px;
	margin-bottom: 30px;
}

#content div.case_study blockquote {
	margin: 0;
}

#content h1.section_title {
	display: block;
	height: 0;
	padding-top: 112px;
	width: 614px;
	background: url(../images/headings/lifetimehomes.gif) no-repeat;
	overflow: hidden;
	margin: 0 0 30px;
}

#content h1 {
	/*display: none;*/
	/* Do we want to display extra H1's? You should only have one per page... the section title heading. */
}

#in-action #content h1.section_title {
	background-image: url(../images/headings/casestudies.gif);
}

#for-professionals #content h1.section_title {
	background-image: url(../images/headings/forprofessionals.gif);
}

#lifetime-neighbourhoods #content h1.section_title {
	background-image: url(../images/headings/lifetimeneighbourhoods.gif);
}

#your-home #content h1.section_title {
	background-image: url(../images/headings/yourhome.gif);
}

#news-resources #content h1.section_title {
	background-image: url(../images/headings/resources.gif);
}

/*#content .quote {
	background: url(../images/quotetop.gif) no-repeat 0 top;
	width: 282px;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	clear: right;
}

#content .quote blockquote {
	background: url(../images/quotebottom.gif) no-repeat 0 bottom;
	margin: 0;
	padding: 10px;
}*/

#content .quote {
	width: 282px;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	clear: right;
}

#content .quote-inline {
	
}

/* @group Image Poloroid */

#content dl.image {

	width: 218px;
	background: url(../images/poloroidbg.gif) 0 bottom;
}

#content dl.image dt {
	margin-left: 5px;
}

#content dl.image dd {
	margin: 0;
	padding: 10px 10px 20px;
}



/* @end */



/* @end */

/* @group Footer */

#footer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 20px;
}



/* @end */

/* @group Newsletter */

#newsletter-signup-side {
	padding-left: 3px;
	padding-right: 3px;
	position: relative;
	height: 70px;
	padding-top: 15px;
}

#newsletter-signup-side label {
	display: none;
}


#newsletter-signup-side input {
	vertical-align: top;
}

#newsletter-signup-side h4 {
	width: 181px;
	height: 0;
	padding-top: 23px;
	background: url(../images/signupforournewsletter.gif) no-repeat;
	overflow: hidden;
	margin-bottom: 5px;
}

#newsletteremail {
	border: 1px solid #b3a2c8;
	width: 220px;
	padding: 2px;
	height: 18px;
}

#newsletterprivacypolicy {
	position: absolute;
	top: 23px;
	right: 8px;
}



/* @end */

/* @group Left Links */

#leftlinks {
	margin-top: 15px;
}



/* @end */

/* @group Adverts */

#adverts {
	margin-top: 15px;
}



/* @end */

/* @group Home */

#casestudy {
	width: 210px;
	float: right;
	height: 85px;
	background: url(../images/casestudy.gif) no-repeat;
}

#feature_forprofessionals a {
	display: block;
	background: url(../images/features/home_forprofessionals.gif) no-repeat;
	width: 234px;
	height: 157px;
	padding-top: 80px;
	padding-right: 30px;
	padding-left: 20px;
}

#feature_greenbox {
	display: block;
	background: url(../images/green_box.gif) no-repeat;
	width: 243px;
	height: 197px;
	padding: 20px;
}

.home_feature h4 {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.home_feature {
	overflow: hidden;
}

#feature_greenbox h4 {
	border-bottom-color: #516800;
}

#feature_forprofessionals h4, #feature_localauthorities h4 {
	display: none;
}

#feature_localauthorities a {
	display: block;
	padding-top: 80px;
	background: url(../images/features/home_forlocal.gif) no-repeat;
	width: 164px;
	height: 123px;
	padding-right: 100px;
	padding-left: 20px;
}

#feature_bluebox {
	display: block;
	background: url(../images/blue_box.gif) no-repeat;
	width: 243px;
	height: 163px;
	padding: 20px;
}

#feature_bluebox h4 {
	border-bottom-color: #d1edf2;
}

#feature_bluebox h3 {
	padding-right: 55px;
}

#casestudy img {
	margin-top: 11px;
	margin-left: 4px;
	float: left;
	height: 57px;
	width: 67px;
	overflow: hidden;
	display: block;
}

#casestudy a {
	float: right;
	padding-top: 45px;
	width: 127px;
}

#homeadvert {
	float: right;
	width: 202px;
	clear: right;
}

body#index #maincol {
	padding-top: 60px;
}

body#index #leftcol {
	padding-top: 0;
}

body#index #leftcol #tag_line {
	height: 0;
	padding-top: 60px;
	overflow: hidden;
	background-repeat: no-repeat;
	margin: 0;
}

body#index #leftcol {
	/*background: url(../images/homeslogan.gif) no-repeat 3px 0;*/
}

/* @group Feature Browse */

#feature_browse {
	position: relative;
	width: 617px;
	height: 236px;
	/* background: url(../images/feature_bg.jpg) no-repeat; */
}



#feature_browse .feature {
	width: 617px;
	height: 236px;
	position: absolute;
}

#feature_browse .feature p {
	margin-top: 112px;
	margin-left: 13px;
	width: 190px;
}

#feature_browse .feature_nav .previous, #feature_browse .feature_nav .next {
	height: 0;
	padding-top: 26px;
	overflow: hidden;
	display: block;
	float: left;
}

#feature_browse .feature_nav {
	top: 196px;
	left: 12px;
	position: absolute;
	width: 168px;
	height: 26px;
	z-index: 999;
}

#feature_browse .feature_nav .previous {
	width: 85px;
}

#feature_browse .feature_nav .next {
	width: 83px;
}



/* @end */



/* @end */

/* @group Latest Updates */

#latestupdates-container {
	width: 372px;
	float: left;
}

#latestupdates {
	width: 372px;
	float: left;
	background: #f1f0f2 url(../images/latestupdatesbottom.gif) no-repeat 0 bottom;
	padding: 15px;
	overflow: hidden;
	margin-bottom: 10px;
}

#latestupdates span {
	display: none;
}

#latestupdates h2 {
	background: #fff url(../images/latestupdates.gif) no-repeat;
	height: 0;
	padding-top: 94px;
	overflow: hidden;
	margin-top: -15px;
	margin-left: -15px;
	width: 402px;
	margin-bottom: 10px;
}

#latestupdates .readmore {
	background: url(../images/latestupdatesread.gif) no-repeat;
	width: 180px;
	height: 0;
	padding-top: 27px;
	overflow: hidden;
	display: block;
	float: left;
}

#latestupdates .morenews {
	background: url(../images/latestupdatesmore.gif) no-repeat;
	width: 187px;
	height: 0;
	padding-top: 27px;
	overflow: hidden;
	display: block;
}

a.white-button {
	display: block;
	width: 125px;
	height: 26px;
	padding: 5px 25px 5px 10px;
	font-size: 1em;
	font-weight: bold;
	color: #333;
	background: transparent url(/images/white-button.gif) no-repeat 0 0;	
}

blockquote.quote-with-image {
	background: transparent url(/images/quote_purple_left.gif) no-repeat 0 0;	
	padding-left: 40px;
	font-size: 1.1em;
}

blockquote.quote-with-image h3 {
	margin-bottom: 3px;	
}

a.print-link {
	background: transparent url(/images/printer.gif) no-repeat 0 0;	
	padding-left: 20px;
	font-weight: bold;
	display: block;
	margin-top: 20px;
}

#rss-link {
	font-size: 1.1em;
}

#rss-link a {
	color: #62349B !important;	
}

#rss-link a#rss {
	float: left;
	display: block;
	clear: left;
	margin-left: 3px; 
	padding: 0 0 0 15px; 
	background: url('/images/rss.gif') no-repeat 0 50%;	
}
/* @end */