/* Class Documentation
banner = only to be used by the top navigation and US Shift banner
banner2 = small banner for individual pages
cardcaptor = a container for cards, disables text-decoration on links.
card = general use boxes with an image, title, and text that link somewhere.
midcard = same as card but half the size and an icon-sized image
textcard = same as card but without the image
pubcard = a card that's more suited for the publications page
historycard = cards for the history page years
vidcard = a card for displaying non-embeded video links with image and description
storecard = card for links and transmission pics on store page
links = a card for the links section
gallery = a lightbox with thumbnails and a large picture
lpic = when you want a picture to appear in a block of text to the left
rpic = when you want a picture to appear in a block of text to the right
reviews = the container for reviews on index
review = the container for a single review
reviewpics = container for pics inside review
reviewpicA = the first pic in a review
reviewpicB = the rest of the pics in a review
smallreviewpic = for extra review pics so they will be smaller
videowrap = a container for embeded youtube videos
homenews = the container for news items on index
homenewsTri = the three news items at the top of index with title, image, and text
quickstore = container for the wizard starters on the store page
quickstorelink = transmission links inside quickstore
storeitem = a container for store items with add to cart button
alert = when you need to have a really obvious alert at the top of the page
sidebox = a container you can use to add extra info, ie new features on Q4
*/

body,
	html {
		margin:0;
		padding:0;
		color:#F0F0F0;
		background:#242424;
		font-family:lucida, sans-serif;
		overflow-x:hidden;

	}
	#headerbg {
		display:block;
		top:auto;
		left:auto;
		height:28vw;
		max-height:275px;
		border-bottom:solid 10px #000000;
	}
	#headerbg img {
		display:block;
		height:100%;
	}
	#banner {
		position:absolute;
		width:100%;
		max-width:950px;
		height:22vw;
		max-height:275px;
		margin:0;
		z-index:2;
		top:0%;
	}
	#banner img {
		width:98%;
		margin-left:1%;
		margin-top:5%;
	}
	#banner2 {
		width:100%;
		margin:0 auto;
		max-width:950px;
	}
	#banner2 img {
		width:100%;
		margin:1% auto;
		width:98%;
	}
	#IEwarn {
		display:none;
	}
	#IEmenu {
		display:none;
	}
	#menu {
		float:none;
		width:100%;
		max-width:950px;
		height:6vw;
		max-height:50px;
		position:fixed;
	}
	#menu img {
		display:block;
		float:left;
		width:20%;
		max-width:238px;
		height:auto;
		margin:0;
		margin-left:auto;
		margin-bottom:1%;
	}
	#productmenu {
		display:block;
		visibility:hidden;
		opacity:0;
		position:absolute;
		margin-left:20%;
		margin-top:0;
		float:none;
		z-index:2;
		width:20%;
		max-width:238px;
		height:auto;
		background-color:#000000;
		text-align:center;
		transition:visibility 0s linear 0.15s,opacity 0.15s linear;
		border:solid 1px #949494;
		border-top:none;
	}
	#productmenu:target {
		visibility:visible;
		opacity:1;
		transition-delay:0s;
	}
	#productmenu img {
		width:100%;
		float:none;
	}
	#productmenu a {
		text-decoration:none;
		color:#ffffff;
	}
	#productitem {
		line-height:20px;
		margin:2%;
		margin-top:4%;
		padding:2%;
		transition:background-color 0.15s;
		text-decoration:none;
		color:#ffffff;
		font-size:100%;
		text-align:center;
	}
	#productitem p {
		margin:0;
		padding:0;
	}
	#productitem:hover {
		background-color:#444444;
	}
	#techmenu {
		display:block;
		visibility:hidden;
		opacity:0;
		position:absolute;
		margin-left:40%;
		margin-top:0;
		float:none;
		z-index:2;
		width:20%;
		max-width:238px;
		height:auto;
		background-color:#000000;
		text-align:center;
		transition:visibility 0s linear 0.15s,opacity 0.15s linear;
		border:solid 1px #949494;
		border-top:none;
	}
	#techmenu:target {
		visibility:visible;
		opacity:1;
		transition-delay:0s;
	}
	#techmenu img {
		width:100%;
		float:none;
	}
	#techmenu a {
		text-decoration:none;
		color:#ffffff;
	}
	#techitem {
		line-height:20px;
		margin:2%;
		margin-top:4%;
		padding:2%;
		transition:background-color 0.15s;
		text-decoration:none;
		color:#ffffff;
		font-size:100%;
		text-align:center;
	}
	#techitem p {
		margin:0;
		padding:0;
	}
	#techitem:hover {
		background-color:#444444;
	}
	#aboutmenu {
		display:block;
		visibility:hidden;
		opacity:0;
		position:absolute;
		margin-left:60%;
		margin-top:0;
		float:none;
		z-index:2;
		width:20%;
		max-width:238px;
		height:auto;
		background-color:#000000;
		text-align:center;
		transition:visibility 0s linear 0.15s,opacity 0.15s linear;
		border:solid 1px #949494;
		border-top:none;
	}
	#aboutmenu:target {
		visibility:visible;
		opacity:1;
		transition-delay:0s;
	}
	#aboutmenu img {
		width:100%;
		float:none;
	}
	#aboutmenu a {
		text-decoration:none;
		color:#ffffff;
	}
	#aboutitem {
		line-height:20px;
		margin:2%;
		margin-top:4%;
		padding:2%;
		transition:background-color 0.15s;
		text-decoration:none;
		color:#ffffff;
		font-size:100%;
		text-align:center;
	}
	#aboutitem p {
		margin:0;
		padding:0;
	}
	#aboutitem:hover {
		background-color:#444444;
	}
	#wrap {
		width:100%;
		max-width:950px;
		padding:0;
		margin:0 auto;
	}
	#mainwrap {
		width:100%;
		padding:0;
		margin:0;
	}
	#main {
		width:100%;
		padding:0;
		margin:0;
		margin-bottom:1%;
		text-align:justify;
		text-shadow:2px 1px #0a0a0a;
	}
	#main p {
		margin:1%;
	}
	#main h1, #main h2, #main h3, #main h4 {
		text-align:left;
		margin:1%;
	}
	#main a, #main a:visited, #main a:active {
		color:#4668b8;
		font-weight:bold;
		text-decoration:none;
		transition:color 0.25s;
	}
	#main a:hover {
		color:#6190ff;
	}
	#main img {
		max-width:100%;
		margin:1%;
	}
	#IEpic {
		display:none;
	}
	#IEtxt {
		display:none;
	}
	#gallery {
		position:relative;
		padding:4px;
		margin:2%;
		width:96%;
		height:62vw;
		max-height:590px;
		background-color:#141414;
		overflow-y:hidden;
		overflow-x:hidden;
	}
	#gallery img {
		width:100%;
	}
	#gallery input {
		position:absolute; 
		visibility:hidden;
	}
	#gallery label {
		display:block;
		width:15%;
		margin:1%;
		margin-left:84%;
		float:none;
		cursor:pointer;
		opacity:0.6;
		transition:opacity 0.15s linear;
	}
	#slide1,
	#slide2,
	#slide3,
	#slide4,
	#slide5	{
		position:absolute;
		visibility:hidden;
		left:1%;
		top:2%;
		margin:1%;
		width:80%;
		opacity:0;
		transition:visibility 0s linear 0.15s,opacity 0.15s linear;
	}
	#gallery input:checked + label {
		opacity:1;
	}
	#gallery input#slide1:checked ~ #slide1,
	#gallery input#slide2:checked ~ #slide2,
	#gallery input#slide3:checked ~ #slide3,
	#gallery input#slide4:checked ~ #slide4,
	#gallery input#slide5:checked ~ #slide5 {
		transition-delay:0s;
		visibility:visible;
		opacity:1;
	}
	#lpic {
		float:left;
		margin:1%;
		width:49%;
		max-width:500px;
	}
	#lpic img {
		width:100%;
		height:auto;
	}
	#rpic {
		float:right;
		margin:1%;
		width:49%;
		max-width:500px;
	}
	#rpic img {
		width:100%;
		height:auto;
	}
	#reviews {
		border:solid #505050;
		width:96%;
		margin:2%;
		overflow:hidden;
	}
	#reviewlogo {
		max-width:40%;
		margin-left:2%;
	}
	#review {
		border-top:solid #505050;
		width:96%;
		margin:2%;
		margin-top:1%;
		overflow:hidden;
	}
	#reviewpics {
		float:right;
		width:46%;
		margin:2%;
		overflow:hidden;
	}
	#reviewpicA {
		width:100%;
		margin:0;
	}
	#reviewpicA img {
		width:100%;
		margin:0;
	}
	#reviewpicB {
		width:100%;
		margin:0;
	}
	#reviewpicB img {
		width:48%;
		margin:1%;
		float:left;
	}
	#reviewfoot {
		border-top:solid #505050;
		width:46%;
		margin:2%;
		margin-top:1%;
		min-height:80px;
		float:right;
		text-decoration:none;
		color:#ffffff;
	}
	#reviewfoot img {
		float:right;
		margin:1%;
	}
	#historycard {
		float:left;
		margin-top:0;
		margin-right:2%;
		margin-left:4%;
		margin-botom:0;
		width:90%;
		border-top:solid #000000;
	}
	#historycard h1 {
		float:left;
		margin:2%;
		margin-top:4%;
		margin-left:4%;
		width:12%;
	}
	#historycard h2 {
		text-align:center;
	}
	#historytext {
		float:right;
		text-align:justify;
		margin:2%;
		margin-right:4%;
		width:70%;
	}
	#change {
		width:70%;
		margin:4%;
	}
	#cardcaptor a {
		text-decoration:none;
	}
	#card {
		float:left;
		margin:2%;
		margin-top:1%;
		margin-bottom:1%;
		padding:0;
		width:96%;
		text-decoration:none;
		color:#ffffff;
		background-color:#141414;
		transition:background-color .15s;
	}
	#card:hover {
		background-color:#343434;
	}
	#card img {
		width:auto;
		max-width:30%;
		float:left;
		margin:1%;
	}
	#card p,
	#card ul {
		font-weight:normal;
		margin:2%;
		margin-left:32%;
	}
	#card h1,
	#card h2,
	#card h3,
	#card h4 {
		margin-top:2%;
		margin-left:32%;
	}
	#pubwrap {
		width:100%;
		margin:0;
		margin-top:1%;
		margin-bottom:1%;
		float:none;
		overflow:hidden;
		display:block;
	}
	#midcard {
		float:left;
		margin:2%;
		padding:0;
		background-color:#141414;
		width:46%;
		min-height:150px;
		text-decoration:none;
		color:#ffffff;
		transition:background-color .15s;
	}
	#midcard:hover {
		background-color:#343434;
	}
	#midcard img {
		max-width:14%;
		width:auto;
		float:left;
		margin:2%;
		margin-left:4%;
		margin-right:0;
	}
	#midcard p {
		font-weight:normal;
		margin:2%;
		margin-left:16%;
		margin-right:5%;
	}
	#midcard h2 {
		margin:2%;
		margin-left:16%;
		margin-right:5%;
	}
	#textcard {
		float:left;
		margin:2%;
		margin-top:1%;
		margin-bottom:1%;
		padding:0;
		width:96%;
		text-decoration:none;
		color:#ffffff;
		background-color:#141414;
		transition:background-color .15s;
	}
	#textcard:hover {
		background-color:#343434;
	}
	#textcard p,
	#textcard ul {
		font-weight:normal;
		margin:2%;
	}
	#textcard h1,
	#textcard h2,
	#textcard h3,
	#textcard h4 {
		margin-top:2%;
	}
	#pubcard {
		float:left;
		margin:2%;
		margin-top:1%;
		margin-bottom:1%;
		background-color:#141414;
		width:46%;
		min-height:250px;
		text-decoration:none;
		color:#ffffff;
		transition:background-color .15s;
	}
	#pubcard:hover {
		background-color:#343434;
	}
	#pubcard img {
		width:auto;
		max-width:40%;
		float:left;
		margin:1%;
	}
	#pubcard p,
	#pubcard ul {
		font-weight:normal;
		margin:2%;
		margin-left:42%;
	}
	#pubcard h1,
	#pubcard h2,
	#pubcard h3,
	#pubcard h4 {
		margin-top:2%;
		margin-left:32%;
	}
	#rev_nav {
		width:96%;
		height:32px;
		margin:2%;
		padding:0;
	}
	#rev_nav h2 {
		text-align:center;
	}
	#rev_link {
		float:left;
		width:33%;
	}
	#footer {
		clear:both;
		display:block;
		padding:10px;
		padding-left:0;
		padding-right:0;
		margin:10px;
		margin-left:0;
		margin-right:0;
		width:100vw;
		min-height:80px;
		background:#141414;
		bottom:0;
	}
	#footer p {
		text-align:center;
		color:#f0f0f0;
		font-size:10px;
		margin:0;
	}
	#footerico {
		float:none;
		width:240px;
		height:28px;
		margin:0;
		margin-left:auto;
		margin-right:auto;
	}
	#footerico img {
		height:100%;
		margin:0;
		margin-left:10%;
		float:left;
	}
	#footerlink {
		width:98%;
		height:auto;
		margin:4px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		padding:4px;
	}
	#footerlink a {
		text-decoration:none;
		color:#ffffff;
		margin:4px;
		font-size:80%;
	}
	#seals {
		text-align:center;
		margin:0 auto;
		display:block;
	}
	#seals img {
		max-height:125px;
	}
	#videowrap iframe {
		display:block;
		margin:0 auto;
	}
	#videowrap2 {
		position:relative;
		padding-bottom:56.25%; /* 16:9 */
		padding-top:25px;
		height:0;
		margin:0;
		margin-left:1%;
		width:98%;
	}
	#videowrap2 iframe {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	#vidcard {
		float:left;
		margin:2%;
		margin-top:1%;
		margin-bottom:1%;
		padding:0;
		width:46%;
		min-height:350px;
		text-decoration:none;
		color:#ffffff;
		background-color:#141414;
		transition:background-color .15s;
	}
	#vidcard:hover {
		background-color:#343434;
	}
	#vidcard img {
		display:block;
		width:auto;
		max-width:96%;
		margin:2% auto;
	}
	#vidcard p,
	#vidcard ul {
		font-weight:normal;
		margin:2%;
		text-align:justify;
	}
	#homenews {
		overflow:hidden;
	}
	#newsbutton {
		float:right;
		margin:1%;
		margin-right:1.5%;
		padding:1%;
		background-color:#141414;
		width:140px;
		text-decoration:none;
		text-align:center;
		color:#ffffff;
		transition:background-color .15s;
	}
	#newsbutton:hover {
		background-color:#343434;
	}
	#newsbutton h2 {
		margin:2%;
		text-align:center;
	}
	#homenewsTri {
		width:30%;
		min-height:300px;
		margin:0.5%;
		margin-bottom:2%;
		padding:1%;
		float:left;
		font-size:smaller;
		text-decoration:none;
		color:#ffffff;
		background-color:#141414;
		transition:background-color .15s;
	}
	#homenewsTri:hover {
		background-color:#343434;
	}
	#homenewsTri p {
		text-align:justify;
		font-weight:normal;
	}
	#homenewsTri img {
		float:right;
		display:block;
		margin-left:1%;
		margin-right:1%;
		width:auto;
		height:auto;
		max-width:98%;
		max-height:300px;
	}
	#links {
		float:left;
		width:96%;
		margin:2%;
		margin-top:1%;
		margin-bottom:1%;
		padding:0;
		background-color:#141414;
	}
	#links p {
		text-align:justify;
		margin-right:46%;
	}
	#links img {
		display:block;
		margin-left:1%;
		margin-right:1%;
		float:right;
	}
	#contact {
		font-size:10px;
		min-height:550px;
		width:98%;
	}
	#contact input, textarea {
		font-family:lucida, sans-serif;
		padding:10px;
		margin-top:1%;
		margin-right:10px;
		border:none;
		width:400px;
		color:#f0f0f0;
		background-color:#141414;
	}
	#contact textarea {
		font-family:lucida, sans-serif;
		width:400px;
		height:150px;
		max-width:400px;
		line-height:18px;
	}
	#contact .submit input {
		font-family:lucida, sans-serif;
		background-color:#141414;
		border:none;
		color:#f0f0f0;
		font-size:16px;
		width:200px;
		margin-top:2%;
		margin-left:0;
		margin-right:2%;
		margin-bottom:2%;
		text-decoration:none;
		cursor:pointer;
		white-space: normal;
		transition:background-color .15s;
	}
	#contact .submit input:hover {
		background-color:#343434;
	}
	#mobilebar {
		display:none;
		visibility:hidden;
	}
	#cart {
		float:right;
		width:170px;
	}
	#cart a, cart form {
		float:left;
		width:100%;
		max-width:165px;
	}
	#storedes {
		width:98%;
		max-width:500px;
	}
	#storeitem {
		border-top:solid #000000;
		width:98%;
		min-height:400px;
		margin:1%;
		margin-bottom:2%;
		float:none;
		overflow:hidden;
	}
	#storeitem p {
		text-align:justify;
		margin:2%;
	}
	#storeitem h3 {
		margin:2%;
		margin-top:0;
		margin-bottom:0;
	}
	#storeitem h4 {
		margin:2%;
		margin-top:0;
		margin-bottom:0;
	}
	#storeitem form {
		margin:2%;
	}
	#storepics img {
		float:left;
		width:48%;
		overflow:hidden;
		margin:1%;
	}
	#quickstore {
		float:none;
		width:98%;
		margin:1%;
		border-top:solid #000000;
		overflow:hidden;
	}
	#quickstore img {
		float:left;
		max-width:20%;
		margin:1%;
	}
	#quickstorelink {
		float:right;
		margin:1%;
		overflow:hidden;
		width:76%;
	}
	#quickstorelink img {
		float:left;
		margin:1%;
		overflow:hidden;
		max-width:96%;
	}
	#quickstorelink p {
		text-decoration:none;
		color:#D0D0D0;
	}
	#quickstorelink a, #storelink a:visited, #storelink a:active {
		float:left;
		width:45%;
		text-align:center;
		color:#ffffff;
		background-color:#141414;
		padding:1%;
		margin:1%;
		text-decoration:none;
		transition:color .15s, border-color .15s;
	}
	#quickstorelink a:hover {
		background-color:#343434;
	}
	#storecard {
		float:left;
		margin:1%;
		padding:0;
		width:48%;
		text-decoration:none;
		color:#ffffff;
		background-color:#141414;
		transition:background-color .15s;
	}
	#storecard:hover {
		background-color:#343434;
	}
	#storecard img {
		display:block;
		width:auto;
		max-width:98%;
		float:none;
		margin:0 auto;
	}
	#storecard p,
	#storecard ul {
		font-weight:normal;
		margin:2%;
		text-align:center;
	}
	#swbutton {
		border:solid;
		border-radius:4px;
		background:#333333;
		box-shadow:4px 4px 8px #010101;
		overflow:hidden;
		margin:2%;
		min-width:400px;
	}
	#storewizend {
		width:90%;
		margin:5%;
		overflow:hidden;
	}
	#storewizend p {
		width:60%;
		float:left;
	}
	#storewizend form {
		float:right;
		margin:1%;
	}
	#wizpics {
		border:solid;
		border-color:#909090;
		border-radius:4px;
		float:left;
		margin:2%;
		width:45%;
	}
	#wizpics img {
		float:left;
		width:98%;
	}
	#wizpics h3, #wizpics p {
		text-align:center;
	}
	#wizpicbutton {
		float:none;
		margin:2%;
		overflow:hidden;
		width:96%;
	}
	#wizpicbutton p {
		text-decoration:none;
		color:#D0D0D0;
	}
	#wizpicbutton a, #wizpicbutton a:visited, #wizpicbutton a:active {
		float:left;
		width:90%;
		text-align:center;
		color:#D0D0D0;
		border:solid;
		border-color:#909090;
		border-radius:4px;
		padding:2%;
		margin:2%;
		text-decoration:none;
		transition:color .15s, border-color .15s;
	}
	#wizpicbutton a:hover {
		border-color:#FFFFFF;
	}
	#kit-builder {
		width:98%;
		overflow:hidden;
		margin:1%;
	}
	.step {
		width:100%;
		min-height:500px;
	}
	.step select {
		background-color:#222222;
		border:solid #d8d8d8;
		border-radius:4px;
		color:#ffffff;
		margin:2%;
	}
	input[type="radio"] {
		display:none;
	}
	input[type="radio"] + label span {
		display:inline-block;
		width:34px;
		height:34px;
		margin:2%;
		vertical-align:middle;
		cursor:pointer;
		background:url(checks.png) left top no-repeat;
	}
	input[type="radio"]:checked + label span {
		background:url(checks.png) -36px top no-repeat;
	}
	.step-box {
		float:left;
		margin:2%;
		width:45%;
		text-align:center;
		background-color:#141414;
	}
	.step-box h3, .step-box p {
		display:inline-block;
	}
	.step-box img {
		float:left;
		width:98%;
		margin:0;
	}
	.step-box-tall {
		float:left;
		margin:2%;
		width:45%;
		text-align:center;
		background-color:#141414;
		min-height:420px;
	}
	.step-box-tall h3, .step-box-tall p {
		display:inline-block;
	}
	.step-box-tall img {
		float:left;
		width:98%;
		margin:0;
	}
	.step-box-last {
		overflow:hidden;
		float:none;
		display:block;
		margin-left:2%;
		width:94%;
		text-align:center;
		background-color:#141414;
	}
	.step-box-last h3, .step-box-last p {
		display:inline-block;
	}
	.step-box-last input {
		margin:2%;
		margin-top:4%;
		margin-bottom:4%;
	}
	.step-box-wide {
		float:left;
		margin:2%;
		width:96%;
		min-height:300px;
		text-align:center;
		background-color:#141414;
	}
	.step-box-wide h3, .step-box-wide p {
		display:inline-block;
	}
	.step-box-wide input {
		margin:2%;
		margin-top:1%;
		margin-bottom:1%;
	}
	.step-des {
		float:left;
		width:48%;
		display:block;
		margin:1%;
		margin-top:0;
		margin-bottom:0;
	}
	#important {
		border:solid 2px red;
		background-color:#141414;
	}
	#important h2 {
		text-align:center;
		color:red;
	}
	#important h3 {
		text-align:center;
	}
	#important p {
		text-align:justify;
	}
	#topkitpics {
		width:100%;
		overflow:hidden;
	}
	#topkitpics img {
		float:left;
		width:48%;
		margin:1%;
	}
	#kitpic {
		float:right;
		width:48%;
		margin:1%;
	}
	#kitpic img {
		float:none;
		width:48%;
		margin:0.5%;
	}
	.navigation {
		overflow:hidden;
		width:46%;
		margin-left:auto;
		margin-right:auto;
		display:block;
	}
	ul.clearfix {
		list-style-type:none;
	}
	button.backward {
		background-color:#222222;
		border:solid #d8d8d8;
		border-radius:4px;
		color:#ffffff;
		float:left;
		width:27%;
		height:27px;
		margin:1%;
		margin-top:0;
		transition:background-color 0.5s;
	}
	button.backward:hover {
		background-color:#444444;
	}
	button.forward {
		background-color:#222222;
		border:solid #d8d8d8;
		border-radius:4px;
		color:#ffffff;
		float:left;
		width:27%;
		height:27px;
		margin:1%;
		margin-top:0;
		transition:background-color 0.5s;
	}
	button.forward:hover {
		background-color:#444444;
	}
	button.submit {
		background-color:#222222;
		border:solid #d8d8d8;
		border-radius:4px;
		color:#ffffff;
		float:left;
		width:27%;
		height:27px;
		margin:1%;
		margin-top:0;
		transition:background-color 0.5s;
		opacity:0.3;
	}
	button.submit:hover {
		background-color:#444444;
	}
	#PPMiniCart {
		text-shadow:none;
	}
	#buy {
		margin:2%;
		margin-right:0;
		float:right;
	}
	#alert {
		border:solid;
		background-color:#960000;
		text-align:justify;
		width:80%;
		margin:1%;
		margin-left:10%;
	}
	#sidebox {
		float:right;
		background-color:#141414;
		text-align:justify;
		padding:1%;
		padding-right:2%;
		width:36%;
		margin:1%;
		margin-left:2%;
	}
	#chart {
		margin:0;
		margin-top:25px;
		margin-bottom:25px;
	}
	#chart img {
		max-height:20px;
	}
	#chart table {
		border-collapse:collapse;
	}
	#chart th,
	#chart td {
		border:solid 2px #444444;
	}
@media screen and (max-width: 720px) {
	#main h2 {
		margin:2% auto;
		text-align:center;
	}
	#main p {
		line-height:1.25;
		width:96%;
		margin:2% auto;
	}
	#main img {
		width:100%;
		margin:0;
		margin-top:1%;
		margin-bottom:1%;
	}
	#headerbg {
		display:none;
		visibility:hidden;
	}
	#banner {
		display:none;
		visibility:hidden;
	}
	#mobilebar {
		display:block;
		visibility:visible;
		height:25vw;
		width:100%;
		position:fixed;
		top:0;
		z-index:2;
	}
	#mobilebar img {
		height:100%;
	}
	#mobilemenu1 {
		position:absolute;
		top:0;
		right:0;
		width:66%;
	}
	#mobilemenu1 .clicker img {
		width:25vw;
		height:auto;
		max-width:140px;
		max-height:126px;
		position:absolute;
		top:2vw;
		right:0;
	}
	#mobilemenu2 {
		display:block;
		visibility:hidden;
		opacity:0;
		background-color:#242424;
		box-shadow:-4px 4px 4px 4px #000000;
		list-style-type:none;
		padding:2%;
		margin:0;
		width:100%;
		height:auto;
		margin-top:25vw;
		position:absolute;
		right:0;
		transition:visibility 0s linear 0.15s,opacity 0.15s linear;
	}
	#mobilemenu2 .clicker2 img {
		width:25vw;
		height:auto;
		max-width:140px;
		max-height:126px;
		position:absolute;
		top:-23vw;
		right:0;
	}
	#mobilemenu2:target {
		visibility:visible;
		opacity:1;
		transition-delay:0s;
	}
	#mobilemenu3 {
		height:auto;
		max-height:79vh;
		overflow:auto;
	}
	#mobilebutton1 a {
		text-decoration:none;
	}
	#mobilebutton2 {
		border-top:solid #000000;
		line-height:50px;
		margin:2%;
		padding:2%;
		transition:background-color 0.15s;
		text-decoration:none;
		color:#ffffff;
		font-weight:regular;
		font-size:200%;
		text-align:center;
	}
	#mobilebutton2 p {
		margin:0;
		padding:0;
	}
	#mobilebutton2:hover {
		background-color:#444444;
	}
	#mobilebutton3 {
		border-top:solid #000000;
		margin:2%;
		padding:2%;
		width:81%;
		margin-left:12%;
		transition:background-color 0.15s;
		text-decoration:none;
		color:#ffffff;
		font-weight:regular;
		font-size:250%;
		line-height:60px;
		text-align:center;
	}
	#mobilebutton3 p {
		margin:0;
		padding:0;
	}
	#mobilebutton3:hover {
		background-color:#444444;
	}
	#main {
		margin-top:26vw;
	}
	#main h2 {
		font-size:medium;
	}
	#main p {
		font-size:medium;
	}
	#gallery {
		height:86vw;
		max-height:600px;
		width:100%;
		margin:0;
		padding:0;
		background-color:#242424;
		border-radius:0;
		box-shadow:none;
	}
	#gallery label {
		float:left;
		margin-left:1%;
		width:18%;
	}
	#slide1,
	#slide2,
	#slide3,
	#slide4,
	#slide5	{
		top:18%;
		width:96%;
		margin:1%;
		padding:0;
	}
	#historycard {
		float:none;
		margin:0;
		width:100%;
	}
	#historycard h1 {
		float:none;
	}
	#historytext {
		float:none;
		width:96%;
	}
	#change {
		width:90%;
		margin:4%;
	}
	#cardcaptor a {
		text-decoration:none;
	}
	#card {
		float:none;
		width:90%;
		margin:2% auto;
		padding:1%;
		text-decoration:none;
	}
	#card img {
		width:100%;
		float:none;
		margin:0 auto;
		max-width:none;
	}
	#card p,
	#card ul {
		margin:2%;
		font-size:medium;
		text-align:justify;
	}
	#card h1,
	#card h2,
	#card h3,
	#card h4 {
		font-size:medium;
		margin:2%;
		text-align:center;
	}
	#midcard {
		float:none;
		width:90%;
		min-height:0;
		margin:2% auto;
		padding:1%;
		text-decoration:none;
	}
	#midcard img {
		max-width:14%;
		width:auto;
		float:left;
		margin:2%;
		margin-left:4%;
		margin-right:0;
	}
	#midcard p {
		font-size:medium;
		font-weight:normal;
		width:auto;
		margin:2%;
		margin-left:20%;
		margin-right:4%;
	}
	#midcard h2 {
		font-size:medium;
		text-align:left;
		margin:2%;
		margin-left:20%;
		margin-right:4%;
	}
	#textcard {
		float:none;
		width:90%;
		margin:2% auto;
		padding:1%;
		text-decoration:none;
	}
	#textcard p,
	#textcard ul {
		margin:2%;
		font-size:medium;
		text-align:justify;
	}
	#textcard h1,
	#textcard h2,
	#textcard h3,
	#textcard h4 {
		font-size:medium;
		margin:2%;
		text-align:center;
	}
	#pubcard {
		float:none;
		width:90%;
		margin:2% auto;
		padding:1%;
		text-decoration:none;
	}
	#pubcard img {
		width:100%;
		float:none;
		margin:0 auto;
		max-width:none;
	}
	#pubcard p,
	#pubcard ul {
		margin:2%;
		font-size:medium;
		text-align:justify;
	}
	#pubcard h1,
	#pubcard h2,
	#pubcard h3,
	#pubcard h4 {
		font-size:medium;
		margin:2%;
		text-align:center;
	}
	#lpic {
		float:none;
		max-width:none;
		width:100%;
		margin:0;
	}
	#rpic {
		float:none;
		max-width:none;
		width:100%;
		margin:0;
	}
	#videowrap {
		position:relative;
		padding-bottom:56.25%; /* 16:9 */
		padding-top:25px;
		height:0;
		margin:0 auto;
		width:100%;
	}
	#videowrap iframe {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	#vidcard {
		float:none;
		width:90%;
		margin:2% auto;
		padding:1%;
		min-height:0;
		text-decoration:none;
	}
	#vidcard img {
		width:100%;
		float:none;
		margin:0 auto;
		max-width:none;
	}
	#vidcard p,
	#vidcard ul {
		margin:2%;
		font-size:medium;
		text-align:justify;
	}
	#newsbutton {
		width:50%;
		float:none;
		margin:4% auto;
	}
	#homenewsTri {
		float:none;
		width:90%;
		margin:2% auto;
		padding:1%;
		min-height:0;
	}
	#homenewsTri img {
		float:none;
		max-width:98%;
		margin:1%;
	}
	#homenewsTri p {
		margin-right:2%;
		font-size:medium;
		text-align:justify;
	}
	#homenewsTri h3 {
		font-size:medium;
	}
	#links {
		float:none;
		width:90%;
		margin:2% auto;
		padding:1%;
	}
	#links img {
		width:100%;
		float:none;
		margin:0 auto;
		max-width:none;
	}
	#links p {
		margin:2%;
		font-size:medium;
		text-align:justify;
	}
	#links h4 {
		font-size:medium;
		text-align:center;
	}
	#review p,
	#review ul	{
		float:none;
	}
	#reviewlogo {
		max-width:100%;
		margin:0;
	}
	#reviewpics {
		width:100%;
		float:none;
		margin:1%;
		margin-left:0;
		margin-right:0;
	}
	#reviewpicA img {
		width:100%;
		margin:1%;
		margin-left:0;
		margin-right:0;
	}
	#reviewpicB img {
		float:left;
		width:48%;
		margin:1%;
	}
	#reviewfoot {
		border-top:solid #505050;
		width:96%;
		float:none;
	}
	#rev_nav h2 {
		font-size:medium;
	}
	#contact p {
		font-size:small;
	}
	#contact input, textarea {
		float:none;
		margin-top:1%;
		width:96%;
	}
	#contact textarea {
		width:96%;
	}
	#contact .submit input {
		width:50%;
	}
	#storeitem img {
		width:100%;
		margin:0;
	}
	#quickstore {
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	#quickstore h2 {
		font-size:1.5em;
		text-align:center;
	}
	#quickstore p {
		font-size:smaller;
	}
	#quickstore img {
		float:none;
		max-width:60%;
		display:block;
		margin:0 auto;
	}
	#quickstorelink {
		float:none;
		width:100%;
	}
	#quickstorelink a, #storelink a:visited, #storelink a:active {
		width:45%;
		margin:1%;
		margin-left:1% auto;
	}
	#cart {
		float:left;
		width:100%;
	}
	#storedes {
		float:none;
		max-width:98%;
	}
	#storecard {
		float:none;
		width:90%;
		margin:2% auto;
		padding:1%;
		text-decoration:none;
	}
	#storecard img {
		width:100%;
		margin:0 auto;
		max-width:none;
	}
	#storeitem {
		float:none;
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	#storeitem img {
		float:none;
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	#storewizend {
		width:98%;
		margin:1%;
	}
	#storewizend p {
		width:99%;
		margin:0;
		float:none;
	}
	#wizpics {
		width:98%;
		float:none;
		margin-left:0;
		margin-right:0;
	}
	.step-box {
		width:96%;
	}
	.step-box-tall {
		width:96%;
		min-height:0;
	}
	.step-des {
		float:none;
		width:98%;
		display:block;
		margin:1%;
	}
	.step-box-wide img {
		width:90%;
	}
	.navigation {
		width:98%;
	}
	button.backward {
		height:36px;
	}
	button.forward {
		height:36px;
	}
	button.submit {
		height:36px;
	}
	.step-box-last {
		width:96%;
	}
	#sidebox {
		float:none;
		width:92%;
	}
	#reviews {
		width:95%;
	}
	#reviews img {
		width:98%;
		margin:1%;
	}
	#reviewfoot {
		width:95%;
		float:none;
	}
	#reviewfoot p {
		font-size:smaller;
	}
	#reviewfoot img {
		width:33%;
		float:right;
	}
	#chart {
		width:100%;
		margin:0;
		margin-top:25px;
		margin-bottom:25px;
		overflow-x:auto;
		-webkit-overflow-scrolling:touch;
		font-size:smaller;
	}
	#chart img {
		display:block;
		max-height:20px;
		width:auto;
		margin:2px;
	}
	#chart table {
		border-collapse:collapse;
	}
	#chart th,
	#chart td {
		border:solid 2px #444444;
	}
}	

	
@media screen and (orientation:landscape) {
	
	#mobilebar {
		position:relative;
		top:0;
	}
	#mobilemenu1 {
		width:100%;
	}
	#mobilemenu3 {
		height:94vh;
	}
	#mobilemenu3 .button1 input {
		float:left;
		width:45%;
		margin:1%;
		margin-left:2%;
		font-size:7vw;
		line-height:80px;
	}
	#mobilemenu3 .button2 input {
		display:none;
	}
	#main {
		margin-top:0;
	}
}


/* Internet Explorer 10-11 selector */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	
	#IEwarn {
		display:block;
		margin:20px;
		margin-left:0;
		margin-right:0;
		padding:10px;
		padding-left:0;
		padding-right:0;
		border:solid #bb1f1f;
		width:99%;
		text-align:center;
	}
	#IEwarn h2 {
		color:#bb1f1f;
	}
	#IEwarn a {
		color:#bb1f1f;
		text-decoration:none;
	}
}