#nav ul li {
	width: 180px;
}

#aside {
	width: 180px;
}

#content {
	margin-left: 200px;
	margin-right: 200px;
}


#container {
	width: 1180px;
}

#nav {
	width: 1200px;
}
	
#footer {
	width: 1180px;
	margin-left: -610px;
	}
	
@media screen and (max-width: 1230px) {
	#container {
		width: 980px;
	}
	
	#nav {
		width: 1000px;
	}
		
	#footer {
		width: 980px;
		margin-left: -510px;
		}
	
}

@media screen and (max-width: 1040px) {
	#container {
		width: 780px;
	}
	
	#nav {
		width: 800px;
	}
		
	#footer {
		width: 780px;
		margin-left: -410px;
		}
	
}

@media screen and (max-width: 840px) {
	#container {
		width: 580px;
	}
	
	#nav {
		width: 600px;
	}
	
	
	#footer {
		width: 580px;
		margin-left: -310px;
		}
}

@media screen and (max-width: 640px) {
	#container {
		width: 380px;
	}
	
	#nav {
		width: 400px;
	}
	
	#aside {
		float: none !important;
		width: auto;
	}
	
	#content {
		margin-left: 0px !important;
		margin-right: 0 !important;
        margin-top: 1em;
	}
	
	#footer {
		width: 380px;
		margin-left: -210px;
		}
	
	#footer p.copy {
		float: none !important;
		margin-bottom: 0.5em;
	}
	
	#footerNav ul{
		text-align: left;
	}
	
	#footerNav ul li {
		margin-left: 0;
		margin-right: 20px;
	}
	
	#footer {
		position: relative;
	}
}