/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	*, html, section, nav, body																																*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

* { 
	margin: 0; 
	padding: 0;
	/*Ellipses overflow on MOST, still some weird exceptions and bugs, see below fixes*/
	text-overflow: ellipsis;
}

/*Renable main page scroll*/
html{
	overflow:auto;	
}

/*Get rid of weird space from hidden overflows??*/
section,nav{
	overflow:visible;
}

/*Main text styling*/
body{
	font-family: 'Nunito Sans', san seriff;
	font-weight:300;
	background-color:#222;		
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Combined (override) styles																											*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

/*White text*/
#process ul li,
#process .largeTitle,
#process .smallTitle,
.instructionsText,
.scrollText,
.posterText
{
	color:white!important;
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Light sections																														*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

.lightSection{
	color:#222;
	background-color:#f7f7f7;
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Dark sections																														*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

.darkSection{
	color:#888;	
	background-color:#141414
}

/*The "Immsersive Media Production" title*/
.darkSection .largeTitle, .darkSection .smallTitle{
	color:#b3b3b3;
}

/*Links*/
.darkSection a:link, .darkSection a:active, .darkSection a:visited{
	color:  #b3b3b3
}

/*Link hover*/
.darkSection a:hover{
	color: #e6e6e6;
}

/*Text/input fields*/
.darkSection input,textarea{
	color:white;
	background-color:#222;
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Default link styles																													*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

a {
	text-decoration:none;
}

a:link, a:active, a:visited {
	color:  #444;
}

a:hover {
	color: #777;
	border-bottom: 1px solid #777;
}

/*Reset color on non-hover devices*/
@media (hover: none) {
   a:hover { color: #444; }
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Title styles																																*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

nav,.title{	
	font-family: 'Nunito Sans', san seriff;
	font-weight:200;
	letter-spacing:-0.045em;
	line-height:1.185;
	/*line-height:1.1em;*/
	/*line-height:.925em;*/
	/*color:green!important;*/
}

.largeTitle{
	padding:.25em;
	font-size:1.75em!important;
	/*background-color:blue;*/
}

.mediumTitle{
	display:block;
	padding-bottom:1em;
	/*Need to overread article p styling*/
	font-size:1.25em!important;
	text-align:center;
	line-height:normal;
}

.smallTitle{
	padding-bottom:.15em;
	font-size:1em!important;
	font-weight:400!important;
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Header																																*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

header{
	position:relative;
	/*Default height, changes with JS*/
	height:calc(100vh - 4em);
	text-align:center;
	/*Body BG color is gray -  this is made important so the fade in/out
	of the splash logo and the fade in of YT player look seamless*/
	background-color:black!important;
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Instructions																														*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

/*"Click and drag to look around"*/
#instructions{	
	position:absolute;
	z-index:1000;
	left:50%;
	bottom:.75em;
	transform: translate(-50%);
	background-color:transparent!important;
	display:none;
	/*Enable click through background*/
	pointer-events: none;
	/*And IE support*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
	background: none !important;
}

.instructionsText {	
	text-align:center;
	font-size:1.25em;
	font-weight:400;
	text-shadow: 1px 1px 1px #000000;
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Scroll logo/Scroll text/down arrow																									*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

#scrollLogo{
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	height:auto;
	max-width:7em;	
	background-color:transparent!important;
}

#scrollLogo img{
	position:relative;
	text-align:center;
	max-height:auto;
	width:7em;
}

.scrollText{	
	font-weight:400;
	position:absolute;
	z-index:1000;
	left:50%;
	top:.75em;
	transform: translate(-50%);
	background-color:transparent!important;
	/*Enable click through background*/
	pointer-events: none;
	background: none !important;
	display:none;
}

/*Mobile header down arrow*/
#downArrow{
	width: 3.5em;
	position:absolute;
	left:50%;
	bottom:7em;
	margin-left:-1.75em;
	z-index:2005;	
	display:none;
	/*Get rid of weird mobile safari highlight on touch*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#downArrow a:link, #downArrow a:hover, #downArrow a:active, #downArrow a:visited {
	text-decoration:none;
	border-bottom:0;
}

#downArrow img{
	position:relative;
	text-align:center;
	width:50px;
	height:auto;
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	YouTube player																														*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

#ytplayer, #vrviewPlayer{
	height:100%;
	width:100%;
	opacity:0em!important;
	padding:0em!important;
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Main nav styling																													*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

nav{
	position: relative;
	display:inline-block;
	width:100%;
	font-family: 'Nunito Sans', san seriff;
	text-align:center;		
	background-color:#f2f2f2;	
	z-index:1000;
}

nav a{
	font-size:1.1em;
}

nav ul{
	display:inline-block;
	opacity:0;
}

nav ul li{
	display:inline-block;
	vertical-align: middle;	
	/*background-color:blue;*/
}

/*Only apply navActive styling to the main nav, not the footer nav*/
nav .navActive {
	color:black!important;
	border-bottom: 1px solid black!important;
}

/*The main, normal size, content logo for the sticky menu*/
/*this wasnt resizing correctly in safari*/
/*
.contentLogo li{
	height:1.8em!important;
}
.contentLogo img{
	height:100%;
}
*/
/*the fix*/
.contentLogo img{
	height:1.8em;
	/*background-color:orange;*/
}

/*Remove bottom border from the main content logo, miniNav on hover, yt link*/
.contentLogo a:hover, #miniNavButtons a:hover, #miniNav a:hover, #ytLink a{
	border-bottom: none;
}

.hamburgerMenu{
	position:absolute;
	width:1em!important;
	top:.34em;
	right:1em;
}

.hamburgerMenuContents {
  padding-left: 1.25em;
  position: relative;
}

.hamburgerMenuContents:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  bottom: 0.25em;
  width: 1em;
  background: linear-gradient(
    to bottom, 
    white, white 20%, 
    #f2f2f2 20%, #f2f2f2 40%, 
    white 40%, white 60%, 
    #f2f2f2 60%, #f2f2f2 80%, 
    white 80%, white 100%
  );
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Mini nav additional styling																										*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

#miniNav{
	display:none;
	position:fixed;
	top:0em;
	left:0em;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,.25);
	box-sizing: border-box;
	ms-box-sizing: border-box;
	webkit-box-sizing: border-box;
	moz-box-sizing: border-box;
	/*background-color:yellow;*/
}

/*Styling/stacking for the miniNav links themselves*/
#miniNavLinks{
	display:block;
	padding-top:.5em;
	padding-bottom:1em;
	/*background-color:pink;*/
}

/*miniNav logo and links*/
#miniNav ul li{
	width:100%;
	padding-top:.5em;
	padding-bottom:.5em;
	/*background-color:green;*/
}

/*The main, normal size, content logo for the sticky menu*/
#miniNavButtons li{
	height:2em;
	padding-top:1em!important;
	padding-bottom:1em!important;
	/*background-color:yellow!important;*/
}

#miniNavButtons img{	
	height:100%;
	/*background-color:pink;*/
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Default section and article styling																									*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

section,footer{
	position:relative;
	display:inline-block;
	/*Want this to be 100% so things stay centered*/
	width:100%;
	text-align:center;
}

/*The main margins and padding setup for all sections*/
section{
	box-sizing: border-box;
	ms-box-sizing: border-box;
	webkit-box-sizing: border-box;
	moz-box-sizing: border-box;
	/*background-color:pink!important;*/
	padding:4.9em 2.5em 4em 2.5em;
	/*IMPORTANT!!!!!*/
	display:table;
}

/*Each section itself*/
.sectionContent{
	z-index:100;
	position:relative;
	/*background-color:teal;*/
	display:table-cell;
	vertical-align: middle;
}	

article {
	/*Top and bottom padding*/
	padding: 1em 0em 1em 0em;
	/*background-color:brown;*/
}

article p{
	font-family: 'Open Sans', san seriff;
	font-size:.95em;
	font-weight:300!important;
	line-height:1.4;
	margin:auto;
	max-width:45em;
	text-align:justify;
	-moz-text-align-last: center;
	text-align-last: center;	
	/*background-color:blue;*/
}

.articleTitle{
	font-size:2.25em;
	padding-bottom:.25em;
	/*background-color:purple;*/
}

#ytLink .articleTitle{
	padding-bottom:0;
}

hr, article, .articleTitle{
	max-width: 1100px;
	margin: 0 auto !important;
	float: none !important;
}

article ul{
	list-style-type: none;
	z-index:1000;	
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	BG Fallbacks																														*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

#aboutBG,#featuredBG,#contactBG,#watchBG{
	position:absolute;
	display:block;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	opacity:0;
}

#aboutBG{
	background: url(../images/omni.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

#featuredBG{
	background: url(../images/featuredBG.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contactBG{
	background: url(../images/contactBG.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

#watchBG{
	background: url(../images/watchBG.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	About section																														*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

/*BG gradient before aboutBG fades in*/
#about{
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
	/*background-color:blue;*/
}

/*Main Intro text gradient*/
#aboutTitle, #contactTitle{
	background: #c5deea; 
	background: -moz-linear-gradient(-45deg, #c5deea 0%, #8abbd7 31%, #066dab 100%);
	background: -webkit-linear-gradient(-45deg, #c5deea 0%,#8abbd7 31%,#066dab 100%);
	background: linear-gradient(135deg, #c5deea 0%,#8abbd7 31%,#066dab 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=1 );	
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display:block;
}

/*Main intro title*/
#aboutTitle{
	/*Make font bigger*/
	font-size:3.75em;
	/*Scrunch together a little bit*/
	line-height:1em;
	/*background-color:pink!important;*/
}

#aboutDescription{ 
	font-size:1em;
	letter-spacing:.035em;
	text-transform:italic;
	max-width:30em;
	text-align:center;
	-moz-text-align-last: center;
	text-align-last: center;	
}

.posterText,#aboutDescription{ 
	font-size:1.1em;
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Work/featured																													*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

/*The thumbnails*/
#work li, #featured li{
	display:inline-block;
	box-sizing: border-box;
	ms-box-sizing: border-box;
	webkit-box-sizing: border-box;
	moz-box-sizing: border-box;
	width:100%;
	max-width:23em;
	padding:1em;
}

#work li img, #featured li img{
	vertical-align: middle;
	width:100%;
	height:auto;
	border-radius:17px;
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Featured "poster"																														*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

/*The main poster logo*/
.posterLogo{
	width:100%;
	max-width:27em;
	/*background-color:green;*/
}

/*The description text*/
.posterText{ 
	text-align:justify;
	-moz-text-align-last: center;
	text-align-last: center;
	max-width:37em;
	padding:1.5em 0em 1em 0em;
}

.posterText a:hover{
	border:0;
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	YouTube link																														*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

/*Initial BG gradient for YT link section*/
#ytLink{
	background-color:white;/*Fallback*/
	background: -moz-linear-gradient(top,  #ededed 100%, #f6f6f6 47%, #ffffff 0%  );
	background: -webkit-linear-gradient(top,  #ededed 100%, #f6f6f6 47%, #ffffff 0%);
	background: linear-gradient(to bottom,  #ededed 100%, #f6f6f6 47%, #ffffff 0%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='##ffffff',GradientType=0 );
	padding-top:1.25em;
	padding-bottom:.25em;
	/*background-color:blue;*/
}

#ytLink:hover{
	cursor:pointer;
}

/*Overwrite default link colors to match YT logo*/
#ytLink a,#ytLink p{
	color:#282828;
}

#ytLinkBG{
	background: rgb(204,51,51);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(204,51,51,1) 0%, rgba(204,0,51,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(204,51,51,1) 0%,rgba(204,0,51,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(204,51,51,1) 0%,rgba(204,0,51,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc3333', endColorstr='#cc0033',GradientType=1 );
	height:100%;
	width:100%;
	/*Margin to compensate for Xem border on <section>*/	
	margin:-1.25em 0em 0em -2.5em;
	position:absolute;
	opacity:0;
}

#youtubeLogo{
	width:3.5em;
	padding:1.25em 1.25em 1.5em 1.25em;
}

.thickTitle{
	font-weight:500;
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Services section																													*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

#services hr{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #888;
	margin: 1em 0;
	padding: 0; 
}

.serviceListingsContainer{
	position:relative;
	-webkit-columns: 2 20em;
	-moz-columns: 2 20em;
	columns: 2 20em;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;
	-webkit-olumn-rule: 1px dotted #ddd;
	-moz-column-rule: 1px dotted #ddd;
	column-rule: 1px dotted #ddd;
	padding:2em 0em 2em 0em;	
}

.serviceListingsContainer li{
	width:100%;
	max-width:30em;
	display: inline-block;
	text-align:left;	
}

/*Reset to left justify*/
.serviceListingsContainer span, .serviceListingsContainer p{
	text-align:left!important;
	-moz-text-align-last: left!important;
	text-align-last: left!important;
}

/*Pad the bottom of each service listing*/
.serviceListingsContainer p{
	padding-bottom:1em;
}

.serviceListingsContainer a:link, .serviceListingsContainer a:active, .serviceListingsContainer a:visited{
	font-weight: 400;
}

.serviceGroupTitle a:hover {
	border-bottom: 1px solid;
}

.serviceListingsContainer a:hover{
	border-bottom: 0px;
}

#applications li p{
	text-align:center;
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Process section																														*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

#overlay{
	position:absolute;		
	height:100%;
	width:100%;
	background:url('../images/overlay.png');
	z-index:2;
	top:0;
	left:0;
}

.transparentOverlay{
	position:absolute;		
	height:100%;
	width:100%;
	z-index:2;
	top:0;
	left:0;
	background: rgba(0, 0, 0, 0.25);	
}

#processBG{
	position:absolute;
	top:0em;
	left:0em;
	height:100%;
	width:100%;
	z-index:1;
	overflow:hidden;
	opacity:0;
}

#process{
	min-height:28em;
}

#process li{
	list-style-type:none;
	display:inline-block;
	vertical-align: top;
	min-width:10em;
	max-width:15%;
	padding:0em .75em .75em .75em;
}

#process ul{
	-webkit-columns: 5 15%;
	-moz-columns: 5 15%;
	columns: 5 15%;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;
	/*background-color:aqua;*/
}

.multiListFormatting li{
	padding-bottom:1.75em;
	/*background-color:teal;*/
}

/*Overwrite text-align:justify*/
.multiListFormatting p{
	text-align:center;
	-moz-text-align-last: center;
	text-align-last: center;	
	font-size:.8em;
}

/*Quick fix to get this list wrangled in line*/
#applications ul li{
	display:block!important;
	padding-bottom:.25em;
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	How to watch																														*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

/*"There are three basic options for watching VR"*/
#howToWatch .mediumTitle{
	padding:1.25em 0em 1.25em 0em;
	/*background-color:blue;*/
}

#howToWatch a{
	font-weight:400;
}

#howToWatch a:hover{
	border:0;
}

#whereToWatch{
	background-color:white;/*Fallback*/
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
	padding:3.25em;
}

/*Social media icons - intitial opacity*/
#publishServices li{
	display:inline-block;
	padding:0em .75em .85em .75em;
	opacity:.75;
}

#publishServices li:hover{
	opacity:1;
}

/*Remove default link underline*/
#publishServices a:hover{
	border-bottom: 0;	
}

/*Social media image size*/
#publishServices img{
	height:1.35em;
	width:auto;
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Contact section																														*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

#contact{
	background: #000;
	background: -moz-linear-gradient(top,  #000000 0%, #222222 100%, #ededed 100%);
	background: -webkit-linear-gradient(top,  #000000 0%,#222222 100%,#ededed 100%);
	background: linear-gradient(to bottom,  #000000 0%,#222222 100%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#222222',GradientType=0 );
}	


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Contact input form																													*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

/*Remove blue border when selected in mobile*/
input:focus,select:focus,textarea:focus,button:focus {
    outline: none;
}

#inputForm{
	overflow:hidden;
	text-decoration:none
}

#inputForm li{
	list-style-type:none;
	width:100%;
}

/*Text input forms*/
input, textarea{
	display:inline-block;
	width:100%;
	max-width:37.5em;
	border: none;
	margin-bottom:.75em;
	/*Rounded corner*/
	border-radius:.3em;
	padding:.5em;
	box-sizing: border-box;
	ms-box-sizing: border-box;
	webkit-box-sizing: border-box;
	moz-box-sizing: border-box;
	overflow:hidden;
	font-family: 'Open Sans', san seriff;
	font-weight:300;
	font-size:1em;
}

/*Text area input form*/
textarea{
	height:4em;
	resize:vertical;
}

/*Text, email input form max-width*/
input[type=text],input[type=email]{
	max-width:37.5em;
}

/*Submit button*/
input[type=submit]{
	padding:.5em;
	border: .05em solid white;
	width:25%;
	max-width:25em;
	font-size:1em;
	background-color:transparent;
}

input[type=submit]:hover {
	background: rgba(250, 250, 250, 0.4);
	cursor:pointer;
}

/*Email link*/
#email{
	display:inline-block;
	margin-top:1.5em;
	margin-bottom:1.5em;
}

#email a:link, #email a:active, #email a:visited{
	border:0;
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Footer																																*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

footer{	
	text-align:center;
}

/*Main footer container*/
#footerContainer{
	padding:2em;
}

/*Footer content logo*/
#footerIconLogo{
	display:inline-block;
	width:3.5em;
	margin-bottom:3em;
	padding-top:2em;
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Footer nav																															*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

/*Remove list styling*/
footer li{
	list-style-type: none;
}

/*Remove hover border from footer links*/
footer a:link, footer a:visited, footer .navActive{
	border:0;
}

/*Reset color on non-hover devices*/
@media (hover: none) {
   footer a:hover { color: #444; }
}

/*Divider line*/
footer hr{
	border: 0;
	height: 1px;
	width:25%;
	background-color: #444;
}

/*"Back to Top" link*/
#backToTop {
	font-size:.8em;
	padding:2em 0em 4em 0em;
}

/*Resture underline on hover (hidden in footer)*/
#backToTop a:hover {
	border-bottom: 1px solid;
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Sub-footer																															*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

#subFooter{
	padding:3em;
	font-size:.75em;
	text-align:center;
	background-color:#111;
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Max width 500px																														*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

@media only screen and (max-width: 500px){

	/*Styling for article titles*/
	.articleTitle{
		font-size:2.4em;
	}

	#aboutTitle{
		font-size:3em!important;
	}

	.posterText,#aboutDescription{ 
		font-size:1em;
	}

	#publishServices li{
		width:100%;
		padding:.75em 0em .75em 0em;
	}
	

	/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
	/*	Reformat main nav																													*/
	/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

	nav ul li{
		width:100%;
		padding-top:.5em;
		padding-bottom:.5em;
		/*background-color:green!important;*/
	}
	
	/*The main, normal size, content logo for the sticky menu*/
	.contentLogo li, #miniNavButtons li{
		height:2em;
		/*background-color:teal;*/
	}
	
	/*Content logo just a little smaller*/
	.contentLogo img{
		max-width:9.5em;
	}
	
	/*TOP MENU PADDING HERE*/
	.contentLogo li{
		padding:0em;
		padding-top:1.5em;
		padding-bottom:.5em;
		/*background-color:yellow!important;*/
	}
	
	#navLinks,#miniNavLinks{
		padding:0!important;
		padding-bottom:1em!important;
		/*background-color:pink!important;*/
	}

}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Min width 501px																														*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

@media only screen and (min-width: 501px){

	#stickyNav ul li {
		padding:3.25em;
		padding-left:2.68em;
		padding-right:2.68em;
		font-size:.8em;
	}

	section {	
		display:table;
	}

	/*Split applications list into columns*/
	.threeColumnArrangement{
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
	}
	
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Mobile cardboard viewer																												*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

#portraitViewer{
	position:relative;
	display:inline-block;
}

#cardboardContainer, #cardboardContainerMatte{
	position: fixed;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	height:100%;
	width:100%;
	display:none;	
	overflow:hidden;
	z-index:50000;
}

#cardboardContainer{
	z-index:2000;
	bottom:0px;
}

#cardboardContainerMatte{
	z-index:1999;
	top:0px;
	background-color:black!important;
}

#touchDiv{
	z-index:2001;
	display:none;	
}

#cardboardContainer ul{
	/*Hacks to remove unwanted space*/
	-webkit-padding-start: 0px;
	font-size: 0; 
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Misc. classes																														*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

.socialMediaLink{
	display:inline-block;
	height:1em;
	width:auto;
	padding:.7em 0em 0em .5em;
	opacity:.2;
	cursor:pointer;
}

.socialMediaLink:hover{
	opacity:.5;
}

.fadeInSection{
	opacity:0;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;           /* Non-prefixed version, currently */
	-o-user-select: none;
	pointer-events: none
}

.resizeWithNav{
	height:auto;
}