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

	html
	{
		overflow: -moz-scrollbars-vertical;
		width:100%;
		background:url(/assets/images/main-bg.jpg) #000000 top center no-repeat;
		background-attachment:fixed;
	}
	
	html.sympatico
	{
		background:none;
		background-color:#ececec !important;
	}

	html.full
	{
		width: 100%;
		height: 100%;
		background: none;
		background-color:#141414;
	}

	/*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, #footer,
	.header_core, .container_core, .footer_core
	{
		margin:0 auto;
		width:100%;
	}

	#footer.flash
	{
		height:67px !important;
		background-color:#000;
	}

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

	#container
	{
		padding-bottom:35px;
	}

	#flash_container
	{
		position: absolute;
		width: 100% !important;
		background-color: #000;
		z-index: 0
	}

	#header
	{
		background-color: #000;
		height: 75px;
	}

	#header.flash,
	#footer.flash
	{
		display: block;
		position: absolute;
		display: none;
	}

	#footer {
		height: 167px;
	}

	#header.flash {
		top: 0;
		z-index: 1;
	}
	
	#footer.flash {
 		bottom: 0;
		z-index: 2;
	}

	.footer_core
	{
		height:122px;
		width:939px !important;
		padding:15px 20px 0 12px;
		background-color:#000;
	}
	
	.flash.footer_core
	{
		padding:10px 0 10px 0;
		height:47px;
	}

	.ie7 .footer_core
	{
		height:159px !important;
	}