@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	/*min-width:920px;*/
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#bbb;
	background:#333;
}

body.no-touch:before {
	/*content:'no-touch test'	*/
}

a:link, a:visited {
	color:#00c8ff;
	text-decoration:none;
}
body.no-touch a:hover,
body.no-touch a:active {
	color:#00c8ff;
	text-decoration:underline;
}
#bannerLogo {
	position:absolute;
	top:0px;
	left:0px;
	width:210px;
	height:66px;
	background-color:#00c8ff;
	background-image:url('../images/inlighten-logo-white.png'); /* fallback png */
	background-image:url('../images/inlighten-logo-white.svg'), none; /* svg as multiple background for CSS3 browsers */
	background-repeat:no-repeat;
	background-position:center center;
	background-size:168px 48px;
	z-index:20;
}
img { border:none }
p { 
	margin:0;
	padding:0;
	margin-bottom:1em;
	line-height:1.4em;
}
.wrapper {
	position:relative;
	max-width:1920px;
	margin:0px auto;
}
.banner {
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
}
ul#slider {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	position:relative;
}
ul#slider li {
	display:none;
	position:absolute;
	width:100%;
	top:0;
	left:0;
}

ul#slider li#placeholder {
	display:block;
	position:relative;
}

/* pseudo element to maintain banner aspect ratio */
ul#slider li a:before {
  content: "";
  display: block;
  padding-top:26.5625%;
}

ul#slider li a {
	display:block;
	position:relative;
	background-size:cover;
	background-position:center bottom;
}
ul#slider li a#homeSlideinLightenOne {

	background-image:url('../images/landing-slider-01_r.jpg');

}
ul#slider li a#homeSlideExplore {

	background-image:url('../images/landing-slider-02_r.jpg');

}
ul#slider li a#homeSlideShop {

	background-image:url('../images/landing-slider-03_r.jpg');

}
ul#slider li a#homeSlideUsers {

	background-image:url('../images/landing-slider-04_r.jpg');

}

/* preload images */
.banner:after {
	content:url('../images/landing-slider-01_r.jpg') url('../images/landing-slider-02_r.jpg') url('../images/landing-slider-03_r.jpg') url('../images/landing-slider-04_r.jpg');
	position:absolute;
	left:-999em;
	top:-999em;
}

#launchButtons {
	position:relative;
	/*width:920px;*/
	margin:0px auto;
	margin-top:25px;
	text-align:center;
	overflow:hidden;/*clearfix*/
}
#launchButtons a {
	display:inline-block;
	position:relative;
	width:280px;
	height:210px;
	border-left:1px solid #777;
	outline:none;
	text-decoration:none;
	/*IE7*/
	zoom: 1;
    *display: inline;
}

/* TEMP SPACER */
#launchButtons a.noborder {
	border:none;
}

#launchButtons a:first-child {
	border:none;
}
#launchButtons a b {
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	text-align:center;
	font-weight:600;
	letter-spacing:0.16em;
	color:#777;
	text-decoration:none;
	text-transform:uppercase;
}
body.no-touch #launchButtons a:hover b {
	color:#00c8ff;
}
#launchButtons a:active b {
	color:#777;
}
#launchButtons a.explore {
	background-image:url('../images/landing-icon-explore.png');
	background-repeat:no-repeat;
	background-position:top;
}
#launchButtons a.store {
	background-image:url('../images/landing-icon-store.png');
	background-repeat:no-repeat;
	background-position:top;
}
#launchButtons a.users {
	background-image:url('../images/landing-icon-users.png');
	background-repeat:no-repeat;
	background-position:top;
}
/* TEMP SPACER */
.spacer {
	display:inline-block;
	position:relative;
	/*width:280px;*/
	width:300px;
	height:210px;
	/*border-left:1px solid #777;*/
	background:url('../images/landing-icon-spacer-2.png') no-repeat top;
	zoom: 1;/*IE7*/
    *display: inline;/*IE7*/
}
/* TEMP SPACER */
.spacer3 {
	display:inline-block;
	position:relative;
	/*width:280px;*/
	width:300px;
	height:210px;
	/*border-left:1px solid #777;*/
	background:url('../images/landing-icon-spacer-3.png') no-repeat top;
	zoom: 1;/*IE7*/
    *display: inline;/*IE7*/
}

.contactInfo {
	text-align:center;
	width:100%;
	clear:both;
	padding-top:18px;
	font-size:11px;
	color:#777;
}

#mobileCallUs,
a#mobileContact {
	display:none;
}

#footer {
	margin-top:50px;
}
#footer a:link,
#footer a:visited {
	text-decoration:none;
}
body.no-touch #footer a:hover,
body.no-touch #footer a:active {
	text-decoration:underline;
}

#svgBar {
	position:absolute;
	bottom:-2px;/*overhang to cover rounding gap */
	left:0px; 
	width:100%;
	height:30px;
	z-index:100;
}

@media only screen and (max-width: 960px) {
	.wrapper {
		min-width:320px;
	}
	#bannerLogo {
		position:relative;
		width:100%;
		background-position:7.5% center;
	}
	
	ul#slider li a {
		min-height:180px;
	}
	
	#launchButtons {
		margin-top:15px;
		text-align:left;
		overflow:hidden;/*clearfix*/
	}
	
	#launchButtons:before {
/*		content:'Menu';
		display:block;
		margin-left:7.5%;
		margin-bottom:10px;
		color:#ccc;
		font-weight:300;
		font-size:120%;
		text-transform:uppercase;*/
	}
	
	#launchButtons a,
	#launchButtons a:first-child {
		display:block;
		width:85%;
		height:auto;
		border-left:none;
		padding:10px 0px;
		margin-bottom:15px;
		margin-left:7.5%;
		border-right:10px solid #444;
		border-color:#444;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		
		/* disable copy/paste, selection effects on touch */
		-webkit-touch-callout: none;
		-webkit-user-select: none;  /* Chrome all / Safari all */
		-moz-user-select: none;     /* Firefox all */
		-ms-user-select: none;      /* IE 10+ */
		user-select:none;
	}
	
	#launchButtons a.current {
		border-right:10px solid #00c8ff;
		border-color:#00c8ff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		
		transition:border-color .5s ease-in-out;
	}
	
	#launchButtons a.explore, 
	#launchButtons a.store, 
	#launchButtons a.users {
		background-position:10px 10px;
		background-color:#444;
		background-size:86px 86px;		
	}
	
	#launchButtons a b {
		display:block;
		position:relative;
		padding:0px;
		padding-left:110px;
		width:auto;
		color:#999;
		font-size:200%;
		text-align:left;
		line-height:86px;
		font-weight:normal;
	}
	/* TEMP SPACER */
	.spacer,
	.spacer3,
	.noMobile {
		display:none !important;	
	}
	
	#mobileCallUs {
		display:block;
		position:relative;
		width:85%;
		padding:15px 0px;
		margin-bottom:15px;
		margin-left:7.5%;
		color:#00c8ff;
		font-size:200%;
		line-height:1em;
		text-align:center;
		text-transform:uppercase;
		border:1px solid #666666;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#mobileCallUs em {
		display:inline-block;
		position:relative;
		font-size:68%;
		font-style:normal;
		color:#999;		
	}
	
	#mobileCallUs em:before {
		content:" ";
		display:block;
		position:absolute;
		top:2px;
		left:-60px;
		width:64px;
		height:64px;
		background:url('../images/landing-icon-phone.png') no-repeat;
		background-size:64px 64px;		
	}	
	
	a#mobileContact:link,
	a#mobileContact:visited,
	a#mobileContact:hover,
	a#mobileContact:active {
		display:block;
		position:relative;
		width:85%;
		padding:15px 0px;
		margin-bottom:15px;
		margin-left:7.5%;
		color:#fff;
		font-size:200%;
		line-height:1em;
		text-align:center;
		text-transform:uppercase;
		text-decoration:none;
		background:#00c8ff;
	}
	
	a#mobileContact em {
		display:block;
		font-size:68%;
		font-style:normal;
	}
	
	#svgBar { display:none; }

}

/* tablet portrait */
@media only screen and (max-width: 960px) and (min-width: 540px) and (min-height: 640px) {
	ul#slider li a {
		height:280px;
	}
	#launchButtons a,
	#launchButtons a:first-child,
	#mobileCallUs {
		margin-bottom:20px;
	}
}

/* less height */
@media only screen and (max-width: 960px) and (max-height: 640px) {
	ul#slider li a {
		min-height:160px;
	}
	#launchButtons a.explore, 
	#launchButtons a.store, 
	#launchButtons a.users {
		background-size:48px 48px;
	}
	#launchButtons a b {
		padding-left:65px;
		line-height:48px;
		font-size:140%;
	}
}

/* phones */
@media only screen and (max-width: 480px) {

	#launchButtons a,
	#launchButtons a:first-child {
		width:95%;
		margin-bottom:10px;
		margin-left:2.5%;
		border-right:6px solid #444;
	}
	#launchButtons a b {
		font-size:150%;
	}
	#launchButtons a.current {
		border-right:6px solid #00c8ff;
	}
	#mobileCallUs,
	a#mobileContact:link,
	a#mobileContact:visited,
	a#mobileContact:hover,
	a#mobileContact:active {
		width:95%;
		margin-bottom:10px;
		margin-left:2.5%;
		font-size:150%;
	}
	#mobileCallUs em:before {
		left:-40px;
		width:48px;
		height:48px;
		background:url('../images/landing-icon-phone.png') no-repeat;
		background-size:48px 48px;		
	}
	#footer a:first-child:before {
		content:" ";
		display:block;
		clear:left;
	}
}

/* small phone portrait */
@media only screen and (max-width: 360px) {
	#bannerLogo {
		background-position:center center;
	}
}

.responsive {
  width: 100%;
  height: auto;
}