@charset "utf-8";
html, body {padding:0;margin:0;}

/*html {
	background:url(../images/mainBack430.jpg) no-repeat top center fixed;
	background-size:cover;
}*/

/*--height for scrolling and setting the basics--*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	/*background-color:rgb(119,119,119);
	overflow:auto;
	height:7600px;might need more*/
}
#wrapper {
	width:100%;
	margin:0;
	/*-webkit-overflow-scrolling: touch;
	overflow-y:scroll;*/
}

.mjbacker {
	background:url(../images/swirl_pattern.png);
	background-repeat: repeat;
}

#note {
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-size:1.6em;
    background-color:#E49B05;
    text-align: center;
    line-height: 2.5;
    padding: 15px;
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow: 0 0 5px black;
    box-shadow: 0 0 5px black;
}

#logo img {z-index:100;}

#nav {
	width:100%;
	z-index:6;
	position:fixed;
	top:10px;
	left:10px;
}

#nav ul {
	list-style:none;
}
#nav li {
	display:block;
	float:left;
	margin-right:4%;
}

#nav a:link, #nav a:visited {
	color:white;
	text-decoration:none;
}
/* Primary structure second version CSS only*/
.container {
	/*max-width:960px;*/
	margin:0 auto;
}
.container1 {
	/*max-width:960px;*/
	margin:-10% auto 10% auto;
}
.container2 {
	/*max-width:960px;*/
	margin:0 auto;
	height:100%;
}

#bigwords {
	font-size:2em;
	font-weight:bold;
	margin-top:5%; 
	margin-left:35%; 
	color:white;
}
#bigwords2 {
	font-size:3em; 
	font-weight:bold;
	margin-left:10%; 
	margin-top:30%; 
	color:white;	
}
#bigwords3 {
	color:black; 
	font-size:2em; 
	width:90%; 
	margin:0 auto;
	font-weight:bold;
}
#description1 {
	font-size:1.5em; 
	width:70%; 
	margin:10% auto 10% auto; 
	color:rgba(255,255,255,1);
}
#description2 {
	font-size:1.5em; 
	width:70%;
	margin:10% auto 25% auto; 
	color:rgba(255,255,255,1);
}
#description2 a:link, #description2 a:visited {
	color:rgba(255,255,255,1);
	text-decoration:none;
}
#description2 a:hover, #description2 a:active {
	color:rgb(255,255,204);
	text-decoration:none;
}

#description3 {
	font-size:2em;
	text-align:center;
}

.centered {top:0; bottom:0; left:0; right:0; /*margin:auto;*/}

.product {
	width:65%;
	margin:25px auto;
	padding:10px;
	background-color:rgb(100,100,100);
	/*height:100%;*/
	clear:both;
}
.space {
	height:1px;
}

.fakeButton {
	 background-color:#0a84da;
	 width:100%;
	 height:43px;
	 padding:10px;
	 font-size:0.7em;
	 text-align:center;
	 line-height:3;
}
.fakeButton a:link, .fakeButton a:visited {
	color:white;
	text-decoration:none;
}
.fakeButton a:hover, .fakeButton a:active {
	color:rgba(255,255,153,1);
	text-decoration:none;
}

/*keyframe animation for notification
@-webkit-keyframes slideout {
    0%, 100% {-webkit-transform: translateY(-50px);}
    10%, 90% {-webkit-transform: translateY(0px);}
}

@-moz-keyframes slideout {
    0%, 100% {-webkit-transform: translateY(-50px);}
    10%, 90% {-webkit-transform: translateY(0px);}
}*/

/*Responsive Styles*/

/*@media screen and (min-width : 586px){
html {
	background:url(../images/mainBack600.jpg) no-repeat top center fixed;
	background-size:cover;
}
#nav {
	font-size:1.2em;	
}
	
#description2 {
	font-size:1.7em; 
	width:70%;
	margin:10% auto 25% auto; 
	color:rgba(255,255,255,1);
}
.space {
	height:40px;
}
}
@media screen and (min-width: 760px) {
html {
	background:url(../images/mainBack770.jpg) no-repeat top center fixed;
	background-size:cover;
}
#bigwords {
	font-size:3em;
	font-weight:bold;
	width:70%;
	margin-top:5%; 
	margin-left:20%; 
	color:white;
}

#description1 {
	font-size:1.9em; 
	width:80%; 
	margin:10% auto 10% auto; 
	color:rgba(255,255,255,1);
}
#description2 {
	font-size:1.8em; 
	width:80%;
	margin:10% auto 25% auto; 
	color:rgb(255,255,204);
}
#description2 a:link, #description2 a:visited {
	color:rgba(255,255,204,1);
	text-decoration:none;
}
#description2 a:hover, #description2 a:active {
	color:rgba(255,255,255,1);
	text-decoration:none;
}
#bigwords2 {
	font-size:3em; 
	font-weight:bold;
	margin-left:10%; 
	margin-top:30%; 
	color:white;
	text-shadow:5px 5px 5px rgba(51,51,51,0.7);
}
.space {
	height:200px;
}	
}
@media screen and (min-width:1210px){
html {
	background:url(../images/mainBack.jpg) no-repeat top center fixed;
	background-size:cover;
}
#bigwords {
	font-size:4em;
	font-weight:bold;
	width:70%;
	margin-top:10%; 
	margin-left:20%; 
	color:white;
}	
	#description2 {
	font-size:2.3em; 
	width:80%;
	font-weight:bold;
	margin:10% auto 25% auto; 
	color:rgb(255,255,204);
}
#bigwords2 {
	font-size:4em; 
	font-weight:bold;
	margin-left:6%; 
	margin-top:31%;
	width:90%; 
	color:white;
	text-shadow:5px 5px 5px rgba(51,51,51,0.7);
}
.product {
	width:18%;
	float:left;
}
#one {
	margin-left:0.5%;
}
#two {
	margin-left:20.5%;
	margin-top:-541px;	
}
#three {
	margin-left:40.5%;
	margin-top:-559px;
}
#four {
	margin-left:60.5%;
	margin-top:-559px;
}
#five {
	margin-left:80.5%;
	margin-top:-559px;
}
}*/