/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0}

div.clear { height: 10px; clear: both; }
strong { font-weight: bold; }
div.textbox { width: 540px; }
div.hr,hr { width: 350px; height: 19px; border-top: 1px solid #d2d2d2; }
hr{color:#fff; background-color:#fff;border:0;padding:0;margin:0;border-top: 1px solid #d2d2d2; text-align:left; }
div#page-content div#page-footer.footer-homepage { margin-top: 0; }
img.bodyimage { padding: 20px; float:right; }
.gallery { width: 600px }
.gallery li { float: left; margin-right: 5px; margin-bottom: 5px; }
.gallery li img { border:1px solid #dcdcdc; padding: 5px; }
.gallery li img:hover { border-color: #69275e; }

	/*image replacements */
	@media screen {
		
		.images-on div#page-header ul#page-navigation li, .images-on #social-media li {
			text-indent: -10000px;
			overflow: hidden;
		}
		
	}
	/* end replacements */ 

body {
	background-color: #f5f5f5;
	background-repeat: repeat-x;
	height: 100%;
	}
	
body#p-landing {
	background-image: url(../images/bg-landing.gif);
	}
	
body {
	background-image: url(../images/bg-sub.gif);
	}
	
	div#page-container {
		background-image: url(../images/bg-container.gif);
		background-repeat: repeat-y;
		width: 942px;
		margin: 0 auto;
		height: auto;
		min-height: 100%;
		}
		
		* html div#page-container { height: 100%; }
		
	div#page-top {
		background-image: url(../images/bg-landing-header.gif);
		background-repeat: no-repeat;
		height: 440px;
		width: 880px;
		padding: 0 31px 0 31px;
		}
		
		body.sub div#page-top {
			background-image: url(../images/bg-sub-header.gif);
			height: 410px;
			}
		
		div#page-header {
			background-repeat: no-repeat;
			width: 880px;
			height: 440px;
			}
			
		body.sub div#page-header {
			background-repeat: no-repeat;
			width: 880px;
			height: 300px;
			}
			
			div#page-header.one div { background-image: url(../images/photos/001.jpg); height: 440px; }
			div#page-header.two div { background-image: url(../images/photos/002.jpg); height: 440px; }
			div#page-header.three div { background-image: url(../images/photos/003.jpg); height: 440px; }
			div#page-header.four div { background-image: url(../images/photos/004.jpg); height: 440px; }
			div#page-header.five div { background-image: url(../images/photos/005.jpg); height: 440px; }
			div#page-header.six div { background-image: url(../images/photos/006.jpg); height: 440px; }
			div#page-header.eight div { background-image: url(../images/photos/008.jpg); height: 440px; }
			div#page-header.nine div { background-image: url(../images/photos/009.jpg); height: 440px; }
			
			div#page-header.header-one div { background-image: url(../images/headers/001.jpg); height: 300px; }
			div#page-header.header-two div { background-image: url(../images/headers/002.jpg); height: 300px; }
			div#page-header.header-three div { background-image: url(../images/headers/003.jpg); height: 300px; }
			div#page-header.header-four div { background-image: url(../images/headers/004.jpg); height: 300px; }
			div#page-header.header-five div { background-image: url(../images/headers/005.jpg); height: 300px; }
			div#page-header.header-six div { background-image: url(../images/headers/006.jpg); height: 300px; }
			div#page-header.header-seven div { background-image: url(../images/headers/007.jpg); height: 300px; }
			div#page-header.header-eight div { background-image: url(../images/headers/008.jpg); height: 300px; }
			div#page-header.header-nine div { background-image: url(../images/headers/009.jpg); height: 300px; }
			div#page-header.header-ten div { background-image: url(../images/headers/010.jpg); height: 300px; }
			div#page-header.header-eleven div { background-image: url(../images/headers/011.jpg); height: 300px; }
			div#page-header.header-twelve div { background-image: url(../images/headers/012.jpg); height: 300px; }
			div#page-header.header-thirteen div { background-image: url(../images/headers/013.jpg); height: 300px; }
			
			div#page-header.the-masterplan div {
				background-image: url(../images/photos/the-masterplan.jpg);
				height: 300px;
				}
			
			div#page-header.board-members div {
				background-image: url(../images/board/board-large.jpg);
				height: 300px;
				}
			
			div#page-header.house-project div {
				background-image: url(../images/photos/house-project.jpg);
				height: 300px;
				}
				
			div#page-header.mind-the-gap div {
				background-image: url(../images/projects/mind-the-gap-large.jpg);
				height: 300px;
				}
				
			div#page-header.library div {
				background-image: url(../images/projects/manningham-library-large.jpg);
				height: 300px;
				}
				
			div#page-header.lister-mill div {
				background-image: url(../images/projects/lister-mill-large.jpg);
				height: 300px;
				}
				
			div#page-header.mmca div {
				background-image: url(../images/projects/mmca-large.jpg);
				height: 300px;
				}
				
			div#page-header.partnership div {
				background-image: url(../images/projects/partnership-large.jpg);
				height: 300px;
				}
				
			div#page-header.victor-road div {
				background-image: url(../images/projects/victor-rd-large.jpg);
				height: 300px;
				}
				
			div#page-header.manningham-revive div {
				background-image: url(../images/projects/revive-large.jpg);
				height: 300px;
				}
				
			div#page-header.grid-cbc div {
				background-image: url(../images/projects/grid-large.jpg);
				height: 300px;
				}
				
			div#page-header.action div {
				background-image: url(../images/projects/action-large.jpg);
				height: 300px;
				}
				
			div#page-header.steps div {
				background-image: url(../images/projects/steps-large.jpg);
				height: 300px;
				}
				
			div#page-header.grosvenor-park div {
				background-image: url(../images/projects/grosvenor-park-large.jpg);
				height: 300px;
				}
				
			div#page-header.manningham-business-forum div {
				background-image: url(../images/projects/business_forum_large.jpg);
				height: 300px;
				}
				
			div#page-header.manningham-neighbourhood-development-plan div {
				background-image: url(../images/projects/neighbourhood_plan_large.jpg);
				height: 300px;
				}
				
			div#page-header.scotchman-rd-allotments div {
				background-image: url(../images/projects/scotchman_rd_large.jpg);
				height: 300px;
				}
			
			div#page-header img#page-logo {
				padding-top: 40px;
				width: 233px;
				height: 91px;
				}
				
			div#page-header div#page-promo {
				background-image: url(../images/bg-purple-block.gif);
				background-repeat: no-repeat;
				width: 346px;
				height: 90px;
				margin-top: 99px;
				padding: 20px;
				}
				
				div#page-header div#page-promo h1, div#opening-block h1 {
					font-size: 28px;
					}
				
				div#page-header div#page-promo h1, div#page-header div#page-promo h2, div#opening-block h1, div#opening-block h2 {
					font-family: Arial, Helvetica, sans-serif;
					color: #fff;
					font-weight: lighter;
					}
					
					div#page-header div#page-promo h2, div#opening-block h2 {
						font-size: 15px;
						font-weight: bold;
						margin-top: 10px;
						}
						
			#social-media {
				float: right;
				background: url(../images/navigation/follow-us.gif) no-repeat left #69285e;
				width:30px;
				height: 28px;
				margin-top: 42px;
				padding-left: 80px;
				}
				
				#social-media #sm-facebook a {
					background-image: url(../images/icons/facebook.gif);
					background-repeat: no-repeat;
					background-position: 0 7px;
					width: 16px;
					display: block;
					height: 28px;
					}
				
			div#page-header ul#page-navigation {
				background-color: #69275e;
				width: 770px;
				height: 28px;
				margin-top: 42px;
				float: left;
				}
				
				body.sub div#page-header ul#page-navigation {
					margin-top: 131px;
					}
					
					body.sub #social-media {
						margin-top: 131px;
					}
				
				div#page-header ul#page-navigation li {
					float: left;
					}
					
					div#page-header ul#page-navigation li a {
						font-family: Arial, Helvetica, sans-serif;
						font-size: 13px;
						color: #fff;
						text-transform: uppercase;
						text-decoration: none;
						line-height: 28px;
						display: block;
						height: 28px;
						background-repeat: no-repeat;
						text-align: center;

						}
						
						div#page-header ul#page-navigation li a:hover { color: #ffcb08; }
							
						div#page-header ul#page-navigation li#ni-home a { background-image: url(../images/navigation/home.gif); width: 55px; }
						body#p-landing div#page-header ul#page-navigation li#ni-home a, div#page-header ul#page-navigation li#ni-home a:hover { background-image: url(../images/navigation/home-on.gif); }
						
						div#page-header ul#page-navigation li#ni-who-are-we a { background-image: url(../images/navigation/who-are-we.gif); width: 99px; }
						body#p-who-are-we div#page-header ul#page-navigation li#ni-who-are-we a, div#page-header ul#page-navigation li#ni-who-are-we a:hover { background-image: url(../images/navigation/who-are-we-on.gif); }
						
						div#page-header ul#page-navigation li#ni-the-masterplan a { background-image: url(../images/navigation/the-masterplan.gif); width: 122px; }
						body#p-the-masterplan div#page-header ul#page-navigation li#ni-the-masterplan a, div#page-header ul#page-navigation li#ni-the-masterplan a:hover { 
						background-image: url(../images/navigation/the-masterplan-on.gif); }
						
						div#page-header ul#page-navigation li#ni-projects a { background-image: url(../images/navigation/projects.gif); width: 77px; }
						body#p-projects div#page-header ul#page-navigation li#ni-projects a, div#page-header ul#page-navigation li#ni-projects a:hover,
						body#p-project div#page-header ul#page-navigation li#ni-projects a { background-image: url(../images/navigation/projects-on.gif); }
						
						div#page-header ul#page-navigation li#ni-news-events a { background-image: url(../images/navigation/news-and-events.gif); width: 114px; }
						body#p-news-and-events div#page-header ul#page-navigation li#ni-news-events a, div#page-header ul#page-navigation li#ni-news-events a:hover { 
						background-image: url(../images/navigation/news-and-events-on.gif); }
						
						div#page-header ul#page-navigation li#ni-resources a { background-image: url(../images/navigation/resources.gif); width: 87px; }
						body#p-resources div#page-header ul#page-navigation li#ni-resources a, div#page-header ul#page-navigation li#ni-resources a:hover { background-image: url(../images/navigation/resources-on.gif); }
						
						div#page-header ul#page-navigation li#ni-contact a { background-image: url(../images/navigation/contact-us.gif); width: 88px; }
						body#p-contact div#page-header ul#page-navigation li#ni-contact a, div#page-header ul#page-navigation li#ni-contact a:hover { background-image: url(../images/navigation/contact-us-on.gif); }
							
	div#opening-block {
		clear: both;
		background-image: url(../images/bg-opening-block.gif);
		background-repeat: no-repeat;
		float: left;
		width: 620px;
		height: 60px;
		border-right: 10px solid #eaeaea;
		margin-top: 10px;
		padding: 20px;
		}	
		
	div#right-opening-block {
		float: left;
		background-image: url(../images/bg-green-box.gif);
		background-repeat: no-repeat;
		width: 210px;
		height: 100px;
		margin-top: 10px;
		}		
		
		div#right-opening-block h3 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #fff;
			padding-left: 20px;
			padding-top: 70px;
			font-weight: bold;
			}
	
	div#page-content {
		clear: both;
		padding: 0 31px 0 31px;
		}
		
		div#page-content div#primary-content {
			width: 620px;
			float: left;
			margin-right: 10px;
			padding: 20px;
			}
			
			* html div#page-content div#primary-content.nomargin {
				padding-right:10px;
				margin-right:0;
			}
			
			/* quick links */
			
			div#primary-content div.quick-links {
				background-color: #69275e;
				width: 640px;
				height: 370px;
				margin-bottom: 20px;
				overflow:hidden;
				}
				
				div#primary-content div.quick-links img, div#primary-content div.quick-links div.slideshow { float:left; width: 450px; height:370px; margin-right: 15px; }
				
				div#primary-content div.quick-links h1 {
					color: #fff;
					font-size: 12px;
					font-family: Arial, Helvetica, sans-serif;
					font-weight: bold;
					margin-bottom: 5px;
					padding-top: 10px;
					}				
				
				div#primary-content div.quick-links ul li {
					list-style: none;
					background-image: none;
					font-family: Arial, Helvetica, sans-serif;
					}
				
				div#primary-content div.quick-links ul li a {
					font-size: 12px;
					color: #fff;
					text-decoration: none;
					margin: 0;
					padding: 0;
					list-style: none;
					background-image: none;
					line-height: 22px;
					}
					
					div#primary-content div.quick-links ul li a:hover {
						text-decoration: underline;
						}
						
						
					div.quick-links div.text {
						width: 175px;
						float: left;
						}
						
					/* end quick links */
			
			body#p-projects div#page-content div#primary-content,
			body#p-resources div#page-content div#primary-content {
				padding-left: 0;
				padding-top: 10px;
				width: 640px;
				}
				
				body#p-resources div.textbox {
					padding-left: 20px;
					padding-top:20px;
					padding-bottom:10px; 
					
					}
			
			div#page-content div#primary-content div.project-overview {
				width: 640px;
				height: 110px;
				background-image: url(../images/project-box-bg.gif);
				background-repeat: no-repeat;
				margin-bottom: 10px;
				padding: 10px;
				clear:both;
				}
				
				* html div#page-content div#primary-content div.project-overview {				
					}
				
				div#page-content div#primary-content div.project-overview img {
					float: left;
					width: 180px;
					}
					
				div#page-content div#primary-content div.project-overview div.project-copy {
					float: left;
					width: 420px;
					padding: 10px;
					padding-left: 20px;
					}
					
					div#page-content div#primary-content div.project-overview div.project-copy div.hr {
						margin: 0;
						padding: 0;
						border: 0;
						line-height:0;
						font-size:0;
						width: 350px; height: 1px; border-bottom: 1px solid #d2d2d2; 
						margin-top: 5px;
						margin-bottom: 5px;
						}
						
				div#page-content div#primary-content div.project-overview div.project-copy p {
					font-size: 11px;
					margin:0;
					}
					
				div#page-content div#primary-content div.project-overview div.project-copy h1 {
					color: #69275e;
					font-size: 14px;
					font-weight: bold;
					margin: 0;
					}
					
					div#page-content div#primary-content div.project-overview div.project-copy h1 a {
						text-decoration: none;
						color: #69275e;
						}
						
						div#page-content div#primary-content div.project-overview div.project-copy h1 a:hover,
						div#page-content div#primary-content div.project-overview div.project-copy p a:hover {
							text-decoration: underline;
							}
			
			div#page-content div#primary-content div.textbox h1, div#page-content div#primary-content div.project-overview h1 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px;
				color: #999;
				line-height: 20px;
				margin-bottom: 20px;
				}
				
			div#page-content div#primary-content p, div#page-content div#primary-content h4, div#page-content div#primary-content h3, div#page-content div#primary-content div.textbox ul li {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #474747;
				line-height: 18px;
				margin-bottom: 20px;
				}
				
				div#page-content div#primary-content div.textbox ul li.pdf {
					background-image: url(../images/page_white_acrobat.gif);
					padding-left: 30px;
					}
					
					div#page-content div#primary-content div.textbox ul li a {
						text-decoration: none;
						color: #474747;
						}
						
						div#page-content div#primary-content div.textbox ul li a:hover {
							text-decoration: underline;
							}
				
				div#page-content div#primary-content p strong, div#page-content div#primary-content ul li strong {
					font-weight: bold;
					color: #999;
					}
				
				div#page-content div#primary-content div.textbox ul li {
					margin-left: 30px;
					margin-bottom: 15px;
					padding-left: 15px;
					list-style: none;
					background-image: url(../images/grey-arrow.gif);
					background-repeat: no-repeat;
					}
				
				div#page-content div#primary-content p a {
					font-weight: bold;
					color: #69275e;
					text-decoration: none;
					}
		
		div#page-content div#secondary-content {
			width: 210px;
			float: left;
			}
		
		div#page-content div#website-desc {
			float: left;
			background-image: url(../images/bg-orange-block.gif);
			background-repeat: no-repeat;
			background-color: #de8506;
			width: 444px;
			height: 256px;
			padding: 20px;
			margin-top: 10px;
			}
			
			div#page-content div#website-desc h1 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 22px;
				color: #fff;
				font-weight: lighter;
				margin-bottom: 10px;
				}
			
			div#page-content div#website-desc p {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #fff;
				line-height: 16px;
				margin-bottom: 15px;
				}
				
			div#page-content div#website-desc ul li {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #fff;
				line-height: 20px;
				}
			
		div#page-content div#further-links {
			margin-left: 10px;
			float: left;
			margin-top: 10px;
			}
			
		div#page-content div#further-links div#who-are-we {
			float: left;
			margin-right: 5px;
			margin-bottom: 10px;
			}
			
		div#page-content div#further-links div#the-masterplan {
			float: left;
			margin-left: 5px;
			margin-bottom: 10px;
			}
			
		div#page-content div#further-links div#current-progress {
			clear: both;
			background-image: url(../images/button-current-progress.gif);
			background-repeat: no-repeat;
			width: 386px;
			height: 148px;
			background-color: #e20787;
			}
			
			div#page-content div#further-links div#current-progress p#current-progress-text {
				float: left;
				width: 180px;
				margin-left: 20px;
				margin-top: 40px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #fff;
				line-height: 20px;
				}
				
				* html div#page-content div#further-links div#current-progress p#current-progress-text {
					margin-left: 10px;
					}			
				
				div#page-content div#further-links div#current-progress p#current-progress-text a {
					color: #fff;
					text-decoration: none;
					}
					
					div#page-content div#further-links div#current-progress p#current-progress-text a:hover {
						text-decoration: underline;
						}
				
				div#page-content div#further-links div#current-progress p#current-progress-text strong {
					color: #82064e;
					line-height: 25px;
					}
			
			div#page-content div#further-links div#current-progress a#current-progress-image {
				float: right;
				margin-right: 10px;
				margin-top: 10px;
				}
						
		div#page-content div#page-footer {
			clear: both;
			border-top: 1px solid #dcdcdc;
			padding: 10px 0 0 0;
			height: 70px;
			margin-top: 100px;
			}
			
			div#page-content div#page-footer address {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #999;
				float: left;
				}
				
				div#page-content div#page-footer address a {
					color: #999;
					text-decoration: none;
					}
					
					div#page-content div#page-footer address a:hover {
						text-decoration: underline;
						}
						
			div#page-content div#page-footer img {
				float: right;
				}	
			
			ul#secondary-navigation {
				background-image: url(../images/right-col-across.gif);
				background-repeat: repeat-y;
				background-color: #62992d;
				width: 210px;
				}
				
				ul#secondary-navigation li {
					list-style: none;
					list-style-type: none;
					}			
				
				ul#secondary-navigation li a {
					display: block;
					width: 190px;
					height: 29px;
					padding-left: 20px;
					line-height: 31px;
					font-family: Arial, Helvetica, sans-serif;
					text-decoration: none;
					text-transform: uppercase;
					font-size: 12px;
					color: #fff;
					background-image: url(../images/right-col-nav-item-bg.gif);
					background-repeat: repeat-x;
					}
					
					ul#secondary-navigation li a:hover {
						color: #ffcb08;
						}

					ul#secondary-navigation li a.selected,
					div#secondary-content.p-victor-road ul#secondary-navigation li#pn-victor-road a,
					div#secondary-content.p-manningham-partnership ul#secondary-navigation li#pn-manningham-partnership a,
					div#secondary-content.p-community-centre ul#secondary-navigation li#pn-community-centre a,
					div#secondary-content.p-lister-mill ul#secondary-navigation li#pn-lister-mill a,
					div#secondary-content.p-manningham-library ul#secondary-navigation li#pn-manningham-library a,
					div#secondary-content.p-house ul#secondary-navigation li#pn-house a,
					div#secondary-content.p-mind-the-gap ul#secondary-navigation li#pn-mind-the-gap a,
					div#secondary-content.p-grab-cbc ul#secondary-navigation li#pn-grid-cbc a,
					div#secondary-content.p-action-for-business ul#secondary-navigation li#pn-action-for-business a,
					div#secondary-content.p-manningham-revive ul#secondary-navigation li#pn-manningham-revive a,
					div#secondary-content.p-grid-cbc ul#secondary-navigation li#pn-grid-cbc a,
					div#secondary-content.p-grosvenor-ground-play-area ul#secondary-navigation li#pn-grosvenor-ground-play-area a,
					div#secondary-content.p-manningham-neighbourhood-development-plan ul#secondary-navigation li#pn-manningham-neighbourhood-development-plan a,
					div#secondary-content.p-manningham-business-forum ul#secondary-navigation li#pn-manningham-business-forum a,
					div#secondary-content.p-scotchman-rd-allotments ul#secondary-navigation li#pn-scotchman-rd-allotments a
					{		
						color: #ffcb08;
						}						
					
					ul#secondary-navigation li#last a,
					ul#secondary-navigation li.last a {
						background-image: url(../images/right-col-nav-item-last-bg.gif);
						padding-bottom: 3px;
						}
						
			div#secondary-content div#download-report {
				width: 210px;
				height: 80px;
				background-image: url(../images/blue-box-bg.gif);
				background-repeat: no-repeat;
				margin-top: 0.63em;
				}
				
				div#secondary-content div#download-report p {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #fff;
					line-height: 18px;
					margin: 0;
					padding-top: 25px;
					padding-left: 20px;
					}
					
					div#secondary-content div#download-report p a {
						color: #fff;
						}
						
#slideshow {
    position:relative;
	width:450px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	width:450px;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

						

/* SIFR */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .section-header h1 {
	 visibility: hidden;
}

.sIFR-hasFlash .section h1 {
  visibility: hidden;
}

.sIFR-hasFlash .section h2 {
	visibility: hidden;
	width: 445px;
}

.sIFR-hasFlash #strap {
  width: 285px;
}