html, body {
	background: #E6E7EB;
}

#header,
#nav,
#main-content-wrapper,
#footer {
	background: white;
	border: 1px solid #ccc;
	border-width: 0 1px 0 1px;
	padding: 0;
}

#footer-wrapper {
	background: transparent;
	padding: 0;
}

#footer {
	border: none;
	color: black;
	border-top: 5px solid #005EA9;
	min-height: 100px;
	background: #D5DEE3 url(logos-footer.png) no-repeat 1% 90%;
}

#logo a {
	background: url(creatic-new.jpg) no-repeat 10px 10px;
	height: 140px;
	width: 323px;
	display: inline-block;
	color: transparent;
}

div#nav {
	margin: 0 auto;
}

div#nav ul {
	margin: 0;
	border-top: 1px solid #005EA9;
	border-bottom: 5px solid #015673;
}

#top {
	background: url(cdg59.png) no-repeat 98% 10px;
}

#toplinks {
	top: 145px;
	right: 10px;
	background: transparent;
	border: none;
	box-shadow: none;
	font-weight: bold;
	width: auto;
}

div#nav a {
	border-right: 1px solid #005EA9;
}

#content {
	padding: 10px;
}

@media screen and ($max-mobile-viewport) {
	#top {
		background: transparent;
	}
	#logo a {
		background-size: 200px;
		height: 85px;
	}

	div#nav-wrapper div#nav ul {
		box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
		li {
			height: 3em;
		}
	}

	div#nav #nav-button {
		border-radius: 0 5px 5px 0;
		cursor: pointer;
	}

	#toplinks {
		max-width: none;
		top: 0px;
	}
}
