/* Navigation List Properties */
nav ul {list-style-type:none}
nav ul li {float:left;width:80px;text-align:center}

/* Background Colours */
body{background-color:lightblue}
header, footer {background-color:lightgreen}
main {background-color:orange}
section {background-color:pink}

/* Text Properties */
h1, h2 {color:grey}

h1, h2, h3, h4, h5, p, a, i, b, u, s, small, big, label {
	font-family:arial, verdana, tahoma;
}


/* Element Sizes */
nav {height:34px}
header {height:200px}
body {width:750px}
footer {height:90px}
#homeImage{margin-right:20px;margin-bottom:20px;}
#clear p, #clear h1, #clear h2 {
	margin:0px;
	padding:0px
}


/* Margins */
body {margin:auto}
h1 {margin-left:30px;margin-top:50px;}

footer {
	padding-left:10px;
	padding-top:10px;
	margin-bottom:10px;
}
	
main {margin-top:10px;margin-bottom:10px}
main p {padding:10px}

/* Padding */


/* Image Properties */

.logo {
	float:right;
	width: auto;
	height: 200px;
}

#androidImage, #smileyImage{height:120px;width:130px}

 /* Positioning (Float, Display and Clear) */
 
 nav, main, footer {clear:both}
 
 
 /* Navbar */
 
nav ul {
	width:auto;
	list-style-type: none;
    margin: 0;
    padding: 0;
	overflow: hidden;
	
	display: flex;
	justify-content: left;
}

nav li {
	float:left;
	width:100%;
	padding:12px;
	
	text-align:center;
	display:inline-block;
}

nav a {
	color:black;
	padding:12px;
}

nav a:hover {
	background-color:red;color:yellow
}