/* settings for Mobile is linear layout, positioned as per html */
body, header, section, footer, nav{
	border: 1pt solid black;
	margin-bottom: 5px;
}

body{
	width: 90%px;
	padding: 5px;
	margin: auto;
}

/* Colour just needed for this demo */
header{background-color: red;}
nav{background-color: orange;}
section.leftcol{background-color: yellow;}
section.rightcol{background-color: blue;}
footer{background-color: violet;}

/* Style for larger screens */
@media all and (min-width : 700px) {

body{width: 960px;}

header{height: 50px;}


/* this section will be below the nav in normal flow and will be to the left of subsequent containers. */
section.leftcol{
	height: 415px;
	width: 66%;
	margin: 5px 0 10px 0;
	float: left;
}

/* this is for the section on the right will float to the right edge of the body. */
section.rightcol{
	height: 415px;
	width: 33%;
	margin-top: 5px;
	float: right;
}

footer{
	height: 20px;
	clear: both;
}
}