/* IDENTIV LANDING PAGE DESIGN - MARCH 2014 - ROB RASMUSSEN ON BEHALF OF IDENTIV */
/* this is a mobile first design */

/* 
	identiv red 		#c60c30 	
	identiv grey	#9a9b9c
*/


@font-face {
	font-family: 'FrutigerLight';
	src: url('../fonts/Adobe - FrutigerLTStd-Light.eot');
	src: local('?'), url('../fonts/Adobe - FrutigerLTStd-Light.woff') format('woff'), url('../fonts/Adobe - FrutigerLTStd-Light.ttf') format('truetype'), url('../fonts/Adobe - FrutigerLTStd-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	background: #fafafa;
	margin: 0;
	padding: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#page {
	width: auto;
}

div.header {
	background-color: white;
	width: auto;
	height: auto;
	padding: 0.938em 0em;  /* 15px 0px */
}

		#logo {
			float: left;
		}
		
				#logo img {
					width: 85%;
				}
		
		p.slogan {
			float: right;
			text-align: left;
			width: auto;
			margin: 0.500em 1.000em 0 0;
			padding: 0;
			font-family: 'FrutigerLight', Arial, sans-serif;
			font-weight: normal;
			font-size: 0.813em;
			color: #707070;
		}
		
.mainbody {
	width: auto;
	padding: 0.500em;
}	

	.thehighlight {
		width: auto;
		background:white;
		padding: 0.500em;
	}

	.highlighttext h1 {
		margin: 0 0 0.250em 0; /* 0 0 4px 0 */
		padding: 0;
		font-family: 'FrutigerLight', Arial, sans-serif;
		font-weight: normal;
		font-size: 18px;
		color: #c60c30;
		line-height: 1.125em; /* 18px */
	}
	
	.highlighttext h2 {
		margin: 0 0 0.875em 0;
		padding: 0;
		font-family: 'FrutigerLight', Arial, sans-serif;
		font-weight: normal;
		color: #373636;
		font-size: 16px;
		line-height: 1.438em; /* 23px */
	}
	
		.highlighttext h2 span {
			font-size: 1.375em;
		}
	
	.highlighttext ul {
		margin: 0.500em 0;
		padding: 0.500em 0;
		font-family: 'FrutigerLight', Arial, sans-serif;
		font-weight: normal;
		color: #6c6c6c;
		font-size: 0.875em;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	
		.highlighttext ul li {
			margin: 0 0 0.313em 1.125em;
			padding: 0 0 0 0;
		}
		
		.highlighttext ul li:last-child {
			margin: 0 0 0 1.125em;
		}
		
	.thegrabberimg img {
		display: none;
	}
	
	.randomimage {
		max-width: 100%;
		margin: 0 0 15px 0;
		border-radius: 10px;
        -moz-border-radius: 10px;
        -khtml-border-radius: 10px;
        -webkit-border-radius: 10px;
	}
		
	p.highlightoutro {
		margin: 0 0 1.000em 0;
		color: #6c6c6c;
		font-size: 0.938em; /* 15px */
		font-family: 'FrutigerLight', Arial, sans-serif;
		font-weight: normal;
		line-height: 1.438em; /* 23px */
	}	
	
			p.highlightoutro strong {
				font-weight: normal;
				color: #c60c30;
			}
			
	p.aboutidentiv {
		margin: 20px 0 0 0;
		color: #6c6c6c;
		font-size: 13px;
		font-family: 'FrutigerLight', Arial, sans-serif;
		font-weight: normal;
		line-height: 1.438em; /* 23px */
	}	
	
	p.aboutidentiv strong {
		color: #3e3e3e;
		font-weight: normal;
		font-size: 15px;

	}	
			
	p.quote {
		margin: 1.000em 0 1.000em 0;
		color: #6c6c6c;
		font-size: 0.938em; /* 15px */
		font-family: 'FrutigerLight', Arial, sans-serif;
		font-weight: normal;
		line-height: 1.438em; /* 23px */
		font-style: italic;
	}		
			
	p.highlightoutrosmaller {
		font-size: 13px;
		font-family: 'FrutigerLight', Arial, sans-serif;
		font-weight: normal;
	}		
			
	p.finalline {
		color: #c60c30;
		font-size: 1.063em; /* 17px */
		font-family: 'FrutigerLight', Arial, sans-serif;
		font-weight: normal;
		line-height: 1.438em; /* 23px */
	}		
	
	p.fineprint {
		margin: 0 0 1.000em 0;
		color: #6c6c6c;
		font-size: 13px;
		font-family: 'FrutigerLight', Arial, sans-serif;
		font-weight: normal;
		line-height: 1.438em; /* 23px */
	}
			
.highlightform h3 {
	width: auto;
	background: #c60c30;
	text-align: center;
	font-family: 'FrutigerLight', Arial, sans-serif;
	font-weight: normal;
	font-size: 1.063em; /* 17px */
	color: white;
	padding: 0.750em; /* 12px */
	margin: 1.000em 0 0 0;
}			

.highlightform form {
	margin: 0;
	padding: 0;
	width: auto;
	background: -moz-linear-gradient(top,  rgba(208,208,208,1) 0%, rgba(229,229,229,0.77) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(208,208,208,1)), color-stop(100%,rgba(229,229,229,0.77))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(208,208,208,1) 0%,rgba(229,229,229,0.77) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(208,208,208,1) 0%,rgba(229,229,229,0.77) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(208,208,208,1) 0%,rgba(229,229,229,0.77) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(208,208,208,1) 0%,rgba(229,229,229,0.77) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#c4e5e5e5',GradientType=0 ); /* IE6-9 */

}

		.highlightform form fieldset {
			border: none;
			margin: 0px auto;
			padding: 3%;
			
		}
		
				.highlightform form legend {
					display: none;
				}
				
				.highlightform form div {
					display: block;
					margin: 0 0 10px 0;
				}
				
				.highlightform form div:last-child {
					margin: 0 0 0 0;
				}
				
						.highlightform form label {
							display: block; 
							font-family: 'FrutigerLight', Arial, sans-serif;
							font-weight: normal;
							color: #575656;
							font-size: 0.875em; /* 14px */
							margin: 0;
							padding: 0 0 0 1.5%;
						}
						
						.highlightform form input[type='text'], .highlightform form input[type='tel'] {
							width: 92.5%;
							padding:  3% 1.5% 1.5% 1.5%;
							height: auto;
							border: 1px solid #ccc;	
							font-family: 'FrutigerLight', Arial, sans-serif;
							font-weight: normal;
							font-size: 0.938em; /* 15px */
							line-height: 1.500em;
						}
						
						.highlightform form input[type='text']:focus, .highlightform form input[type='tel']:focus {
							border-left: 7px solid #c60c30;
						}
						
		fieldset.thesubmit {
			text-align: center;
		}
						
		.highlightform form input[type='submit'] {
			text-align: center;
			margin: 0;
			padding: 0.625em;
			background: #c60c30;
			color: white;
			border: none;
			font-size: 0.813em;
			cursor: pointer;
		}		
		
				.highlightform form input[type='submit']:hover {
					background: #9c0825;
				}		
		
	.bottomhalf {
		background: white;
		padding: 1.000em;
		border-top: 3px solid #c60c30;
		margin: 0;
	}	
	
	.bottomhalf img {
		float: left;
		padding: 0;
		margin: 0 5% 3% 0;
		width: 35%;
	}
	
	.bottomhalf p {
		font-family: 'FrutigerLight', Arial, sans-serif;
		font-weight: normal;
		font-size: 0.875em;
		line-height: 1.563em;
		color: #9a9b9c;
		margin: 0;
	}
	
	.bottomhalf p strong {
		color: #c60c30;
		font-weight: normal;
	}
	
.footer {
	width: auto;
	padding:  0.500em 1.000em;
	text-align: center;
}	

		.footer p {
			margin: 0;
			padding: 0;
			font-family: 'FrutigerLight', Arial, sans-serif;
			font-weight: normal;
			color: #4e4e4e;
			font-size: 0.750em;
		}

/* tablets */
@media screen and (min-width: 30.063em) and (max-width: 48.000em) { /* 481px - 768px */
	
	div#page {
		width: 95%;
		margin: 0px auto;
	}

div.header {
	padding: 3.25% 0;  /* 15px 0px */
}

		#logo {
			float: left;
		}
		
				#logo img {
					width: 100%;
				}
		
		p.slogan {
			margin: 0.375em 1.000em 0 0;
			font-size: 1.125em;
			color: #c60c30;
		}
		
.mainbody {
	width: auto;
	padding: 0; 
}	

	.thehighlight {
		padding: 2%;
		border-top: 1px solid #ccc;
	}

	.highlighttext h1 {
		margin: 0 0 0.250em 0; /* 0 0 4px 0 */
		font-size: 21px;
		line-height: 26px;
	}
	
	.highlighttext h2 {
		font-size: 16px;
		line-height: 1.438em; /* 23px */
	}
	
		.highlighttext h2 span {
			font-size: 20px;
		}
	
	.highlighttext ul {
		margin: 1.5% 0;
		padding: 1.5% 0;
		color: #6c6c6c;
		font-size: 15px;
		border-top: none;
		border-bottom: none;
	}
	
		.highlighttext ul li {
			margin: 0 0 1% 1.125em;
		}
		
		.highlighttext ul li:last-child {
			margin: 0 0 0 1.125em;
		}
		
		.thegrabberimg img {
		display: inline-block;
		float:left; 
		width: 25%!important;
		margin: 0 3% 0 0;
	}	
	
	.thegrabbertext {
		float: right;
		width: 70%;
	}	
		
	p.highlightoutro {
		display: block;
	}	
	
.highlightform h3 {
	font-size: 19px; 
	color: white;
	padding: 10px; 
}		

				.highlightform form div {
					display: inline-block;
					float: left;
					margin: 0 0 10px 0;
					width: 50%;
				}
				
						.highlightform form label { 
							font-size: 17px;
							margin: 0;
							padding: 0;
						}
						
						.highlightform form input[type='text'], .highlightform form input[type='tel'] {
							width: 90%;
							padding:  2% 1% 1% 1%;
							font-size: 17px;
						}
								
		.highlightform form input[type='submit'] {
			text-align: center;
			margin: 0;
			padding: 13px;
			background: #c60c30;
			color: white;
			border: none;
			font-size: 15px;
			cursor: pointer;
		}		
		
				.highlightform form input[type='submit']:hover {
					background: #9c0825;
				}		
		
	.bottomhalf {
		border-top: none;
		margin: 0.750em 0 0 0;
	}	
	
	.bottomhalf img {
		margin: 0 5% 2% 0;
		width: 35%;
	}
	
	.bottomhalf p {
		font-family: 'FrutigerLight', Arial, sans-serif;
		font-weight: normal;
		font-size: 0.875em;
		line-height: 1.563em;
		color: #9a9b9c;
		margin: 0;
	}
	
	.bottomhalf p strong {
		color: #c60c30;
		font-weight: normal;
	}
	
.footer {
	width: auto;
	padding:  0.500em 1.000em;
	text-align: center;
}	

		.footer p {
			margin: 0;
			padding: 0;
			font-family: 'FrutigerLight', Arial, sans-serif;
			font-weight: normal;
			color: #4e4e4e;
			font-size: 0.750em;
		}
	
	
	
}						
		
/* tablet adjustment for bullet points to go two columns */
@media screen and (min-width: 650px) and (max-width: 48.000em) { /* 481px - 768px */
						
	.highlighttext ul {
		margin: 1.5% 0;
		padding: 1.5% 0;
		color: #6c6c6c;
		font-size: 15px;
		border-top: none;
		border-bottom: none;	
	}
	
		.highlighttext ul li {
			margin: 0 2% 0.313em 1.125em;
			padding: 0 0 0 0;
			float: left;
			width: 45%;
		}

		.highlighttext ul li:nth-child(even) {
					margin-right:0;
				}
		
		.highlighttext ul li:last-child {
			margin: 0 0 0 1.125em;
		}
		
}

/* desktops */
@media screen and (min-width: 48.001em) { /* 768.1px and up */


body {
	background: url(../images/background-img.gif) top left repeat-x #e6e6e6; /* needs to be changed */
}

div#page {
	width: 92%;
	margin: 0px auto;
}

div.header {
	background-color: white;
	padding: 1.250em 0em;  /* 24px 0px */
	margin: 0px auto;
	height: auto;
	max-width: 56.250em; /* 900px */
}

		#logo {
			float: left;
			margin: 0.125em 0 0 0;
		}
		
				#logo img {
					width: 100%;
				}
		
		p.slogan {
			margin:0.188em 1.000em 0 0;
			font-size:1.625em; /* 26px */
			color: #d0112b;
		}
		
.mainbody {
	width: auto;
	max-width: 56.250em; /* 900px */
	margin: 0px auto;
	padding: 15px 0 0 0;
}	

	.thehighlight {
		padding: 3%; /* 30px */
	}
	
	.thehighlightbackground {
		padding: 3%;
		background: url(../images/highlight-background.jpg) no-repeat white bottom right;
	}
	
	.highlighttext {
		float: left;
		width: 65%;
	}

	.highlighttext h1 {
		margin: 0 0 0.250em 0; /* 0 0 4px 0 */
		font-size: 32px;
		line-height: 1.125em; /* 18px */
	}
	
	.highlighttext h2 {;
		padding: 0;
		font-family: 'FrutigerLight', Arial, sans-serif;
		font-weight: normal;
		color: #373636;
		font-size: 1.313em; /*  21px; */
		line-height: 1.438em; /* 23px */
	}
	
		.highlighttext h2 span {
			font-size: 1.375em;
		}
		
		.thegrabberimg img {
			display: inline-block;
			float:left; 
			width: 40%!important;
			margin: 0 3% 0 0;
		}	
		
		.thegrabbertext {
			float: right;
			width: 55%;
		}	
	
	.highlighttext ul {
		border-top: none;
		border-bottom: none;
		font-size: 1.000em;
		margin:  1.000em 0 0 0;
	}

		.highlighttext ul li {
			margin: 0 4% 3% 0;
			padding: 0 0 0 0;
			float: left;
			width: 45%;
		}
		
				.highlighttext ul li:nth-child(even) {
					margin-right:0;
				}
				
				.highlighttext ul li:nth-child(odd) {
					margin-right:4%;
				}
		
		.highlighttext ul li:last-child {
			margin: 0 0 3% 0;
		}
		
	p.highlightoutro {
		display: block;
		margin: 0 0 0 0;
		padding: 0;
		font-size:1.000em; /* 17px */
		line-height: 1.647em; /* 28px */
	}	
	
			p.highlightoutro strong {
				font-weight: normal;
				color: #c60c30;
			}
			
	p.finalline {
		display: block;
	}			
			
.highlightform {
	float: right;
	width: 32%;
	margin: 0;
	padding: 0;
}			
			
.highlightform h3 {
	width: auto;
	background: #c60c30;
	text-align: center;
	font-family: 'FrutigerLight', Arial, sans-serif;
	font-weight: normal;
	font-size: 1.188em; /* 19px */
	color: white;
	padding: 0.750em; /* 12px */
	margin: 0 0 0 0;
}			

.highlightform form {
	margin: 0;
	padding: 0;
	width: auto;
	background: -moz-linear-gradient(top,  rgba(208,208,208,1) 0%, rgba(229,229,229,0.77) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(208,208,208,1)), color-stop(100%,rgba(229,229,229,0.77))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(208,208,208,1) 0%,rgba(229,229,229,0.77) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(208,208,208,1) 0%,rgba(229,229,229,0.77) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(208,208,208,1) 0%,rgba(229,229,229,0.77) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(208,208,208,1) 0%,rgba(229,229,229,0.77) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#c4e5e5e5',GradientType=0 ); /* IE6-9 */

}

		.highlightform form fieldset {
			border: none;
			margin: 0px auto;
			padding: 5% 3% 3% 3%;
			
		}
		
				.highlightform form legend {
					display: none;
				}
				
				.highlightform form div {
					display: block;
					margin: 0 0 10px 0;
				}
				
				.highlightform form div:last-child {
					margin: 0 0 0 0;
				}
				
						.highlightform form label {
							display: block; 
							font-family: 'FrutigerLight', Arial, sans-serif;
							font-weight: normal;
							color: #575656;
							font-size: 1.000em; /* 16px */
							margin: 0;
							padding: 0 0 0 1.5%;
						}
						
						.highlightform form input[type='text'], .highlightform form input[type='tel'] {
							width: 92.5%;
							padding:  3% 1.5% 1.5% 1.5%;
							height: auto;
							border: 1px solid #ccc;	
							font-family: 'FrutigerLight', Arial, sans-serif;
							font-weight: normal;
							font-size: 0.938em; /* 15px */
							line-height: 1.500em;
						}
						
						.highlightform form input[type='text']:focus, .highlightform form input[type='tel']:focus {
							border-left: 7px solid #c60c30;
						}
						
		fieldset.thesubmit {
			text-align: center;
		}
						
		.highlightform form input[type='submit'] {
			text-align: center;
			margin: 0;
			padding: 0.625em;
			background: #c60c30;
			color: white;
			border: none;
			font-size: 0.813em;
			cursor: pointer;
		}		
		
				.highlightform form input[type='submit']:hover {
					background: #9c0825;
				}		
		
	.bottomhalf {
		border-top: none;
	}	
	
	.bottomhalf img {
		width: 25%;
	}
	
	.bottomhalf p {
		margin: 45px 0 0 0;
	}
	
	.bottomhalf p strong {
	}
	
.footer {
	width: auto;
	padding:  0.500em 1.000em;
	text-align: center;
}	

		.footer p {
			margin: 0;
			padding: 0;
			font-family: 'FrutigerLight', Arial, sans-serif;
			font-weight: normal;
			color: #4e4e4e;
			font-size: 	0.875em;
		}	

}