/*COLORS/BACKGROUNDS - MAIN TEMPLATE DEFINITIONS
	=========================================*/

	html
	{
		overflow: -moz-scrollbars-vertical;
		width: 100%;
		background: #fff;
	}

	/*HEIGHT AND WIDTHS - MAIN TEMPLATE DEFINITIONS
	=========================================*/
		/* native structure should look like this

		<div id="page">
			<header>
				<div class="header_core holder">
				</div>
			</header>
			<div id=container>
				<div class="container_core holder">
				</container_core>
			</div>
		</div>
		<footer>
			<class="footer_core holder">
			</div>
		</footer>

	=========================================*/

	/*basic fit of main containers*/
	#page, #header, #container, #context, #footer,
	.header_core, .header_hr, .container_core, .context_core, .footer_core, #section_specific
	{
		margin: 0 auto;
		width: 100%;
	}

	/*Set the page maximum width
	!No padding allowed here*/
	.holder
	{
		width:962px !important;
		margin:0 auto;
	}

	/* CONTAINER */

	#container
	{
		padding-bottom:35px;
	}

	/* HEADER */

	#header
	{
		background-color: #fff;
		color: #64696f;
		height: 128px;
		border-top:12px solid #64696f
	}

	/* FOOTER */

	#footer
	{
		background: url(/assets/images/footer-bg.jpg) top left repeat-x;
		color: #eff1f0;
		height: 283px;
		overflow:hidden;
	}

	/* CONTEXT */

	#context
	{
		border-top: 1px #e0e2e1 solid;
		background: #eff1f0;
		height: 355px;
		-moz-box-shadow: inset 0 1em 14px #e0e2e1;
		-webkit-box-shadow: inset 0 1em 14px #e0e2e1;
        box-shadow: inset 0 1em 14px #e0e2e1;
	}

	#section_specific
	{
		padding:25px 0 10px 0;
		margin:0 0 30px 0;
		background-color:#f0f1f1;
	}