@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*html, body {height:100%;overflow:auto}*/
html {
	margin-top:0 !important;	
}
body {
	background:#333;
}

/*
 * Custom Buttons used on Community Development Page
 */

 #threesystems, #abcd {
 	display:inline-block;
 	width:280px;
 	height:244px;
 }
 #threesystems a {
 	background:url('../images/3systemsbutton.png') 0 0 no-repeat;
 }
 #abcd a {
 	background:url('../images/abcdbutton.png') 0 0 no-repeat;
 }
 #threesystems a, #abcd a {
 	display:block;
 	width:100%; height:100%;
 	background-position-x:0%;
 }
 #threesystems a img, #abcd a img {
 	width:100%; height:100%;
 }
 #threesystems a:hover, #abcd a:hover {
 	background-position-x:100%;
 }

/* Mobile Layout: 480px and below. */

/*
 * Boilerplate / responsive
 */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	/*padding-left: 1.82%;
	padding-right: 1.82%;*/
}
.cshadow {
	-webkit-box-shadow: 0 0 100px 1px #000000;
	box-shadow: 0 0 100px 1px #000000;	
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#wpadminbar {
	display:none;	
}

/*
 * Header and Logo area
 */

#Header, #logoNavContainer {
	display:none;	
}
.logotop, .menutop {
	display:none;
}
#scrollIndicator {
	display:none; 
}

/*
 * Page Content
 */

#Content {
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
#Content, .cntntpadding {
	font-family: 'Quicksand', sans-serif; font-size: 1em;
}
/* Heading sizes */
#Content h1, #FPtopSection h1, FPmiddleSection h1, #FPbottomSection h1 {
	font-size:2.2em !important;
}
#Content h2, #FPtopSection h2, FPmiddleSection h2, #FPbottomSection h2 {
	font-size:2em !important;
}
#Content h3, #FPtopSection h3, FPmiddleSection h3, #FPbottomSection h3 {
	font-size:1.8em;
}
#Content h4, #FPtopSection h4, FPmiddleSection h4, #FPbottomSection h4 {
	font-size:1.5em !important;
}
.symple-accordion h3.symple-accordion-trigger {
	font-size:1.2em !important;
}
#FPmiddleSection table td {
	display: inline-block;
	width: 100%; padding:10px 20px 10px 20px !important;
}
.cntntpadding {
	padding:20px;
}
article header.entry-header h1.entry-title {
	margin-top: 10px;
}
.symple-accordion h3.ui-accordion-header span.ui-accordion-header-icon {
	display:none !important;
}


/*
 * Sidebars
 */

#leftSidebar, #rightSidebar, #contentLeft, #contentRight {
	float:none;
}
#contentRight {
	/* */
}
#leftSidebar li.widget, #rightSidebar li.widget {
	list-style: none;
	margin-top: 30px;
}
#leftSidebar li.widget h2.widgettitle, #rightSidebar li.widget h2.widgettitle {
	margin-bottom: 20px;
	padding-left: 20px;
}

/*
 * Footer
 */

#footerBottom {
	padding: 10px 5px;
	clear:both;
}
#footerBottom .copyright {
	float:left;
}

#footerBottom .email {
	float:right;
}
#footerBottom .email a {
	text-decoration:none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

	/*
	 * Boilerplate / responsive
 	*/

	.gridContainer {
		width: 90.675%;
	}
	.cshadow {
		-webkit-box-shadow: 0 0 100px 1px #000000;
		box-shadow: 0 0 100px 1px #000000;	
	}
	#LayoutDiv1 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#footerBottom {
		padding: 20px 10px;
		clear:both;
	}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
	
	#wpadminbar {
		/*display:block;	*/
	}
	html {
		margin-top:0 !important;	
	}
	#mobHeader{
		display:none;	
	}
	.gridContainer {
		width: 88.2%;
		max-width: 1000px;
		padding:0;
		margin: auto;
	}
	.cshadow {
		-webkit-box-shadow: 0 0 100px 1px #000000;
		box-shadow: 0 0 100px 1px #000000;	
	}
	#LayoutDiv1 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	
	/*
 	* Header and Logo area
 	*/
	
	#Header, #Content, #logoNavContainer {
		clear:both;
		float:left;
		margin-left: 0; 
		width:100%;
		display:block;	
	}
	
	#Menu {
		display:block; width:100%; height:60px; 
		background:#660000; overflow:visible;
	}
	.main-navigation {
		float:left;
	}
	#Header {
		background:url('http://www.one-economy.co.uk/wp-content/uploads/2015/03/liverpool-bg1-744x469.jpg') 50% 3% no-repeat fixed;
		/*background-size:cover;*/
		height:469px;
	}
	#HeadOverlay {
		width:100%; position:relative;	
	}
	#scrollIndicator {
		position: absolute;
		background:url('../images/scrollarrow.png');
		z-index: 3;
		width:100px; height:100px;
		right:50px; top:150px;
	}
	.tada {
		-webkit-animation-duration: 1s;
  		-webkit-animation-timing-function: ease;
		-webkit-animation-fill-mode: both;
		-webkit-animation-name: tada;
		-moz-animation-duration: 1s;
		-moz-animation-timing-function: ease;
		-moz-animation-fill-mode: both;
		-moz-animation-name: tada;
		animation-duration: 1s;
		animation-timing-function: ease;
		animation-fill-mode: both;
		animation-name: tada;
		-webkit-animation-play-state:running;
		animation-play-state:running;	
	}
	#logoNavContainer {
		position: absolute; 
		/*top: 600px;*/ 
		z-index: 2; 
		width:100%; 
	}
	#Logo {
		background:url('../images/logo-horizontal-3.png') 25px 25px no-repeat #FFF;
		height:100px;	
	}
	.logonorm, .menunorm {
		position:relative; 
		/*top: 620px;	*/
	}
	.logotop, .menutop {
		position:fixed; top:0px; margin:auto; display:block;
		/*z-index:500;*/ 
	}
	.menutop {
		top:100px;	
	}
	
	/*
 	* Page Content
 	*/
	
	#Content {
		font-size:1em;	
	}
	
	/* Front Page middle section and middle section tables */
	#FPmiddleSection table td {
		display: table-cell;
		width: auto;
display: none;
	}
	#FPmiddleSection {
		background:url('http://www.one-economy.co.uk/wp-content/uploads/2015/03/liverpool-bg2.jpg') 20% 0 no-repeat fixed;
    	height:400px;
	}
	
	/*
	 * Sidebars
	 */	

	#leftSidebar, #rightSidebar {
		display:block;
		float:left;
		width:30%;
		/*min-width:300px;*/
	}
	#rightSidebar {
		float:right;
	}
	#contentRight {
		float:right;
		width:70%;
	}
	#contentLeft {
		float:left;
		width:70%;
	}

}

@media only screen and (min-width: 860px) {
	#Header {
		background:url('http://www.one-economy.co.uk/wp-content/uploads/2015/03/liverpool-bg1-1000x630.jpg') 50% 3% no-repeat fixed;
		/*background-size:cover;*/
		height:630px;
	}
	#FPmiddleSection {
		background:url('http://www.one-economy.co.uk/wp-content/uploads/2015/03/liverpool-bg2.jpg') 20% 0 no-repeat fixed;
    	height:350px;
	}
	#Logo {
		background:url('../images/logo-horizontal-2.png') 25px 25px no-repeat #FFF;
		height:113px;	
	}
	.menutop {
		top:113px;
	}
}
/* Large Desktop Layout: 1024px to a max of 1232px. Inherits from all former styles */
@media only screen and (min-width: 1024px) {
	#Header {
		background:url('http://www.one-economy.co.uk/wp-content/uploads/2015/03/liverpool-bg1-1366x861.jpg') 50% 3% no-repeat fixed;
		/*background-size:cover;*/
		height:860px;
	}
	#FPmiddleSection {
		background:url('http://www.one-economy.co.uk/wp-content/uploads/2015/03/liverpool-bg2.jpg') 20% 0 no-repeat fixed;
    	height:350px;
	}
	#Logo {
		background:url('../images/logo-horizontal-1.png') 25px 25px no-repeat #FFF;
		height:140px;	
	}
	.menutop {
		top:140px;	
	}
}