html {
	background: #EEE;
}

body {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	background: #FFF;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}

#logo {
	font-size: 3em;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #EEE, 2px 2px 0 #F4F4F4, 3px 3px 0 #F8F8F8;
}

#logo a {
	color: #000;
	text-decoration: none;
}

#navigation {
	margin-left: -30px;
	background: #8C6577;
	background: linear-gradient(15deg, #8C6577 0, #77475D 50%, #8C6577);
	box-shadow: 0 0 3px rgba(102, 39, 67, .8) inset, 0 0 10px rgba(79, 18, 46, .8) inset;
}

#navigation a {
	color: #FFF;
}

#navigation li:hover a {
	color: #FFF;
}

#navigation ul ul {
	border-bottom: 3px solid #A6606D;
}

#navigation li ul a,
#navigation li:hover ul a {
	color: #000;
}

#breadcrumbs {
	background: #FCFCFC;
	border-bottom: 1px solid #F6F6F6;
}

.btn-primary,
.btn-primary:visited {
	background: #161616;
	border-color: #292929;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover {
	background: #060606;
	border-color: #262626;
}

.image-container {
	background: #FFF;
}

#category .product .button {
	width: 5em;
	margin: auto;
}

#footer {
	margin-top: 60px;
	padding: 30px 0;
	color: #999;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .9);
	background: #EEE;
	background: linear-gradient(to bottom, #CCC 0, #EEE 4px);
	border-bottom: 1px solid #DDD;
}

#footer a {
	color: #777;
	text-decoration: none;
}

#footer .footer-title {
	font-weight: bold;
}

#footer ul {
	position: relative;
	padding: 20px 0;
	list-style-type: none;
}

#footer2 {
	padding: 20px 0;
	color: #999;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .9);
	font-size: .8em;
	background: #EEE;
	border-top: 1px solid #FFF;
}

.checkout #footer2 {
	background: linear-gradient(to bottom, #CCC 0, #EEE 4px);
}

#footer2 a {
	color: #999;
}

#footer2 a:hover {
	color: #777;
}

@media screen and (max-width: 768px)
{
	#logo {
		font-size: 2.1em;
	}

	#footer2 {
		font-size: .65em;
	}
}

@media screen and (min-width: 768px)
{
	#website-controls {
		margin-top: 15px;
	}

	#navigation li:hover {
		background: #40252A;
	}

	#search {
		margin-left: -15px;
		margin-right: -15px;
	}
}