#CrumbleTrail
{
	visibility:hidden;
}

#OverallContent
{
/*
	The background section has a responsive equivalent at the bottom of this file
	background:url('/images/layout/designa/OverallBackground.png'), url('/images/layout/designa/ContentBackground.png');
	background:url('/images/layout/designa/OverallBackground.png'), url('/images/layout/designa/ContentBackground.png');
	background-repeat: no-repeat, repeat-y;
	background-color:black;
	background-position:top left, top left;
		background-size:contain;
		-moz-background-size:contain;
		-webkit-background-size:contain;
	background-color:black;
*/
	background:transparent url('/images/layout/designa/OverallBackgroundfp.png');
	background-repeat: no-repeat;
	background-position:top left;
		background-size:contain;
		-moz-background-size:contain;
		-webkit-background-size:contain;
/*
	padding-top:22%;
	padding-bottom:22%;
*/	
}

#HeaderBar
{
/*
	background-color:red;
*/
/*	padding-top:56.6%; */
	padding-top:5.5%; 
}

#TopMenuBar
{
/*	visibility:hidden;*/
}


.EnterImageSwapper
{
	position:absolute;
	left:28%;
	top:1%;
	z-index:9999;
}

@media screen and (max-width: 768px) 
{
	.EnterImageSwapper
	{
		position:absolute;
		left:20%;
		top:0;
		z-index:9999;
		width:30%;
		height:auto;
	}
	#HeaderBar
	{
	/*
		background-color:red;
	*/
	/*	padding-top:56.6%; */
		padding-top:3%; 
	}
	div#FooterBar
	{
	  padding-top: 2.5%;
	}	
}
@media screen and (max-width: 480px) 
{
	.EnterImageSwapper
	{
		position:absolute;
		left:20%;
		top:0;
		z-index:9999;
		width:30%;
		height:auto;
	}
	#HeaderBar
	{
	/*
		background-color:red;
	*/
	/*	padding-top:56.6%; */
		padding-top:0%; 
	}
	div#FooterBar
	{
	  padding-top: 4.5%;
	}	
}

@media screen and (max-width: 360px) 
{
	.EnterImageSwapper
	{
		position:absolute;
		left:20%;
		top:1%;
		z-index:9999;
		width:30%;
		height:auto;
	}
	#HeaderBar
	{
	/*
		background-color:red;
	*/
	/*	padding-top:56.6%; */
		padding-top:0%; 
	}
	div#FooterBar
	{
	  padding-top: 13.5%;
	}	
}

@media screen and (max-width: 320px) 
{
	.EnterImageSwapper
	{
		position:absolute;
		left:20%;
		top:1%;
		z-index:9999;
		width:30%;
		height:auto;
	}
	#HeaderBar
	{
	/*
		background-color:red;
	*/
	/*	padding-top:56.6%; */
		padding-top:0%; 
	}
	div#FooterBar
	{
	  padding-top: 13.5%;
	}	
}
















