* {
  margin: 0;
  padding: 0;
  box-sizing:border-box
}
body {
  background-color: white;
  text-align: center;
  font-size: 100%;
}
#container {
  border-style: none;
  margin: 0 auto;
  background: #ffffff none repeat scroll 0% 50%;
  font-weight: bold;
  width: 1024px;
  text-align: left;
}
#header {
  padding: 0px;
  background: black no-repeat scroll center;
  width: 100%;
  height: 260px;
  margin-right: 0%;
  margin-left: 0%;
  margin-bottom: 1em;
}
#navigation {
  border-style: none;
  margin: 0 auto;
  background-color: black;
  text-align: center;
  width: 1024px;
  display: inline-block;
}
#navigation ul {
  margin: auto;
  width: 1024px;
  height: 30px;
  background-color: #000000;
  display: inline;
}
#navigation li {
  float: left;
  margin-right: auto;
  margin-left: auto;
  list-style-type: none;
}
#navigation li a {
  border-right: 1px solid white;
  color: white;
  font-family: "courier new", courier, monospace;
  background-position: right center;
  line-height: 30px;
  width: 6em;
  background-repeat: no-repeat;
  text-decoration: none;
  display: block;
  background-color: transparent;
  margin-right: auto;
  margin-left: auto;
  font-style: normal;
  font-weight: normal;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 1em;
}
#navigation li a:hover {
  background-color: silver;
  color: black;
}
#navigation li a.pressed {
	background: grey;
	color: white;
}
#content {
  padding: 20px;
  background-color: white;
  text-align: left;
  width: 629px;
  background-position: center top;
  background-repeat: no-repeat;
  float: right;
  clear: left;
  font-size: 0.8em;
  font-weight: normal;
  line-height: 1.6em;
  border-right-style: none;
  border-left-style: none;
  border-left-color: silver;
  font-family: Verdana, Geneva, sans-serif;
}
#content p {
  text-indent: 1.5em;
  margin-bottom: 1em;
}
#content p.motto {
	margin: 2em 0 1em 0;
	text-indent: 1.5em;
	font-style: italic;
	font-weight: bold;
}
#content p.no-indent {
	text-indent: 0em;
	margin-bottom: 1em;
}
#content p.quote {
	font-style:italic;
	margin: 0 4em 1em 4em;
	text-indent:0;
}
#content p.quotesig {
	font-style:italic;
	margin: 0 4em 1em 4em;
	text-indent:0;
	text-align:right;
}
#content h1 {
  font-family: Georgia, serif;
  font-size: 1.5em;
  font-style: normal;
  font-weight: bold;
  margin: 0 0 1em 0;
}
#content h2 {
  font-family: Georgia, serif;
  margin: 0 0 1em 0;
  font-style: italic;
  font-size: 1.2em;
}
#content h3 {
  font-family: Georgia, serif;
  font-size: 1.5em;
  font-style: normal;
  font-weight: bold;
  margin: 0 0 1em 0;
}
#content h4 {
  font-family: Georgia, serif;
  font-size: 1.2em;
  font-style: normal;
  font-weight: bold;
}
#content ul {
	list-style: none inside none;
	font-style: italic;
	margin-bottom: 1em;
}
#content ul ul {
	list-style: disc inside none;
	font-style: normal;
	text-indent: 1.5em;
	margin-bottom: 0em;
}
hr {
	border: 0;
	height: 1px;
	margin: 3em 0 3em 0;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
	background-image: linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
}
#aside {
  border-color: black;
  border-width: 0px medium;
  margin: 10px;
  padding: 10px;
  top: 0px;
  float: left;
  text-align: left;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: normal;
  font-size: 0.8em;
  clear: none;
  line-height: 1.6em;
  background-color: silver;
  width: 314px;
}
#aside h2 {
  margin: 1em 0 0 0;
  padding-top: 0em;
  font-size: 1.2em;
}
#aside h3 {
  margin: 1em 0 0 0;
  padding-top: 0em;
  font-style: italic;
  font-size: 1em;
}
#aside h4 {
	margin: 1em 0 0 0;
	padding-top: 0em;
	font-size: 1.2em;
}
#aside p {
  margin: 0 0 1em 0;
}
ul.miclist
{
margin: 0 0 1em 0;
padding: 0;
list-style-type: none;
}
ul.miclist li
{
display: inline;
white-space: nowrap;
}
dl.models {
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}
dl.models dt {
	margin: 1em 0 0 0;
	padding-top: 0em;
	font-size: 1.2em;
	font-weight: bold;	
}
dl.models dd {
	display: inline;
	white-space: nowrap;
}
ul.articles {
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}
ul.prices {
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}
ul.prices li li {
	text-indent: 2em;
	font-style: italic;
	list-style-type: none;
}
table {
	width: 100%;
	margin: 0 0 1em 0;
}
table, th, td {
    border: 0px none black;
    border-collapse: collapse;
}
th {
	text-align: left;
	font-weight: bold;
}
td {
	text-align: right;
}
#footer {
  padding: 20px;
  background: black none repeat scroll 0% 50%;
  text-align: center;
  color: white;
  font-size: 0.8em;
  height: 2%;
  font-family: Georgia, serif;
  clear: both;
  font-weight: normal;
  font-style: normal;
  box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
	#container {
/* 		text-align: center; */
		width: auto;
		max-width: 1024px;
/* 		margin: auto; */
	}
	#header {
		height: auto;
	}
	#header img {
		width: 100%;
		height: auto;
		max-width: 955px;
	}
	#navigation {
		width: 100%;
		display: block;
	}
	#navigation ul {
		background-color: white;
		width: auto;
		height: auto;
		float:left;
		margin-right: 1em;
	}
	#navigation ul li {
		clear: left;
		list-style-type: none;
	}
	#navigation li a {
		line-height: 32px;
		margin-bottom: 2px;
		margin-top: 2px;
		margin-left: 0px;
		margin-right: 0px;
		border-right: 0px;
		background-color: black;
		float: none;
	}
	#content {
		margin: auto;
		width: 95%;
		float: none;
		max-width: 40rem;
		padding: 1em;
	}
	#aside {
		clear: both;
		float: none;
		width: 95%;
		max-width: 40rem;
		margin: auto;
		padding: 1em;
	}
}