@media screen
{
	/*COLORS/BACKGROUNDS - MAIN TEMPLATE DEFINITIONS
	=========================================*/

	html
	{
		background:url(/assets/images/body_bg.jpg) #f3f7ec left top;
	}

	.back_white
	{
		background-color:#ffffff;
	}

	.back_beige
	{
		background-color:#f3f7ec;
	}

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

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

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

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

	.container_core
	{
		padding-bottom:50px;
	}

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

	/*Custom width height and background to the main template divs*/
	#header
	{
		background-color:#f3f7ec;
		height:134px;
	}

	.header_core.back_green
	{
		height:60px;
	}

	.header_core.back_grey
	{
		height:110px;
	}

	#footer
	{
		height:300px;
		background:url(/assets/images/footer_background.gif) #ebefdd bottom left repeat-x;
	}



}