* {font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif}
p {font-family:'Times New Roman', Times, serif}
ul li {font-family: 'Times New Roman', Times, serif}
#logo h1 b i {font-family:serif}


body {min-height:1300px}
#wrapper {height:inherit;}

#logo {margin:10px 35px}
#logo h1 {color:blue; float:left; font-size:54px}
#logo img {float:right; margin:30px 35px}

#nav {clear:both; background-color:aliceblue; display:block; position:sticky; top:0; z-index:2;}
#nav ul {display:block; margin:auto; text-align: center}
#nav ul li {list-style-type: none; font-size:48px; font-weight:bold; display:inline;}
#nav button {color:black; border:grey 3px outset; background-color:white; font-size:inherit; margin:0}
#nav button:hover {color:white; background-color:black; cursor:pointer;}


.sectionhead {font-size:60px; font-weight:bolder; text-align:center; border-top:solid 3px; clear:both;}
.sectionheadarticle {background-color:aliceblue; display:block; font-size:50px; font-weight:bolder; text-align:center; border-top:solid 3px; clear:both; margin-bottom: 10%;}


.contentarea.products {margin:auto; width:1000px;}

.product {width:200px; height:300px; border:solid black 3px; background-color:aliceblue; display:inline-block;
				margin : 0 20px 20px; cursor:pointer; border-radius:15px}
.product img {width:inherit; border-bottom:inherit; border-radius: 12px 12px 0 0}
.product p {margin:10px 20px; font-size:20px;}
.cost {color:brown;}


.newsarticle {font-size:60px; font-weight:bolder; text-align:center; margin:0px;}

.contentarea.news {margin:auto; width:800px;}
.contentarea.news button {color:black; border:grey 3px outset; background-color:white; font-size:inherit; margin:30px auto; font-size:48px; font-weight:bold; display:block; width:33%;}
.contentarea.news button:hover {color:white; background-color:black; cursor:pointer;}

.newsarticle {width:700px; height:200px; border:solid black 3px; background-color:aliceblue; display:block; margin:30px auto; border-radius:15px;}
.newsarticle a img {width:700px; border-bottom:solid black 3px; border-radius: 10px 10px 0 0;}
.newsarticle p {margin:-10px 20px 10px; font-size:20px;}


.researchartic {display:none;}

.contentarea.research {margin:auto; width:1150px;}
.contentarea.research.west {margin:auto; width:1055px;}

.researcharticle {width:200px; height:420px; border:solid black 3px; background-color:aliceblue; display:inline-block;
				margin : 0 5px 20px 5px; border-radius:20px;}
.researcharticle a {width:inherit;}
.researcharticle img {width:inherit; border-bottom:inset grey 3px; border-radius: 18px 18px 0 0;}
.researcharticle p {margin:10px 20px; font-size:20px; font-weight:bold;}



.contentarea.about {margin:auto auto 200px; width:560}
.contentarea.about img {margin-left:88%; border:grey 3px outset;}
.employeevideo {display:block; margin:auto; border:solid 3px; border-radius:15px;}




.contentarea {display:none;}

.qnabox {display:none; width:80%; margin:80px auto; border:black 3px solid;}


.advertisement {display:block; width: 500px; height: 600px; border:outset 7px grey; border-radius:6px; background-color: white; position:sticky; z-index: 10; position:fixed; top: 50%; left: 50%;  transform: translate(-50%, -50%);}
.advertisement p {text-align: center; font-size: 36px;}
.advertisement button {color:black; border:grey 3px outset; background-color:white; font-size:inherit; margin:30px auto; font-size:48px; font-weight:bold; display:block; width:13%; border-radius:300px;
  position: absolute;
  top: -4%;
  left: 92%;
  transform: translate(-50%, -0%);
  -ms-transform: translate(-50%, -50%);
  z-index: 25;
}
.advertisement button:hover {color:white; background-color:black; cursor:pointer;}
.adBackdrop {display:block; height: auto; width:100%; opacity:90%; background-color: white; position:sticky; z-index: 8; position:fixed; top: 50%; left: 50%;  transform: translate(-50%, -50%);}


.show {display: block;}

.hide {display: none;}


.leftarea {float:left; display:inline-block;}
.leftarea img {width:35; border:inset 5px gray; border-radius:15px;}
.rightarea {float:right; display:inline-block; width:55%; border:inset 4px grey; border-radius:15px; margin-bottom: 30px;}
.rightarea img {margin: 0px 20px 20px 20px; border-radius:8px;}
.rightarea p {font-size:24px; margin:40px 30px; font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}
.rightarea ul li {	font-size: 24px; margin: 10px 30px; font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}
.rightarea ol li {	font-size: 24px; margin: 10px 30px; font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}

.researchdoc {width:80%; margin:auto}

#gohome {clear:both; background-color:aliceblue; display:block;}
#gohome ul {display:block; margin:auto; text-align: center}
#gohome ul li {list-style-type: none; font-size:54px; font-weight:normal; display:inline; color:black; border:grey 3px outset; background-color:white; margin:0 5px;}
#gohome ul li:hover {color:white; background-color:black; cursor:pointer;}
#gohome ul li a {color:inherit; text-decoration:none; font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; margin:0 5px;}

#nav ul li button {font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif}

h2.east {
	clear: both;
	color: blue;
	float: left;
	font-size: 54px;
	display: inline-block;
	text-align: center;
	margin: 10px 120px 0 110px;
}
h2 img {
	width: 120px;
}

.galleryIMG {width:200px; height:360px; display:inline-block;
				margin : 0 5px 20px 5px; border-radius:5px;}
.galleryIMG a {width:inherit;}
.galleryIMG img {width:inherit;}
.galleryIMG p {margin:10px 20px; font-size:30px; font-weight:bold; text-align: center; font-family:'Times New Roman', Times, serif;}

.articlearea { width: 75%; border:outset 12px grey; border-radius:8px; margin: 40px auto 30px; background-color: white;}
.articlearea p {font-size:130%; margin:50px 40px; font-family:'Times New Roman', Times, serif; text-indent:7%;}

#topbararticle {clear:both; background-color:aliceblue; display:block; margin-bottom: -30px;}
#topbararticle ul {display:block; margin:auto; text-align: center}
#topbararticle ul li {list-style-type: none; font-size:54px; font-weight:normal; display:inline; color:black; border:grey 3px outset; background-color:white; margin:0;}
#topbararticle ul li:hover {color:white; background-color:black; cursor:pointer;}
#topbararticle ul li a {color:inherit; text-decoration:none; font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; margin:0 5px;}

.pistachio p {color:greenyellow;}


.qnabut {clear:both; background-color:aliceblue; display:block; margin-bottom: -30px;}
.qnabut {display:block; margin:auto; text-align: center}
.qnabut li {list-style-type: none; font-size:54px; font-weight:normal; display:inline; color:black; border:grey 3px outset; background-color:white; margin:0;}
.qnabut li:hover {color:white; background-color:black; cursor:pointer;}
.qnabut li a {color:inherit; text-decoration:none; font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; margin:0 5px;}



p.QNAdate {font-style: italic; font-size: 20px; text-indent: 0%; margin:0; margin-left:1%}
p.QNAname {font-style: italic; font-size: 24px; text-indent: 0%; margin:0; margin-left:1%}
p.QNAfrom {font-style: italic; font-weight:bold; font-size: 24px; text-indent: 0%; margin:0; margin-left:1%; margin-bottom: -2%;}
p.QNAname {font-style: italic; font-weight:bold; font-size: 24px; text-indent: 0%; margin:4% 0 3% 1%;}

p.QNAquestion { font-size: 120%; text-indent: 3%; margin:3% 0 5% 4%;}
.QNAicon {display: block; width:17%; margin-left: 1%; margin-bottom: 2%; float:left;}
p.QNAreply {font-size: 20px; text-align:top; vertical-align: top;  text-indent: 5%; margin:0; margin-left: 3%; margin-top:5%}
.rightqna {display: block; width:80%; margin: 0 0 5% 18%}