/* Rearrange the furniture for screens wider than 480px */
@media screen and (min-width: 480px)	{
	a:hover	{
		text-decoration: none; 
		color: #ffffff;
		line-height: 150%;
	}
	nav	{
		font-size: 1.6em;
	}
		nav a:hover, nav a:visited, nav a:link, nav a:active	{
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 5px;
		padding-left: 5px;
	}
	nav .link	{
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 5px;
		padding-left: 5px;
	}
	nav .divide	{
		color:#000000;
		padding-left: 5px;
		padding-right: 5px;
	}
	.text	{
		font-size: 1em; 
		line-height: 150%;
		text-align: justify;
	}
	header h1 a	{
		background-image: url(/images/logo_front.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 230px 38px;
		display: block;
		width: 100%;
		height: 38px;
		padding: 0;
		text-indent: -9999px;
	}
	article h2	{
		background-image: url(/images/front_480x300.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 480px 300px;
		display: block;
		width: 100%;
		height: 300px;
		padding: 0;
		text-indent: -9999px;
	}
}

/* Rearrange the furniture for screens wider than 600px in landscape*/
@media screen and (min-width: 600px) and (orientation: landscape)	{
	html	{ 
		background: url(/images/front_portrait.jpg) no-repeat center center fixed;	
		/*background: url(/images/front.jpg) no-repeat center center fixed;*/
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		height: 95%;
	}
	body	{
		height: 100%;
	}
	div#container	{
		min-height: 100%;	
		position: relative;
	}
	header h1 a	{
		background-image: url(/images/logo_front_white.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 289px 48px;
		display: block;
		height: 48px;
		padding: 0;
		text-indent: -9999px;
	}
	nav	{
		font-size: 1.6em;
	}
	nav a:hover, nav a:visited, nav a:link, nav a:active	{
		color:#ffffff;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 10px;
		padding-left: 10px;
		text-shadow: 1px 1px #000;
	}
	nav .link	{
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 10px;
		padding-left: 10px;
	}
	nav .divide	{ 
		color: #ffffff;
		line-height: 150%;
		padding-right: 5px;
		padding-left: 5px;
	}
	.text	{
		font-size: 12px; 
		line-height: 150%;
		text-align: justify;
		color: #ffffff;
	}
	hr	{
		display: none;
	}
	article h2	{
		background-image:none!important;
		width:auto!important;
		height:auto!important;
	}
	#box	{
		float: left;
		background-color: #ff6600;
		width: 25em;
		padding-right: 20px;
		padding-left: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		position: absolute;
		bottom: 0;
	}
	.portrait	{
		display: none;
	}
	.landscape	{
		color: #ffffff;
		font-size: 1.2em;
		display: block;
	}
	footer	{
		font-size: 1em;
		color: #ffffff;
		text-align: right;	
	}
	.legal	{
		background: #ff6600;
		padding: 0.3em;
	}
}

/* Rearrange the furniture for screens wider than 600px in portrait */
@media screen and (min-width: 600px) and (orientation: portrait)  {
	html	{ 
		background: url(/images/front_portrait.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		height: 95%;
	}
	body	{
		height: 100%;
	}
	div#container	{
		min-height: 100%;
		position: relative;
	}
	article h2	{
		background-image:none!important;
    	width:auto!important;
    	height:auto!important;
	}
	hr	{
		display:none;
	}
	header h1 a	{
		background-image: url(/images/logo_front_white.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 289px 48px;
		display: block;
		height: 48px;
		padding: 0;
		text-indent: -9999px;
	}
	nav	{
		font-size: 1.6em;
	}
	nav a:hover, nav a:visited, nav a:link, nav a:active	{
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 10px;
		padding-left: 10px;
	}
	nav .link	{
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 10px;
		padding-left: 10px;
	}
	nav .divide	{
		color:#ffffff;
		padding-right: 5px;
		padding-left: 5px;
	}
	nav a:active	{
		text-decoration: none; 
		color: #ffffff;
		line-height: 150%;
	}
	nav a:visited	{
		text-decoration: none; 
		color: #ffffff;
		line-height: 150%;
	}
	nav a:hover	{
		text-decoration: none; 
		color: #ffffff;
		line-height: 150%;
	}
	nav a:link	{
		text-decoration: none; 
		color: #ffffff;
		line-height: 150%;
	}
	#box	{
		float: left;
		background-color: #ff6600;
		color: #ffffff;
		width: 25em;
		padding-right: 20px;
		padding-left: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		position: absolute;
		bottom: 0;
	}
	.landscape	{
		display: none;
	}
	.portrait	{
		color: #ffffff;
		font-size: 1.2em;
		display: block;
	}
	footer	{
		color: #ffffff;
		text-align: right;	
	}
	.legal	{
		background: #ff6600;
		padding: 0.3em;
	}
}
	
/* Rearrange the furniture for screens wider than 768px and landscape */
@media screen and (min-width: 768px) and (orientation: landscape) {
	html	{ 
		height: 95%;
	}
	nav	{
		float: left;
		font-size: 1.6em;		
		text-align: center;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* Rearrange the furniture for screens wider than 768px and portrait */
@media screen and (min-width: 768px) and (orientation: portrait)  {
	html	{ 
		height: 95%;
	}
	nav	{
		float: left;
		font-size: 1.6em;		
		text-align: center;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* Rearrange the furniture for screens wider than 900px */
@media screen and (min-width: 900px) {
	html	{ 
		background: url(/images/front_portrait.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		height: 95%;	
	}
	body	{
		font-size: 62.5%;
		height: 100%;
	}
	div#container	{
		padding: 0px;
		width: 550px;
		padding-top: 30px;
		padding-bottom: 0px;
		padding-right: 0px;
		padding-left: 30px;
		position: relative;
		min-height: 100%;
	}
	header	{
        position: relative;
		text-align: left;
		padding-top: 20px;
		width: 340px;
		height: 48px;
		float:left;
    }
    header h1	{
        text-align: left;
    }
	header h1 a	{
		background-image: url(/images/logo_front_white.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 289px 48px;
		display: block;
		width: 289px;
		height: 48px;
		padding: 0;
		text-indent: -9999px;
	}
    header p	{
        right:0;
        position:absolute;
    }
	hr	{
		display: none;
	}
	nav	{
		text-align: left;
		width: 100%;
		padding-left: 0px;
		padding-top: 40px;	
	}
	footer	{
		color: #ffffff;
		text-align: right;	
	}
}