html{
	min-height: 100%;
}

body{
	padding: 0px;
	margin: 0px;
	border: none;
	box-sizing: border-box;
	overflow-x: auto;
	overflow-y: scroll;
}

div.header{
	left: 0px;
	top: 0px;
	width: 100%;
	overflow-x: hidden;
	max-width: 100% !important;
	min-width: 100% !important;
	height: 62px;
	position: fixed;
	border: 0px;
	background: #000000;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
	z-index: 100;
}

div.footer{
	z-index: 110;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 30px;
	position: fixed;
	text-align: center;
	line-height: 30px;
	border: 0px;
	background: #000000;
	box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.6);
}

div.footertable{
	z-index: 120;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 100px;
	position: fixed;
	text-align: center;
	line-height: 100px;
	border: 0px;
	background: #000000;
	box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.6);
}

div.buttonbackdark{
	z-index: 999;
	cursor: pointer;
	left: 12px;
	top: 18px;
	height: 25px;
	width: 50px;
	position: fixed;
	background: none; /*#DCE7ED;*/
	background-image: url("images/ButtonBackDark.png?V=20180102");
 	background-size: 50px 25px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

div.buttonhomedark{
	z-index: 999;
	cursor: pointer;
	left: 74px;
	top: 18px;
	height: 25px;
	width: 50px;
	position: fixed;
	background: none; /*#DCE7ED;*/
	background-image: url("images/ButtonHomeDark.png?V=20180102");
 	background-size: 50px 25px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

div.plugins{
	right: 25px;
	top: 150px;
	width: 100px;
	height: auto;
	position: fixed;
	text-align: right;
	line-height: 30px;
	border: none;
	background: none;
	z-index: 200;
}

div.menu{
	right: 25px;
	top: 0px;
	width: auto;
	height: 62px;
	position: fixed;
	color: #9CA6E1;
	font-size: 14px;
	font-family: arial,verdana,georgia,courier;
	text-align: right;
	vertical-align: middle;
	padding: 15px;
	white-space: nowrap;
	line-height: 30px;
	border: none;
	background: none;
	z-index: 200;
}

div.page{
	left: 0px;
	width: 100%;
	min-height: 100%;
	display: block;
	overflow: auto;
	position: relative;
	border: none;
	z-index: 10;
	padding: 0px;
	box-sizing: border-box;
	margin: 0px;
}

div.pageautoheight{
	left: 0px;
	width: 100%;
	display: block;
	overflow: auto;
	position: relative;
	border: none;
	z-index: 10;
	padding: 0px;
	box-sizing: border-box;
	margin: 0px;
}

div.pagelanding{
	z-index: 121;
	height: 100%;
	min-height: 100%;
	background: #000000; /*#DCE7ED;*/
	background-image: url("images/CapacilonLogoWithStatement.jpg?V=20180102");
	background-size: 40%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

div.pagemessage{
	height: 100%;
	/* min-height: 50%; */
	background: #FFFFFF; /*#DCE7ED;*/
	background-image: url("images/CapacilonDefinition.png?V=20180102");
	background-size: 75%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

div.pagesponsor{
	cursor: pointer;
	height: 50%;
	min-height: 50%;
	background: #000000; /*#DCE7ED;*/
	background-image: url("images/events/CapacilonWebsiteSponsor_IoM_2019.png?V=20180125");
	background-size: 40%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

div.pagesponsor_iosc{
	cursor: pointer;
	height: 50%;
	min-height: 50%;
	background: #000000; /*#DCE7ED;*/
	background-image: url("images/Capacilon_LeadSponsor_IoSC_2018_Banner.png?V=20180102");
	background-size: 40%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

div.pageaboutus{
	height: 50%;
	min-height: 50%;
	background: #FFFFFF; /*#DCE7ED;*/
	background-image: url("images/CapacilonAboutUs.jpg");
	background-size: 40%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 1.0;
	filter: alpha(opacity=100);
	margin: 87px 0px 87px 0px;
}

div.pageaboutusmessage{
	height: 50%;
	min-height: 50%;
	background: #000000; /*#DCE7ED;*/
	background-image: url("images/CapacilonIoTSoupFork.png");
	background-size: 75%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

div.pageservicesmessage{
	height: 50%;
	min-height: 50%;
	background: #000000; /*#DCE7ED;*/
	background-image: url("images/CapacilonIoTHammerNail.png");
	background-size: 75%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

div.pageexpertisemessage{
	height: 50%;
	min-height: 50%;
	background: #000000; /*#DCE7ED;*/
	background-image: url("images/CapacilonIoTRoadmap.png");
	background-size: 75%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

div.page00{
	background: #000000;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

div.page01{
	background: #FFFFFF; /*none*/ /*#9CA6E1*/;
	opacity: 1.0/*0.8*/;
    filter: alpha(opacity=100/*80*/);
}

div.page02{
	background: #FFFFFF;
	/*
	background-image: url("images/BackgroundSketchVineyard.jpg");
	min-height: 100%;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	*/
	opacity: 1.0;
	filter: alpha(opacity=100);
}

div.page03{
	background: #FFFFFF; /*none*/
	opacity: 1.0;
	filter: alpha(opacity=100);
}

div.page04{
	background: #ffffff;
	/*
	background-image: url("images/BackgroundSketchLandStrip.jpg");
	min-height: 100%;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	*/
	opacity: 1.0;
	filter: alpha(opacity=100);
}

div.page05{
	background: #FFFFFF; /*none*/
	opacity: 1.0;
	filter: alpha(opacity=100);
}

div.page06{
	background: #000000;
	/*
	background-image: url("images/BackgroundSketchFireDrill.jpg");
	min-height: 100%;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	*/
	opacity: 1.0;
	filter: alpha(opacity=100);
}

div.page07{
	background: #FFFFFF; /*none*/
	opacity: 1.0;
	filter: alpha(opacity=100);
}

div.page08{
	background: #000000;
	/*
	background-image: url("images/BackgroundSketchSwamp.jpg");
	min-height: 100%;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	*/
	opacity: 1.0;
	filter: alpha(opacity=100);
}

div.pagecontent{
	top: 0px;
    margin: auto;
    width: 50%;
	/* min-width: 750px; */
	position: relative;
	border: 0px;
	z-index: 10;
}

/* @media only screen and (max-width: 768px) {
    div.pagecontent {
        width: 75%;
    }
} */

div.pagecontent_video{
	top: 0px;
    margin: auto;
    width: 640px;
	/* min-width: 750px; */
	position: relative;
	border: 0px;
	z-index: 10;
}

div.pagecontentspacer{
	top: 0px;
	height: 87px;
    width: 100%;
	position: relative;
	border: none;
	z-index: -1;
	opacity: 0.0;
    filter: alpha(opacity=0);
}

div.pagecontentspacerfooter{
	height: 60px;
    width: 100%;
	position: relative;
	border: none;
	z-index: -1;
	opacity: 0.0;
    filter: alpha(opacity=0);
}

div.pagecontentspacerfootertable{
	height: 120px;
    width: 100%;
	position: relative;
	border: none;
	z-index: -1;
	opacity: 0.0;
    filter: alpha(opacity=0);
}

/*div.pagecontentodd{
	background: #9CA6E1;
}

div.pagecontenteven{
	background: #400040;
}*/

div.scrolldown{
	z-index: 1000;
	bottom: 30px;
	position: fixed;
	border: none;
	width: 100%;
	height: 92px;
	opacity: 0.0;
    filter: alpha(opacity=80);
	background-image: url("images/ButtonScrollDownDark.png");
/*    background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}

div.scrollup{
	bottom: 30px;
	position: fixed;
	z-index: 50;
	border: none;
	width: 100%;
	height: 60px;
	opacity: 0.0;
    filter: alpha(opacity=0);
	background-image: url("images/ScrollUpWhiteBorder.png");
/*    background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}

div.googlemap{
	border-radius: 10px;
	width: 100%;
	height: 300px;
	overflow: hidden;
/*	box-shadow: 0 4px 8px 0 rgba(240, 237, 229, 0.90), 0 6px 20px 0 rgba(240, 237, 229, 0.50);*/
}

table.header{
	border-collapse: collapse;
	width: 100%;
}

td.header_logo{
	color: #9CA6E1;
	font-size: 24px;
	font-family: arial,verdana,georgia,courier;
	vertical-align: middle;
	padding: 0px;
}

td.header_rightspacer{
	width: 185px; 
	text_align: right;
	vertical-align: bottom;
	padding: 0px;
}

td.header_middlespacer{
	max-width: 100%;
	text_align: center;
	vertical-align: bottom;
	padding: 0px;
}

td.header{
	width: auto;
	color: #9CA6E1;
	font-size: 14px;
	font-family: arial,verdana,georgia,courier;
	text_align: center;
	vertical-align: bottom;
	padding: 15px;
	white-space: nowrap;
}

table.contentouter{
	border-collapse: collapse;
	border: none 0px;
	width: 100%;
}

td.contentouter{
	text-align: center;
	vertical-align: top;
	padding: 0px;
	width: 100%;
}

table.contentinner{
	border-collapse: collapse;
}

td.contentinner{
	font-size: 20px;
	font-family: arial,verdana,georgia,courier;
	text_align: left;
	vertical-align: top;
	line-height: 28px;
/*	padding: 15px;*/
}

td.contentinner_video{
	font-size: 20px;
	font-family: arial,verdana,georgia,courier;
	text_align: center;
	vertical-align: top;
	line-height: 28px;
/*	padding: 15px;*/
}

td.contentinner00{
	color: #FFFFFF;
}

td.contentinnerodd{
	color: #000000; /*#400040;*/
}

td.contentinnereven{
	color: #FFFFFF; /*#400040;*/
}

a.header_logo{
    text-decoration: none;
	color: #9CA6E1;
	font-weight: normal;
}

a.menu:link {
    text-decoration: none;
	color: #9CA6E1;
	font-weight: bold;
}

a.menu:visited {
    text-decoration: none;
	color: #9CA6E1;
	font-weight: bold;
}

a.menu:hover {
    text-decoration: underline;
	color: #9CA6E1;
	font-weight: bold;
}

a.menu:active {
    text-decoration: none;
	color: #9CA6E1;
	font-weight: bold;
}

a.footer{
	font-size: 16px;
	font-family: arial,verdana,georgia,courier;
}

a.footer:link {
    text-decoration: none;
	color: #9CA6E1;
	font-weight: normal;
}

a.footer:visited {
    text-decoration: none;
	color: #9CA6E1;
	font-weight: normal;
}

a.footer:hover {
    text-decoration: underline;
	color: #9CA6E1;
	font-weight: normal;
}

a.footer:active {
    text-decoration: underline;
	color: #9CA6E1;
	font-weight: normal;
}

a.footertable{
	font-size: 16px;
	font-family: arial,verdana,georgia,courier;
}

a.footertable:link {
    text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}

a.footertable:visited {
    text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}

a.footertable:hover {
    text-decoration: underline;
	color: #ffffff;
	font-weight: normal;
}

a.footertable:active {
    text-decoration: underline;
	color: #ffffff;
	font-weight: normal;
}

a.alt1disabled {
    text-decoration: none;
	color: #A0A0A0; /*#400040;*/
}

a.alt1:link {
    text-decoration: underline;
	color: #000000; /*#400040;*/
}

a.alt1:visited {
    text-decoration: none;
	color: #000000; /*#400040;*/
}

a.alt1:hover {
    text-decoration: underline;
	color: #000000; /*#400040;*/
	font-weight: bold;
}

a.alt1:active {
    text-decoration: underline;
	color: #000000; /*#400040;*/
	font-weight: bold;
}

a.alt2:link {
    text-decoration: underline;
	color: #FFFFFF; /*#804080;*/
}

a.alt2:visited {
    text-decoration: none;
	color: #FFFFFF; /*#804080;*/
}

a.alt2:hover {
    text-decoration: underline;
	color: #FFFFFF; /*#804080;*/
	font-weight: bold;
}

a.alt2:active {
    text-decoration: underline;
	color: #FFFFFF; /*#804080;*/
	font-weight: bold;
}

button.submit {
	width: 300px;
	padding: 5px 20px 5px 20px;
	border: none;
	border-radius: 10px;
	background: #400040;
	font-weight: bold;
	font-size: 18px;
	font-family: arial,verdana,georgia,courier;
	color: #9CA6E1;
	cursor: pointer;
}

input.username {
	width: 300px;
	padding: 5px 20px 5px 20px;
	border: solid;
	border-width: 1px;
	border-color: #400040;
	border-radius: 10px;
	background: #FFFFFF; /*#400040;*/
	font-weight: bold;
	font-size: 18px;
	font-family: arial,verdana,georgia,courier;
	color: #400040;
}

input.password {
	width: 300px;
	padding: 5px 20px 5px 20px;
	border: solid;
	border-width: 1px;
	border-color: #400040;
	border-radius: 10px;
	background: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
	font-family: arial,verdana,georgia,courier;
	color: #400040;
}

span.footertable {
	font-size: 18px;
	font-family: arial,verdana,georgia,courier;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}

span.logonerror {
	font-weight: bold;
	font-size: 24px;
	font-family: arial,verdana,georgia,courier;
	color: #A00040;
}

div.parallax {
    background-image: url("images/CapacilonBackgroundScenic.jpg");
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-color: #9CA6E1;
	left: 0px;
	top: 62px;
	position: fixed;
	z-index: 1;
	border: none;
	height: 100%;
	width: 100%;
	opacity: 0.85;
    filter: alpha(opacity=85);
}

div.homepageforeground {
    background-image: url("images/IoTBlocks.png");
    background-attachment: local;
    background-size: 100% auto;
    background-repeat: no-repeat;
 	background-position: left top;
    width: 25%;
	height: 100%;
/*    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
	background-color: transparent;
*/
	left: 0px;
	top: 150px;
	position: fixed;
	z-index: 100;
	border: none;
	opacity: 0.8;
    filter: alpha(opacity=80);
}

span.contenttitle{
	font-size: 1.5em; 
	font-weight: bold; 
	text-decoration: none;
}

span.contentsubtitle{
	font-size: 1.2em; 
	font-weight: bold; 
	text-decoration: none;
}

span.blogtitle{
	font-size: 1.2em; 
	font-weight: bold; 
}

span.blogdate{
	font-style: italic; 
	font-weight: normal; 
	color: #000000; /*804080;*/
}

span.bloglongtoggle{
	font-style: italic; 
	font-weight: normal; 
    text-decoration: underline;
	color: #000000; /*804080;*/
	cursor: pointer;
}

span.bloglongtoggle:hover {
    text-decoration: underline;
	color: #000000; /*804080;*/
	font-weight: bold;
}

span.bloglonghide{
	display: none;
}

.plain{
	pointer-events: none;
	text-decoration: none;
	color: inherit;
}

.contentnone{
	display: none;
}
/*img.scrolldown{
	opacity: 0.5;
    filter: alpha(opacity=50);
}*/

/*
Hamburger Menu START
*/
#hamburgermenutoggle_div
{
  z-index: 999999;
  display: block;
  position: fixed;
  top: 20px;
  left: 20px;
  -webkit-user-select: none;
  user-select: none;
}

#hamburgermenutoggle_div input
{
  cursor: pointer;
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  opacity: 0;
  z-index: 2;
  -webkit-touch-callout: none;
}

#hamburgermenutoggle_div span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #DCE7ED;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#hamburgermenutoggle_div span:first-child
{
  transform-origin: 0% 0%;
}

#hamburgermenutoggle_div span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#hamburgermenutoggle_div input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #DCE7ED;
}

#hamburgermenutoggle_div input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#hamburgermenutoggle_div input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

#hamburgermenu_ul
{
  position: absolute;
  width: auto;
  border-radius: 0 0 20px 0;
  margin: -100px 0 0 -30px;
  padding: 30px;
  padding-top: 100px;
  padding-bottom: 10px;
  background: #400040;
  list-style-type: none;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  -webkit-font-smoothing: antialiased;
}

#hamburgermenu_ul li
{
  padding: 10px 0 5px 0;
  color: #DCE7ED;
  font-weight: bold;
  font-size: 20px;
  font-family: arial,verdana,georgia,courier;
  cursor: pointer;
  transition: color 0.5s, background 0.5s;
}

#hamburgermenu_ul li:hover
{
	color: #9CA6E1;
	text-decoration: underline;
	text-decoration-color: #9CA6E1;
	transition: color 1.0s;
}

#hamburgermenutoggle_div input:checked ~ ul
{
  transform: none;
}
/*
Hamburger Menu END
*/