body:before {
	content: "";
	position: fixed;
	top: -10px;
	left: -10px;
	width: 110%;
	height: 10px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	z-index: 999;
}

html {
	font-family: 'Lato', sans-serif;
}

html, body {
	overflow-x: hidden;
	margin: 0;
	padding-bottom: 5px;
}

/* Main Elements */

.container {
	width: 960px;
	margin: 0 auto;
	border: thin solid #ebebeb;
}

header {
	margin-bottom: 10px;
	text-align: center;
}

nav {
	text-align: center;
	box-shadow: 0px 5px 10px silver;
	min-height:60px;
	position: relative;
	background-color: #e7e7e7;
}

section {
	margin-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
font-size: 95%;
}

article {
	margin-bottom: 40px;
}

footer {
	clear: both;
	background-color: #e7e7e7;
	position: relative;
	min-height:60px;
	text-align: center;
	box-shadow: 0px 5px 10px silver;
}

address {
	font-weight: normal;
	font-style: normal;
	font-size: 80%;
	padding-top: 10px;
}

/* My Comment */

article#boxes {
	width: 100%;
}

figure {
	float: left;
	width: 33%;
	text-align: center;
	margin-bottom: 40px;
}

figcaption {
	
}

/* Navigation */

nav .menu {
	font-style: normal;
}

nav .menu ul {
	margin: 0;
	text-align: center;
}

nav .menu ul li {
	display: inline;
	position: relative;
}

nav .menu ul li a {
	padding: 0 15px;
	text-decoration: none;
	color: #788083;
	line-height: 400%;
}

nav .menu ul li a:hover {
	color: #474c4e;
	text-decoration: none;
}

/* ..... End Navigation */

h1 {
text-shadow: #d8d8d9 1px 2px 2px;
}


table {
	box-shadow: 1px 4px 8px silver;
}

td {
	background-color: #e7e7e7;
	border: 1px solid white;
	padding: 15px;
	text-align: left;
}


.fullwidth {
    width: 100%;
}




/* along with the 'position relative' this code will extend the nav and footer to 100% */

nav::before, nav::after {
	background-color: #dfdfe0;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 9999px;
/* some huge width */
}

nav::before {
	right: 100%;
}

nav::after {
	left: 100%;
}



footer::before, footer::after {
	background-color: #dfdfe0;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 9999px;
	/* some huge width */}

footer::before {
	right: 100%;
	
}

footer::after {
	left: 100%;
}

.center {
	margin: 0 auto;
	text-align: center; 
}




/* Floats */

.floatLeft
{
float: left;
padding: .5em .5em .5em 0;
background-color: silver;
}

.floatRight
{
float: right;
padding: .5em 0 .5em .5em;
}


.center {
text-align: center; }



img.center {
margin: 0 auto;
display: block; /*--Since IMG is an inline element--*/
}



/* add clear float */

.clearfloat
{
clear: both;
}

/* Push img away from RHS */
.pushleft {
padding-right: 60px;
}