/* Viz Nutrition Website Styles - Parallax */

body {
	color: #fff;
	font-family: 'open sans', sans-serif;
	font-size: 18px;
	text-align: center;
	margin: 0;
	padding: 0;
}

section {

	height: 100vh;
	margin: 0;
	padding: 0;
}


/* Main Navigation Styles */

#mainNav {

	position: fixed;
	left: 60px;
	top: 40px;
	
	width: 800px;
	height: 150px;
	
	padding: 0;
	margin: 0;
	border: 0;

	z-index: 99;
}

#navLogo {
	
	position: absolute;
	
	width: 150px;
	height: 150px;
	
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 2;

	background: url(../images/navLogo.png) center center no-repeat;
}

/* Main Navigation */

#mainNavbar {

	position: absolute;
	top: 30px;
	left: 100px;
	width: 600px;
	height: 50px;
	
	padding: 0;
	margin: 0;
	
	background: #ccc;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	
	opacity: .8;
	-webkit-opacity: .8;
	-moz-opacity: .8;
	-o-opacity: .8;
}

#mainNavbar  a {
	
	font-family: 'Lato',sans-serif;
	color: #000;
	text-decoration: none;
	font-size: 80%;
	
	width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

#mainNavbar ul {

	padding: 0;
	margin: 0 0 0 60px;
	border: 0;
	list-style: none;
}

#mainNavbar ul li {

	float: left;
	margin: 15px 20px 0 0;
}

#mainNavbar a:hover {

	color: #fff;
}

#mainNavbar > ul > li > a.current {

	color: #fff;
}

.current:hover {

	cursor: default;
}

/* Sub Navigation */

#subNavbar {

	position: absolute;
	top: 80px;
	left: 100px;
	width: 800px;
	height: 50px;
	
	padding: 0;
	margin: 0;
	
	background: #F26922;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;

	opacity: .8;
	-webkit-opacity: .8;
	-moz-opacity: .8;
	-o-opacity: .8;
}

#subNavbar  a {
	
	font-family: 'Lato',sans-serif;
	color: #fff;
	text-decoration: none;
	font-size: 60%;
	
	width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

#subNavbar ul {

	padding: 0;
	margin: 0 0 0 60px;
	border: 0;
	list-style: none;
}

#subNavbar ul li {

	float: left;
	margin: 10px 20px 0 0;
}

#subNavbar a:hover {

	color: #000;
}

#subNavbar > ul > li > a.current {

	color: #000;
}

.current:hover {

	cursor: default;
}

/* Screens Settings */

/* ===================================================================== */

/* Screen 1 Styles */
	
	
/* Super Slides Styles */


/* Main Image Slide Styles */

.container2 {

	position: absolute;
	top: 35%;
	left: 5%;
	width: 45%;
	height: 50%;
	
	padding: 0;
	margin: 0;
	border: 0;
}
	
#screen1MainheaderWrapper {

	position: absolute;
	top: 0;
	left: 0;
	width: 550px;
	height: 100px;
	
	padding: 0;
	margin: 0;
}

#screen1MainheaderWrapper > h2 {
	
	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 95%;
	font-weight: bold;
	margin: 20px 0 0 0 ;
}	
	
#screen1MainheaderWrapper > h1 {
	
	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 170%;
	font-weight: bold;
	margin: 0;
}	
	
#screen1Contentwrapper {

	position: absolute;
	top: 80px;
	
	width: 550px;
	height: 300px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen1Contentwrapper > p {

	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 75%;
	text-align: justify;
}

#absorbBTN {

	position: absolute;
	top: 200px;
	left: 80px;
	
	width: 140px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 0;

	background: url(../images/absorb_BTN.png) center center no-repeat;
}
	
#absorbBTN > a {
	
	color: transparent;
}
	
#howBTN {

	position: absolute;
	top: 200px;
	left: 300px;
	
	width: 140px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	background: url(../images/how_BTN.png) center center no-repeat;
}
	
#howBTN > a {
	
	position: absolute;
	left: 15px;
	top: 15px;
	color: transparent;
}

.container {

	position: absolute;
	top: 35%;
	left: 25%;
	width: 40%;
	height: 50%;
	
	padding: 0;
	margin: 0;
	border: 0;
}

.container3 {

	position: absolute;
	top: 35%;
	left: 2%;
	width: 40%;
	height: 50%;
	
	padding: 0;
	margin: 0;
	border: 0;
}	
	
.container > h1 {
	
	position: absolute;
	right: 0;
	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 220%;
	margin: 5px 0 0 0;
	font-weight: bolder;
}

.container3 > h1 {
	
	position: absolute;
	right: 0;
	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 220%;
	margin: 5px 0 0 0;
	font-weight: bolder;
}

.descContainer3 {

	position: absolute;
	top: 18%;
	right: 0;
	width: 95%;
	height: 20%;
	
	padding: 0;
	margin: 0;
	border-top: 1pt solid #000;
	border-bottom: 1pt solid #000;
}
	
.descContainer3 > p {

	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	font-weight: bold;
	text-align: right;
}
	
.descContainer {

	position: absolute;
	top: 18%;
	right: 0;
	width: 95%;
	height: 20%;
	
	padding: 0;
	margin: 0;
	border-top: 1pt solid #000;
	border-bottom: 1pt solid #000;
}
	
.descContainer > p {

	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	font-weight: bold;
	text-align: right;
}

.prodFeatlist {
	
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60%;
	height: 55%;
	
	padding: 0;
	margin: 0;
	border: 0;
}

.prodFeatlist ul {

	list-style-type: disc;
}

.prodFeatlist ul li {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	text-align: left;
}
	
.prodLinkBtn {

	position: absolute;
	right: 0;
	bottom: 0;
	
	width: 130px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	background: url(../images/productlink_BTN.png) center center no-repeat;
}	
	
.prodLinkBtn > a {
	
	color: transparent;
}	
	
/* Product Video Slide Styles */


#prodVideo {

	position: absolute;
	top: 200px;
}
	

/* ===================================================================== */
/* Screen 2 Styles */	

#screen2 {
	
	position: relative;
	overflow: hidden;
	
	height: 90vh;
	
	background-color: #F5F5F5;
}

#screen2Maincontainer {

	position: absolute;
	top: 50%;
	left: 50%;
	
	
	width: 1000px;
	height: 800px;
	
	padding: 0;
	margin-left: -500px;
	margin-top: -400px;
	border: 0;
}

#screen2Imagecontainer {
	
	position: absolute;
	
	right: 0;
	top: 0;
	
	width: 550px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;

	background: url(../images/Screen2_IMG.png) center center no-repeat;
}
	
#screen2Mainheader {

	position: absolute;
	top: 50px;
	left: 15px;
	
	width: 450px;
	height: 130px;
	
	padding: 0;
	margin: 0;
	border: 0;
}
	
#screen2Mainheader > h1 {

	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 220%;
	
	text-align: left;
	margin: 15px 0 0 0 ;
}


#screen2Mainheader > h2 {

	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 130%;
	
	text-align: left;
	margin: 5px 0 0 0 ;
	width: 350px;
	border-top: 1pt solid #666;
	padding-top: 5px;
}

#screen2Contentwrapper1 {

	position: absolute;
	top: 190px;
	left: 15px;
	
	width: 430px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen2Contentwrapper1 > p {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: justify;
}

#screen2Contentwrapper2 {

	position: absolute;
	top: 390px;
	right: 25px;
	
	width: 480px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen2Contentwrapper2 > h3 {
	
	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 110%;
	
	text-align: left;
	margin: 20px 0 0 0 ;
}

#screen2Contentwrapper2 > p {

	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: justify;
	line-height: 8px;
}

#screen2Contentwrapper2 ul li {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: left;
	line-height: 20px;
}

#screen2Contentwrapper3 {

	position: absolute;
	bottom: 140px;
	left: 15px;
	
	width: 430px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 1pt solid #666;
}

#screen2Contentwrapper3  > p {

	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 50%;
	font-style: italic;
	
	text-align: center;
	line-height: 20px;
}

#screen2SupplementBTN {

	position: absolute;
	
	right: 200px;
	top: 330px;
	
	width: 130px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	background: url(../images/supplemental_BTN.png) center center no-repeat;
}

#screen2SupplementBTN:hover {

	background: url(../images/supplemental_BTN_hover.png) center center no-repeat;
}

#screen2SupplementBTN > a {

	position: absolute;
	top: 20px;
	left: 5px;
	font-size: 75%;
	color: transparent;
}

#screen2OrderBTN {

	position: absolute;
	
	right: 50px;
	top: 327px;
	
	width: 130px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	background: url(../images/order_BTN.png) center center no-repeat;
}

#screen2OrderBTN:hover {

	background: url(../images/order_BTN_hover.png) center center no-repeat;
}

#screen2OrderBTN > a {

	position: absolute;
	top: 20px;
	left: 5px;
	font-size: 90%;
	color: transparent;
}
	
/* ===================================================================== */
/* Screen 3 Styles */	
	
#screen3 {
	
	position: relative;
	overflow: hidden;
	
	height: 90vh;
	
	background-color: #fff;
}

#screen3Maincontainer {

	position: absolute;
	top: 50%;
	left: 50%;
	
	
	width: 1000px;
	height: 800px;
	
	padding: 0;
	margin-left: -500px;
	margin-top: -400px;
	border: 0;
}

#screen3Imagecontainer {
	
	position: absolute;
	
	right: 0;
	top: 0;
	
	width: 550px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;

	background: url(../images/Screen3_IMG.png) center center no-repeat;
}
	
#screen3Mainheader {

	position: absolute;
	top: 50px;
	left: 15px;
	
	width: 450px;
	height: 130px;
	
	padding: 0;
	margin: 0;
	border: 0;
}
	
#screen3Mainheader > h1 {

	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 220%;
	
	text-align: left;
	margin: 15px 0 0 0 ;
}

#screen3Mainheader > h2 {

	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 130%;
	
	text-align: left;
	margin: 5px 0 0 0 ;
	width: 350px;
	border-top: 1pt solid #666;
	padding-top: 5px;
}

#screen3Contentwrapper1 {

	position: absolute;
	top: 190px;
	left: 15px;
	
	width: 430px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;
}


#screen3Contentwrapper1 > p {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: justify;
}

#screen3Contentwrapper2 {

	position: absolute;
	top: 390px;
	right: 25px;
	
	width: 480px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen3Contentwrapper2 > h3 {
	
	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 110%;
	
	text-align: left;
	margin: 20px 0 0 0 ;
}


#screen3Contentwrapper2 > p {

	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: justify;
	line-height: 8px;
}

#screen3Contentwrapper2 ul li {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: left;
	line-height: 20px;
}

#screen3Contentwrapper3 {

	position: absolute;
	bottom: 140px;
	left: 15px;
	
	width: 430px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 1pt solid #666;

}

#screen3Contentwrapper3  > p {

	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 50%;
	font-style: italic;
	
	
	text-align: center;
	line-height: 20px;
}

#screen3SupplementBTN {

	position: absolute;
	
	right: 390px;
	top: 330px;
	
	width: 130px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	background: url(../images/supplemental_BTN.png) center center no-repeat;
}

#screen3SupplementBTN:hover {

	background: url(../images/supplemental_BTN_hover.png) center center no-repeat;
}

#screen3SupplementBTN > a {

	position: absolute;
	top: 20px;
	left: 5px;
	font-size: 75%;
	color: transparent;
}

#screen3OrderBTN {

	position: absolute;
	
	right: 250px;
	top: 327px;
	
	width: 130px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	background: url(../images/buttonEnglish.png) center center no-repeat;
}

#screen3OrderBTN:hover {

	background: url(../images/buttonEnglish_hover.png) center center no-repeat;
}

#screen3OrderBTN > a {

	position: absolute;
	top: 20px;
	left: 5px;
	font-size: 90%;
	color: transparent;
}

	
/* ===================================================================== */
/* Screen 4 Styles */	

#screen4 {
	
	position: relative;
	overflow: hidden;
	
	height: 90vh;
	
	background-color: #f5f5f5;
}

#screen4Maincontainer {

	position: absolute;
	top: 50%;
	left: 50%;
	
	
	width: 1000px;
	height: 800px;
	
	padding: 0;
	margin-left: -500px;
	margin-top: -400px;
	border: 0;
}

#screen4Imagecontainer {
	
	position: absolute;
	
	right: 0;
	top: 0;
	
	width: 550px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;

	background: url(../images/Screen4_IMG.png) center center no-repeat;
}
	

#screen4Mainheader {

	position: absolute;
	top: 50px;
	left: 15px;
	
	width: 450px;
	height: 130px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen4Mainheader > h1 {

	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 220%;
	
	text-align: left;
	margin: 15px 0 0 0 ;
}

#screen4Mainheader > h2 {

	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 130%;
	
	text-align: left;
	margin: 5px 0 0 0 ;
	width: 350px;
	border-top: 1pt solid #666;
	padding-top: 5px;
}

#screen4Contentwrapper1 {

	position: absolute;
	top: 190px;
	left: 15px;
	
	width: 430px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen4Contentwrapper1 > p {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: justify;
}

#screen4Contentwrapper2 {

	position: absolute;
	top: 390px;
	right: 25px;
	
	width: 480px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen4Contentwrapper2 > h3 {
	
	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 110%;
	
	text-align: left;
	margin: 20px 0 0 0 ;
}

#screen4Contentwrapper2 > p {

	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: justify;
	line-height: 8px;
}

#screen4Contentwrapper2 ul li {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: left;
	line-height: 20px;
}

#screen4Contentwrapper3 {

	position: absolute;
	bottom: 100px;
	left: 15px;
	
	width: 430px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 1pt solid #666;
}

#screen4Contentwrapper3  > p {

	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 50%;
	font-style: italic;
	
	
	text-align: center;
	line-height: 20px;
}

#screen4SupplementBTN {

	position: absolute;
	
	right: 200px;
	top: 330px;
	
	width: 130px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	background: url(../images/supplemental_BTN.png) center center no-repeat;
}


#screen4SupplementBTN:hover {

	background: url(../images/supplemental_BTN_hover.png) center center no-repeat;
}

#screen4SupplementBTN > a {

	position: absolute;
	top: 20px;
	left: 5px;
	font-size: 75%;
	color: transparent;
}

#screen4OrderBTN {

	position: absolute;
	
	right: 50px;
	top: 327px;
	
	width: 130px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	background: url(../images/buttonEnglish.png) center center no-repeat;
}

#screen4OrderBTN:hover {

	background: url(../images/buttonEnglish_hover.png) center center no-repeat;
}

#screen4OrderBTN > a {

	position: absolute;
	top: 20px;
	left: 5px;
	font-size: 90%;
	color: transparent;
}
	
/* ===================================================================== */
/* Screen 5 Styles */	


#screen5 {
	
	position: relative;
	overflow: hidden;
	
	height: 90vh;
	
	background-color: #fff;
}

#screen5Maincontainer {

	position: absolute;
	top: 50%;
	left: 50%;
	
	
	width: 1000px;
	height: 800px;
	
	padding: 0;
	margin-left: -500px;
	margin-top: -400px;
	border: 0;
}

#screen5Imagecontainer {
	
	position: absolute;
	
	right: 0;
	top: 0;
	
	width: 550px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	
	background: url(../images/Screen5_IMG.png) center center no-repeat;
}
	
#screen5Mainheader {

	position: absolute;
	top: 50px;
	left: 15px;
	
	width: 450px;
	height: 130px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen5Mainheader > h1 {

	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 220%;
	
	text-align: left;
	margin: 15px 0 0 0 ;
}

#screen5Mainheader > h2 {

	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 130%;
	
	text-align: left;
	margin: 5px 0 0 0 ;
	width: 350px;
	border-top: 1pt solid #666;
	padding-top: 5px;
}

#screen5Contentwrapper1 {

	position: absolute;
	top: 190px;
	left: 15px;
	
	width: 430px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen5Contentwrapper1 > p {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: justify;
}

#screen5Contentwrapper2 {

	position: absolute;
	top: 390px;
	right: 25px;
	
	width: 480px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen5Contentwrapper2 > h3 {
	
	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 110%;
	
	text-align: left;
	margin: 20px 0 0 0 ;
}

#screen5Contentwrapper2 > p {

	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: justify;
	line-height: 8px;
}

#screen5Contentwrapper2 ul li {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: left;
	line-height: 20px;
}

#screen5Contentwrapper3 {

	position: absolute;
	bottom: 50px;
	left: 15px;
	
	width: 430px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 1pt solid #666;
}

#screen5Contentwrapper3  > p {

	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 50%;
	font-style: italic;
	
	
	text-align: center;
	line-height: 20px;
}

#screen5SupplementBTN {

	position: absolute;
	
	right: 200px;
	top: 345px;
	
	width: 130px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	background: url(../images/supplemental_BTN.png) center center no-repeat;
}

#screen5SupplementBTN:hover {

	background: url(../images/supplemental_BTN_hover.png) center center no-repeat;
}

#screen5SupplementBTN > a {

	position: absolute;
	top: 20px;
	left: 5px;
	font-size: 75%;
	color: transparent;
}

#screen5OrderBTN {

	position: absolute;
	
	right: 50px;
	top: 343px;
	
	width: 130px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	background: url(../images/buttonEnglish.png) center center no-repeat;
}

#screen5OrderBTN:hover {

	background: url(../images/buttonEnglish_hover.png) center center no-repeat;
}

#screen5OrderBTN > a {

	position: absolute;
	top: 20px;
	left: 5px;
	font-size: 90%;
	color: transparent;
}
	
/* ===================================================================== */
/* Screen 6 Styles */	

#screen6 {
	
	position: relative;
	overflow: hidden;
	
	height: 90vh;
	
	background-color: #f5f5f5;
}

#screen6Maincontainer {

	position: absolute;
	top: 50%;
	left: 50%;
	
	
	width: 1000px;
	height: 800px;
	
	padding: 0;
	margin-left: -500px;
	margin-top: -400px;
	border: 0;
}

#screen6Imagecontainer {
	
	position: absolute;
	
	right: 0;
	top: 0;
	
	width: 550px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	
	background: url(../images/Screen6_IMG.png) center center no-repeat;
}
	
#screen6Mainheader {

	position: absolute;
	top: 50px;
	left: 15px;
	
	width: 450px;
	height: 130px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen6Mainheader > h1 {

	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 220%;
	
	text-align: left;
	margin: 15px 0 0 0 ;
}

#screen6Mainheader > h2 {

	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 130%;
	
	text-align: left;
	margin: 5px 0 0 0 ;
	width: 350px;
	border-top: 1pt solid #666;
	padding-top: 5px;
}

#screen6Contentwrapper1 {

	position: absolute;
	top: 190px;
	left: 15px;
	
	width: 430px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen6Contentwrapper1 > p {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: justify;
}

#screen6Contentwrapper2 {

	position: absolute;
	top: 390px;
	right: 25px;
	
	width: 480px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen6Contentwrapper2 > h3 {
	
	
	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 110%;
	
	text-align: left;
	margin: 20px 0 0 0 ;
}

#screen6Contentwrapper2 > p {

	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: justify;
	line-height: 8px;
}

#screen6Contentwrapper2 ul li {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: left;
	line-height: 20px;
}

#screen6Contentwrapper3 {

	position: absolute;
	bottom: 50px;
	left: 15px;
	
	width: 430px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 1pt solid #666;
}

#screen6Contentwrapper3  > p {

	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 50%;
	font-style: italic;
	
	text-align: center;
	line-height: 20px;
}

#screen6SupplementBTN {

	position: absolute;
	
	right: 200px;
	top: 345px;
	
	width: 130px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	background: url(../images/supplemental_BTN.png) center center no-repeat;
}

#screen6SupplementBTN:hover {

	background: url(../images/supplemental_BTN_hover.png) center center no-repeat;
}

#screen6SupplementBTN > a {

	position: absolute;
	top: 20px;
	left: 5px;
	font-size: 75%;
	color: transparent;
}

#screen6OrderBTN {

	position: absolute;
	
	right: 50px;
	top: 343px;
	
	width: 130px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	background: url(../images/buttonEnglish.png) center center no-repeat;
}

#screen6OrderBTN:hover {

	background: url(../images/buttonEnglish_hover.png) center center no-repeat;
}

#screen6OrderBTN > a {

	position: absolute;
	top: 20px;
	left: 5px;
	font-size: 90%;
	color: transparent;
}
	
/* ===================================================================== */

/* Screen 7 Styles */

#screen7 {
	
	position: relative;
	overflow: hidden;
	
	height: 320vh;
	
	background-color: #fff;
}

#screen7Maincontainer {

	position: absolute;
	top: 5%;
	left: 50%;
	
	
	width: 1000px;
	height: 2900px;
	
	padding: 0;
	margin-left: -500px;
	
	border: 0;
}

#screen7Imagecontainer {
	
	position: absolute;
	
	right: 0;
	top: 0;
	
	width: 550px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	background: url(../images/Screen7_IMG.png) center center no-repeat;
}

#screen7Mainheader {

	position: absolute;
	top: 50px;
	left: 15px;
	
	width: 450px;
	height: 130px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen7Mainheader > h1 {

	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 220%;
	
	text-align: left;
	margin: 15px 0 0 0 ;
}

#screen7Mainheader > h2 {

	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 130%;
	
	text-align: left;
	margin: 5px 0 0 0 ;
	width: 350px;
	border-top: 1pt solid #666;
	padding-top: 5px;
}

#screen7Contentwrapper1 {

	position: absolute;
	top: 190px;
	left: 15px;
	
	width: 430px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen7Contentwrapper1 > p {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: justify;
}

#screen7Contentwrapper2 {

	position: absolute;
	top: 440px;
	right: 25px;
	
	width: 480px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen7Contentwrapper2 > h3 {
	
	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 110%;
	
	text-align: left;
	margin: 20px 0 0 0 ;
}

#screen7Contentwrapper2 > p {

	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: justify;
	line-height: 8px;
}

#screen7Contentwrapper2 ul li {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: left;
	line-height: 20px;
}

#screen7Contentwrapper3 {

	position: absolute;
	top: 480px;
	right: 100px;
	
	width: 430px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 1pt solid #666;
}

#screen7Contentwrapper3  > p {

	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 50%;
	font-style: italic;
	
	text-align: center;
	line-height: 20px;
}

#screen7OrderBTN {

	position: absolute;
	
	right: 50px;
	top: 400px;
	
	width: 130px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	background: url(../images/buttonEnglish.png) center center no-repeat;
}

#screen7OrderBTN:hover {

	background: url(../images/buttonEnglish_hover.png) center center no-repeat;
}

#screen7OrderBTN > a {

	position: absolute;
	top: 20px;
	left: 5px;
	font-size: 90%;
	color: transparent;
}
	
/* Oils Image Gallery Styles */

#essentialOilsIMGcontainer {

	position: absolute;
	top: 700px;
	left: 50px;
	width: 900px;
	height: 2100px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

.oilImgcontainer {

	position: absolute;
	left: 0;
	top: 0;
	
	width: 135px;
	height: 250px;
	
	padding: 0;
	margin: 0;
	
	border: 0;
	
	transition: ease-in-out .5s;
	-webkit-transition: ease-in-out .5s;
	-moz-transition: ease-in-out .5s;
	-o-transition: ease-in-out .5s;
}

.oilImgcontainer:hover {
	
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
}

.oilContentcontainer {

	position: absolute;
	left: 135px;
	top: 0;
	
	width: 300px;
	height: 250px;
	
	padding: 0;
	margin: 0;
	
	border: 0;
}


.oilContentcontainer > h2 {

	font-family: 'Lato',sans-serif;
	color: #000;
	
	margin: 5px 0 5px 5px;
	
	text-align: left;
}

.oilContentcontainer > p {


	font-family: 'open sans',sans-serif;
	color: #000;
	
	font-size: 65%;
	
	text-align: justify;
	padding: 5px;
}

#oil001 {

	position: absolute;
	top: 0;
	left: 0;
	
	width: 450px;
	height: 250px;
	
	padding: 0;
	margin: 0;
	
	border: 0;
}

#oil002 {

	position: absolute;
	top: 0;
	left: 450px;
	
	width: 450px;
	height: 250px;
	
	padding: 0;
	margin: 0;
	
	border:0;
}

#oil003 {

	position: absolute;
	top: 250px;
	left: 0;
	
	width: 450px;
	height: 250px;
	
	padding: 0;
	margin: 0;
	
	border: 0;
}

#oil004 {

	position: absolute;
	top: 250px;
	left: 450px;
	
	width: 450px;
	height: 250px;
	
	padding: 0;
	margin: 0;
	
	border: 0;
}

#oil005 {

	position: absolute;
	top: 500px;
	left: 0;
	
	width: 450px;
	height: 250px;
	
	padding: 0;
	margin: 0;
	
	border: 0;
}

#oil006 {

	position: absolute;
	top: 500px;
	left: 450px;
	
	width: 450px;
	height: 250px;
	
	padding: 0;
	margin: 0;
	
	border: 0;
}

#oil007 {

	position: absolute;
	top: 750px;
	left: 0;
	
	width: 450px;
	height: 250px;
	
	padding: 0;
	margin: 0;
	
	border: 0;
}

#oil008 {

	position: absolute;
	top: 750px;
	left: 450px;
	
	width: 450px;
	height: 250px;
	
	padding: 0;
	margin: 0;
	
	border: 0;
}

#oil009 {

	position: absolute;
	top: 1000px;
	left: 0;
	
	width: 450px;
	height: 250px;
	
	padding: 0;
	margin: 0;
	
	border: 0;
}

#oil010 {

	position: absolute;
	top: 1000px;
	left: 450px;
	
	width: 450px;
	height: 250px;
	
	padding: 0;
	margin: 0;
	
	border: 0;
}

#oil011 {

	position: absolute;
	top: 1250px;
	left: 0;
	
	width: 450px;
	height: 250px;
	
	padding: 0;
	margin: 0;
	
	border: 0;
}

#oil012 {

	position: absolute;
	top: 1250px;
	left: 450px;
	
	width: 450px;
	height: 250px;
	
	padding: 0;
	margin: 0;
	
	border: 0;
}

#oil013 {

	position: absolute;
	top: 1500px;
	left: 0;
	
	width: 450px;
	height: 250px;
	
	padding: 0;
	margin: 0;
	
	border: 0;
}

#oil014 {

	position: absolute;
	top: 1500px;
	left: 450px;
	
	width: 450px;
	height: 250px;
	
	padding: 0;
	margin: 0;
	
	border: 0;
}

#oil015 {

	position: absolute;
	top: 1750px;
	left: 0;
	
	width: 450px;
	height: 250px;
	
	padding: 0;
	margin: 0;
	
	border: 0;	
}

/* Footer Styles */

#footer {
	
	background-color: #ccc;
	height: 10vh;
	
	z-index: 1;

	position: absolute;
	
	bottom: 0;
}

#copyright {
	
	position: absolute;
	right: 0;
	
	width: 400px;
	height: 20px;
	padding: 0;
	margin: 0;
	border: 0;
}

#copyright > p {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 10px;
	margin-top: 10px;
	margin-left: 40px;
}

/* Miscellaneous */

.white_content {
	
	display: none;
	position: absolute;
	top: 100px;
	left: 50px;
	width: 900px;
	height: 600px;
	
	padding: 0;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	
	box-shadow: 5px 5px 6px #ccc;
	
	background-color: #fff;
	z-index: 98;
	overflow: auto;
}

#supplCloseBTN {

	position: absolute;
	right: 15px;
	top: 15px;
	
	width: 112px;
	height: 37px;
	
	padding: 0;
	margin: 0;
	border: 0;

	background: url(../images/suppl_close_BTN.png) center center no-repeat;
}

#supplCloseBTN  > a {

	font-size: 75%;
	color: transparent;
}

#supplCloseBTN3 {

	position: absolute;
	right: 15px;
	top: 15px;
	
	width: 112px;
	height: 37px;
	
	padding: 0;
	margin: 0;
	border: 0;

	background: url(../images/suppl_close_BTN.png) center center no-repeat;
}

#supplCloseBTN3  > a {

	font-size: 75%;
	color: transparent;
}

#supplCloseBTN4 {

	position: absolute;
	right: 15px;
	top: 15px;
	
	width: 112px;
	height: 37px;
	
	padding: 0;
	margin: 0;
	border: 0;

	background: url(../images/suppl_close_BTN.png) center center no-repeat;
}

#supplCloseBTN4  > a {

	font-size: 75%;
	color: transparent;
}

#supplCloseBTN5 {

	position: absolute;
	right: 15px;
	top: 15px;
	
	width: 112px;
	height: 37px;
	
	padding: 0;
	margin: 0;
	border: 0;

	background: url(../images/suppl_close_BTN.png) center center no-repeat;
}

#supplCloseBTN5  > a {

	font-size: 75%;
	color: transparent;
}

#supplCloseBTN6 {

	position: absolute;
	right: 15px;
	top: 15px;
	
	width: 112px;
	height: 37px;
	
	padding: 0;
	margin: 0;
	border: 0;

	background: url(../images/suppl_close_BTN.png) center center no-repeat;
}

#supplCloseBTN6  > a {

	font-size: 75%;
	color: transparent;
}

/* ===================================================================== */

/* Screen 8 Styles */
#screen8 {
	
	position: relative;
	overflow: hidden;
	
	height: 120vh;
	
	background-color: #f5f5f5;
}

#screen8Maincontainer {

	position: absolute;
	top: 5%;
	left: 50%;
	
	width: 1000px;
	height: 500px;
	
	padding: 0;
	margin-left: -500px;
	
	border: 0;
}

#screen8Imagecontainer {
	
	position: absolute;
	
	right: 0;
	top: 0;
	
	width: 550px;
	height: 600px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	background: url(../images/LaVoe_Product.png) center center no-repeat;
}
	
#screen8Mainheader {

	position: absolute;
	top: 80px;
	left: 15px;
	
	width: 450px;
	height: 130px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen8Mainheader > h1 {

	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 220%;
	
	text-align: left;
	margin: 15px 0 0 0 ;
}

#screen8Mainheader > h2 {

	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 130%;
	
	text-align: left;
	margin: 5px 0 0 0 ;
	width: 350px;
	border-top: 1pt solid #666;
	padding-top: 5px;
}

#screen8Contentwrapper1 {

	position: absolute;
	top: 220px;
	left: 15px;
	
	width: 430px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen8Contentwrapper1 > p {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: justify;
}

#screen8Contentwrapper2 {

	position: absolute;
	top: 440px;
	right: 25px;
	
	width: 480px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen78ontentwrapper2 > h3 {
	
	
	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 110%;
	
	text-align: left;
	margin: 20px 0 0 0 ;
}

#screen8Contentwrapper2 > p {

	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: justify;
	line-height: 8px;
}

#screen8Contentwrapper2 ul li {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: left;
	line-height: 20px;
}

#screen8Contentwrapper3 {

	position: absolute;
	bottom: 1px;
	left: 15px;
	
	width: 430px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 1pt solid #666;
}

#screen8Contentwrapper3  > p {

	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 50%;
	font-style: italic;
	
	
	text-align: center;
	line-height: 20px;
}

#screen8OrderBTN {

	position: absolute;
	
	right: 50px;
	top: 500px;
	
	width: 130px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	background: url(../images/buttonEnglish.png) center center no-repeat;
}

#screen8OrderBTN:hover {

	background: url(../images/buttonEnglish_hover.png) center center no-repeat;
}

#screen8OrderBTN > a {

	position: absolute;
	top: 20px;
	left: 5px;
	font-size: 90%;
	color: transparent;
}

/* ===================================================================== */

/* START Screen 9 Styles */

#screen9 {
	
	position: relative;
	overflow: hidden;
	
	height: 220vh;
	
	background-color: #fff;
}

#screen9Maincontainer {

	position: absolute;
	top: 5%;
	left: 50%;
	
	width: 1000px;
	height: 500px;
	
	padding: 0;
	margin-left: -500px;
	
	border: 0;
}

#screen9Imagecontainer {
	
	position: absolute;
	
	right: 0;
	top: 150px;
	
	width: 450px;
	height: 300px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	border-radius: 25px;
	border: 1px solid white;
	
	background: url(../images/Vitacycle.jpg) center center no-repeat;
}
	
#screen9Mainheader {

	position: absolute;
	top: 0px;
	left: 15px;
	
	width: 650px;
	height: 130px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen9Mainheader > h1 {

	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 220%;
	
	text-align: left;
	margin: 15px 0 0 0 ;
}

#screen9Mainheader > h2 {

	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 130%;
	
	text-align: left;
	margin: 5px 0 0 0 ;
	width: 350px;
	border-top: 1pt solid #666;
	padding-top: 5px;
}

#screen9Contentwrapper1 {

	position: absolute;
	top: 120px;
	left: 15px;
	
	width: 500px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen9Contentwrapper1 > p {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: justify;
}

#screen9Contentwrapper1 > ul {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: justify;
}

#screen9Contentwrapper2 {

	position: absolute;
	top: 440px;
	right: 25px;
	
	width: 480px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen9Contentwrapper2 > h3 {
	
	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 110%;
	
	text-align: left;
	margin: 20px 0 0 0 ;
}

#screen9Contentwrapper2 > p {

	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: justify;
	line-height: 8px;
}

#screen9Contentwrapper2 ul li {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: left;
	line-height: 20px;
}

#screen9Contentwrapper3 {

	position: absolute;
	bottom: 1px;
	left: 15px;
	
	width: 430px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 1pt solid #666;
}

#screen9Contentwrapper3  > p {

	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 50%;
	font-style: italic;
	
	text-align: center;
	line-height: 20px;
}

#screen9OrderBTN_Men{

	position: absolute;
	
	top: 890px;
	left: 25px;
	
	width: 130px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	background: url(../images/buttonEnglish_big_Mens.png) center center no-repeat;
}

#screen9OrderBTN_Men:hover {

	background: url(../images/buttonEnglish_big_Mens_hover.png) center center no-repeat;
}

#screen9OrderBTN_Men > a {

	position: absolute;
	top: 20px;
	left: 5px;
	font-size: 90%;
	color: transparent;
}

#screen9OrderBTN_Women {

	position: absolute;
	
	top: 890px;
	left: 178px;
	
	width: 130px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	background: url(../images/buttonEnglish_big_Womens.png) center center no-repeat;
}

#screen9OrderBTN_Women:hover {

	background: url(../images/buttonEnglish_big_Womens_hover.png) center center no-repeat;
}

#screen9OrderBTN_Women > a {

	position: absolute;
	top: 20px;
	left: 5px;
	font-size: 90%;
	color: transparent;
}

/* END Screen 9 Styles */


/* START Screen 10 Styles */

#screen10 {
	
	position: relative;
	overflow: hidden;
	
	height: 220vh;
	
	background-color: #fff;
}

#screen10Maincontainer {

	position: absolute;
	top: 5%;
	left: 50%;
	
	width: 1000px;
	height: 500px;
	
	padding: 0;
	margin-left: -500px;
	
	border: 0;
}

#screen10Imagecontainer {
	
	position: absolute;
	
	right: 0;
	top: 280px;
	
	width: 450px;
	height: 300px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	border-radius: 25px;
	border: 1px solid white;
	
	background: url(../images/VIPGold.jpg) center center no-repeat;
}
	
#screen10Mainheader {

	position: absolute;
	top: 0px;
	left: 15px;
	
	width: 450px;
	height: 130px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen10Mainheader > img {
	
	text-align: center;
}

#screen10Mainheader > h1 {

	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 220%;
	
	text-align: left;
	margin: 15px 0 0 0 ;
}

#screen10Mainheader > h2 {

	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 130%;
	
	text-align: left;
	margin: 5px 0 0 0 ;
	width: 350px;
	border-top: 1pt solid #666;
	padding-top: 5px;
}

#screen10Contentwrapper1 {

	position: absolute;
	top: 270px;
	left: 15px;
	
	width: 500px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen10Contentwrapper1 > p {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: justify;
}

#screen10Contentwrapper1 > ul {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: justify;
}

#screen10Contentwrapper2 {

	position: absolute;
	top: 440px;
	right: 25px;
	
	width: 480px;
	height: 400px;
	
	padding: 0;
	margin: 0;
	border: 0;
}

#screen10Contentwrapper2 > h3 {
	
	font-family: 'Lato',sans-serif;
	color: #000;
	font-size: 110%;
	
	text-align: left;
	margin: 20px 0 0 0 ;
}

#screen10Contentwrapper2 > p {

	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: justify;
	line-height: 8px;
}

#screen10Contentwrapper2 ul li {
	
	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 70%;
	
	text-align: left;
	line-height: 20px;
}

#screen10Contentwrapper3 {

	position: absolute;
	bottom: 1px;
	left: 15px;
	
	width: 430px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 1pt solid #666;
}

#screen10Contentwrapper3  > p {

	font-family: 'open sans',sans-serif;
	color: #000;
	font-size: 50%;
	font-style: italic;
	
	text-align: center;
	line-height: 20px;
}

#screen10OrderBTN {

	position: absolute;
	
	top: 550px;
	
	width: 130px;
	height: 60px;
	
	padding: 0;
	margin: 0;
	border: 0;
	
	background: url(../images/buttonEnglish.png) center center no-repeat;
}

#screen10OrderBTN:hover {

	background: url(../images/buttonEnglish_hover.png) center center no-repeat;
}

#screen10OrderBTN > a {

	position: absolute;
	top: 20px;
	left: 5px;
	font-size: 90%;
	color: transparent;
}

/* END Screen 10 Styles */