body {
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
}
#logo {
	position: fixed;
	left: 100px;
	top: 14px;
	z-index: 3;
}
#search {
	width: 95%;
	font-size: 1em;
	color: #FFF;
	font-weight: normal;
	background-color: #B4212C;
	position: fixed;
	height: 30px;
	margin-top: 80px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 5%;
	padding-bottom: 10px;
	padding-left: 0px;
	text-align: right;
	z-index: 2;
}
#search form input {
	margin-right: 5px;
	margin-left: 5px;
	width:100px;
	height: 25px;
	font-size: 0.8em;
	padding-left: 5px;
	padding-right: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius: 6px 6px 6px 6px;
}
#search form .searchbtn {
	width: 75px;
	height: 30px;
	font-size: 0.9em;
	color: #FFF;
	margin-left: 5px;
	background-color: #333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius: 6px 6px 6px 6px;
}
#links {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 35px;
	background-color: #000;
	padding-right: 5%;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 45px;
	position: fixed;
	z-index: 2;
}
#links ul {
	margin: 0px;
	padding: 0px;
}
#links ul li {
	display: inline;
	margin: 0px;
	padding-top: 0px;
	padding-right: 1%;
	padding-bottom: 0px;
	padding-left: 1%;
}
#links ul li a {
	text-decoration: none;
	color: #CCC;
}
#links ul li a:hover {
	color: #FFF;
}
.menu-shower {
	display: none;
}
.hamburger {
	display:none;
	position: fixed;
	top: 80px;
	left: 15px;
}
.menu-shower:checked ~ #menu {display: block;}
#menu {
	width: 135px;
	position: absolute;
	left: 0px;
	top: 130px;
	border-radius: 0px 0px 6px 6px;
	z-index: 1;
	background-image: url(../images/menu_back.png);
	display: block;
	padding-top: 20px;
	padding-left: 30px;
	border-left-width: 70px;
	border-left-style: solid;
	border-left-color: #111;
	padding-bottom: 25px;
	padding-right: 20px;
}
#menu a {
	text-decoration: none;
	color: #FFF;
	font-size: 0.9em;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	display: block;
	font-variant: small-caps;
	height: 20px;
	padding-top: 8px;
	padding-bottom: 9px;
	padding-left: 10px;
}
#menu a:hover {
	color: #FDD96C;
}
#menu p {
	color: #B4212C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 25px;
	padding-top: 5px;
	padding-left: 10px;
	font-weight: bold;
}
#slides {
	background-image: url(../images/headerback1.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.8em;
	color: #FFF;
	background-position: center 130px;
	text-shadow: 3px 3px black;
	text-align: center;
	height: 700px;
	background-attachment: fixed;
	margin: 0px;
	padding-top: 150px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
}
#category {
	width: 55%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10%;
	padding-left: 35%;
}
#category h2 {
	font-size: 1.3em;
	letter-spacing: 0.2em;
	margin-top: 0px;
	background: rgba(0, 0, 0, 0.7);
	width: 710px;
	color: #DCBF82;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#category img {
	border: 1px solid #000;
}
#order {
	width: 70%;
	font-size: 1.4em;
	font-size: 1.2em;
	color: #333;
	padding-top: 25px;
	padding-bottom: 60px;
	padding-right: 15%;
	padding-left: 15%;
	text-align: left;
}
#order h2 {
	color: #B4212C;
	font-size: 1.5em;
	text-align: center;
	padding-bottom: 15px;
}
#order a {
	text-decoration: none;
	color: #FF7F26;
}
#order p {
	line-height: 1.4em;
}
#order img {
	max-width:100%; 
	height:auto;		
}
#order_lt {
	float: left;
	margin-left: 150px;
}
#order_rt {
	float: right;
	margin-right: 150px;
}

#bottom {
	font-size: 0.9em;
	background-position: top;
	text-align: center;
	padding-top: 35px;
	background-repeat: repeat-x;
	color: #EAEAEA;
	background-color: #676767;
	margin-bottom: 0px;
	padding-bottom: 35px;
}
#footer {
	text-align: center;
	font-size: 0.9em;
	background-color: #333;
	color: #CEDBFF;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 5%;
	padding-left: 5%;
	margin-top: 0px;
}
#footer a {
	color: #FFF;
	padding-right: 3px;
	padding-left: 3px;
}
.Integrity {
	color: #FFF;
}
@media only screen and (max-width: 860px) {
  /* For mobile phones: */
#logo {left:60px; top: 6px;}
#logo img {max-width:60%; height:auto;}
#links {font-size: 0.75em; padding-top: 15px; height: 65px;}
#links ul {padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px;}
#links ul li {display: block; padding-right: 5px; padding-left: 5px; padding-bottom:3px;}
#search {font-size: 0.9em;}
#search form input {margin-left: 3px; width:120px;}
#search form .searchbtn {width: 80px;}
.hamburger {display:block; position:fixed; top:20px; left:5px; z-index:3;}
.menu-shower:checked ~ #menu {display: block;}
#menu {top:100px; left:0%; background-color: #555; border-radius:0px 0px 0px 0px; display:none; z-index:1; width:75%; border-left-width: 0px; padding-left:25%; padding-right: 0px;background-image:url(../images/menu_back2.png); background-position:left; background-repeat:repeat-y; padding-bottom:25px;}
#menu p {font-size: 1.0em; padding-bottom:15px;}
#slides {font-size: 1.6em;}
#category {width: 90%; margin-top:25px; margin-right: auto;  margin-left: auto; padding-right: 0%; padding-left: 0%;}
#category h2 {width: 100%; padding-left: 0px;}
#category img {max-width: 100%; height:auto;}
#order {font-size: 1.0em;}
#order h1 {font-size: 2em;}
#order h2 {font-size: 1.1em;}
#order h4 {font-size: 1.1em;}
#order img {padding-bottom:10px;}
#bottom {padding-left:10%; padding-right:10%;}
#bottom a img {max-width:99%; height:auto;}
#footer {font-size:0.8em; padding-right: 10%; padding-left: 10%;}
}