@CHARSET "utf-8";
	
html, body {
	border:0;
	margin:0;
	padding:0;
}	
	
body {
	font-family: ProximaNova-Regular;
	background-color: #ebe9d9;
	margin: 0;
	overflow: auto;
}

a:link, a:visited {
	color: #126e9d;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration:underline;
}

fieldset {
    border: 1px solid #126e9d;
    margin: 10px;
}

legend {
    color: #126e9d;
    font-family: "ProximaNova-Bold";
}

.centerThis {
	text-align: center;	
}
	
#pageContainer {
	background-color: #ffffff;
	position: absolute;
	width: 1024px;
	left: 50%;
	margin-left: -500px;	
}

.gradientDiv {
  background: white; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-101deg, #f0f0ef, #ffffff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-101deg, #f0f0ef, #ffffff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-101deg, #f0f0ef, #ffffff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-101deg, #f0f0ef, #ffffff); /* Standard syntax */
}

#searchButton {
	position: absolute;
	top: 34px;
	left: 983px;
}

#searchButton:hover{ 
	cursor:pointer
}
	
#header {
	font-family: ProximaNova-Bold;
	font-size: 12px;
	color: rgb(30, 59, 104);
    overflow: hidden;
	background-color: #ffffff; 
	width: 1024px;
}

#headerRight {
	display: inline-block;
	padding-top: 30px;
	float: right;
}

#headerRightText {
	display: inline;
	color: #2d5161;
	border-right: 1px solid;
	padding-right: 10px;
	margin-top: 5px;
	float: left;
}

#headerRightInput {
	display: inline;
	float: right;
	padding-left: 10px;
	padding-right: 20px;
}

#headerRightInput input {
	margin-left: 10px;
}

#headerRightInput a:link {
	color: #2d5161;
	border-right: 1px solid;
    padding-right: 10px;
}

#headerLogo {
	float: left;
	margin: 15px 30px;	
}

#headerLogo img {
	height: 60px;
}

#menubar ul li.firstMenuItem {
	padding-left: 0px;
}

#menubar ul li.lastItem {
	border-right: 0px;
}

#menubar {
	display: inline-block;
	font-family: ProximaNova-SemiBold;
	font-size: 14pt;
	background-color: #2d5161;
	height: 53px;	
	width: 100%;
}

#menubar ul {
	list-style: outside none none;
	padding-left: 0px;
	margin-top: 15px;
}

#menubar ul li {
	display: inline;
	color: #ffffff;
	border-right: 1px solid;
	float: left;
	margin-bottom: 15px;
	width: 204px;
	text-align: center;
}

#menubar a:link, #menubar a:visited {
	color: #ffffff;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #2d5161;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
    text-align: left;
    padding-top: 15px;
    margin-left: 10px;
}

.dropdown-content a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
	text-decoration:underline;
	background-color: #126e9d;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

#mainSlider {
	height: 305px;
	background: url("../images/istock-edited-Main-Slider.jpg");
	background-repeat: no-repeat;	
}

#mainSliderLogo {
	margin-left: 605px;
	padding-top: 30px;
	height: 60px;
}

#mainSliderText {
	color: #ffffff;
	font-family: ProximaNova-Regular;
	font-size: 24pt;
	margin-left: 605px;
	width: 438px;
	padding-top: 15px;
}

#actionBar {
	background-color: #ffffff;
	margin: 0px;	
	width: 1024px;
	overflow: hidden;
}

#actionBar fieldset {
	width: 275px;
	height: 315px;
	float: left;
	margin: 20px;
}

#subpageContentWrapper #actionBar {
	margin-left: -15px;
}

.actionImage {
	width: 305px;
	margin: 18px;
	float: left;
	display: table-cell;
	vertical-align: middle;
}

.actionBarGreenTextBox {
	background-color: #028353;
	color: #000000;
	width: 275px;
	height: 325px;
	margin: 18px;
	float: left;
	padding: 15px;
}

.actionBarYellowTextBox {
	background-color: #f4cf5e;
	color: #000000;
	width: 275px;
	height: 325px;
	margin: 18px;
	float: left;
	padding: 15px;
}

#IoTMethodImage {
	padding-top: 40px;	
}

.actionText {
	font-family: ProximaNova-ExtraBoldItalic;
	font-size: 18pt;
	color: #ffffff;
	height: 40px;
	margin-top: 216px;
	padding-left: 18px;
	padding-top: 10px;
}

#actionRed {
	background: #ef402e;
}

#actionYellow {
	background: #f4cf5e;
}

#actionGreen {
	background: #028353;
}

#overviewImage {
	background-image: url("../images/action1.jpg");
	background-repeat: no-repeat;
}

#howImage {
	background-image: url("../images/action2.jpg");
	background-repeat: no-repeat;
}

#recentImage {
	background-image: url("../images/action3.jpg");
	background-repeat: no-repeat;
}

#learnMoreBar {
	background-color: #126e9d;
	color: #ffffff;
	height: 144px;	
	text-align: center;
	vertical-align: middle;
}

#learnMoreBar .lmbHeader {
	font-family: "ProximaNova-SemiBold";  
	font-size: 27.506px;
	margin-top: 5px;
	padding-top: 15px;
}

#learnMoreBar div {
	font-family: "ProximaNova-RegularItalic";  
	font-size: 13pt;
	margin: 0;
}

#learnMoreForm {
	padding-top: 15px;
}

#learnMoreForm input[type=text] {
	height: 30px;
}

#learnMoreForm input[type=submit] {
	font-family: "ProximaNova-SemiBold";
	height: 35px;
	border: none;
	cursor: pointer;
	background-color: #028353;
	color: #ffffff;
}

#learnMoreForm input[type=button] {
	font-family: "ProximaNova-SemiBold";
	height: 35px;
	border: none;
	cursor: pointer;
	background-color: #028353;
	color: #ffffff;
}

/***********************
	
	
	SUBPAGE STYLES
	
********************/

.subpageSidebar {
	margin: 75px 20px;
	text-align: center;
	float: right;
}

.subpageSidebar img {
	width: 240px;
}

.amazonSidebar {
	width: 300px;
	margin: 10px 20px;
	text-align: center;
	float: right;
}

.amazonSidebar h3 {
	color: rgb(91, 91, 91);
}

.amazonSidebar img {
	width: 200px;
}
	
#sidebarVerticalSpacer {
	height: 80px;
}

.subpageHeaderText {
	color: #126e9d;
  	font-family: "ProximaNova-ExtraBoldItalic";
  	position: absolute;
	top: -5px;
	left: 15px;
	z-index: 21;
}

.subpageHeaderText h1 {
  	font-size: 24px;
}

#subpageYellowHeaderText {
	color: #f4cf5e;
}

#subpageRedHeaderText {
	color: #ef402e;
}

#subpageGreenHeaderText {
	color: #028353;
}

#subpageIoTHeaderText {
	color: #028353;
}

.subpageYellowText {
	color: #f4cf5e;
}

.subpageRedText {
	color: #ef402e;
}

.subpageGreenText {
	color: #028353;
}

.subpageIoTText {
	color: #028353;
}

.subpageHeaderTextBar {
  background-color: rgb(255, 255, 255);
  opacity: 0.94;
  position: absolute;
  top: 220px;
  width: 100%;
  height: 50px;
  z-index: 19;
  overflow: hidden;
}

#subpageHeaderImage {
	overflow: hidden;
}

#subpageHeader {
	overflow: hidden;
}

#subpageContentWrapper {
	margin-left: 15px;
	margin-right: 15px;
}

#subpageWithSidebarContentWrapper {
	margin-left: 15px;
	margin-right: 15px;
	width: 650px;
	height: 100%;
	float: left;
}

.subpageContentText {
	color: rgb(91, 91, 91);
  	font-size: 18px;
}

.subpageContentText h1 {
	color: #126e9d;
  	font-family: "ProximaNova-ExtraBoldItalic";
  	font-size: 24px;	
}

.subpageContentText h2 {
	color: #126e9d;
  	font-family: "ProximaNova-ExtraBold";
  	font-size: 20px;	
}

.subpageContentText ul li.red {
    list-style-image: url("../images/red-light.png");
}

.subpageContentText ul li.yellow {
    list-style-image: url("../images/yellow-light.png");
}

.subpageContentText ul li.green {
    list-style-image: url("../images/green-light.png");
}

.subpageContentText ul {
	width: 71%;
	list-style-type: none;
}
	
.subpageContentText ul li {
	padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 25px;
	font-weight: bold;
}

.subpageContentText ul li div{
	margin: 0;
	padding: 0;
	display: table-row;
	vertical-align: middle;
}
.subpageContentText ul li div img {
	float: left;
	padding-right: 15px;
	padding-top: 5px;
}

#subpage-centered-list-div-container {
	padding-left: 120px;
}
	
#subpageActionBar {
	background-color: #ffffff;
	margin: 0px;	
	overflow: hidden;
	height: 250px;
	padding-left: 75px;
}

.subpageActionText {
	font-family: "ProximaNova-ExtraBold";
	color: #ffffff;
	height: 100%;
	padding: 30px 20px;
	text-align: center;
}

.subpageActionImage {
	width: 245px;
	height: 100%;
	margin: 18px;
	float: left;
	position: relative;
}

#cp-image-div {
	background-image: url("../images/cyber-physical-dark.png");
	background-size: cover;
    background-position: center;
    overflow: hidden;
    height: 198px;
	color: #ffffff;
	opacity: 0.85;
	filter: alpha(opacity=85); /* For IE8 and earlier */
}

#iot-image-div {
	background-image: url("../images/IoT-dark.png");
	background-size: cover;
    background-position: center;
    overflow: hidden;
    height: 198px;
	color: #ffffff;
	opacity: 0.9;
	filter: alpha(opacity=90); /* For IE8 and earlier */
}

#ent-image-div {
	background-image: url("../images/enterprise-dark.png");
	background-size: cover;
    background-position: center;
    overflow: hidden;
    height: 198px;
	color: #ffffff;
	opacity: 0.85;
	filter: alpha(opacity=85); /* For IE8 and earlier */
}

#solutions-image-div {
	background-image: url("../images/solutions-small-dark.png");
	background-size: cover;
    background-position: center;
    overflow: hidden;
    height: 198px;
	color: #ffffff;
	opacity: 0.85;
	filter: alpha(opacity=85); /* For IE8 and earlier */
}

#subpage-image-text-div-container {
	display: table;
	height: 100%;
	width: 90%;
}

#expertise-image-text-div-container{
	display: table;
	height: 100%;
}

#subpage-image-text-div {
	display: table-cell;
	vertical-align: middle;	
	font-family: "ProximaNova-ExtraBold";
  	font-size: 20px;
  	padding-left: 10%;
}

#expertiseColumnContainer {
	width: 100%;
	margin-left: 75px;
}

.expertiseLeftColumn {
    float:left; 
    width:40%;
}

.expertiseRightColumn {
    float:left; 
    width:40%; 
    margin-left:30px;
}

#expertise-image-div {
	display: block;
	background-image: url("../images/expertise.jpg");
	background-size: cover;
    background-position: center;
    overflow: hidden;
    height: 198px;
	color: #ffffff;
	opacity: 0.85;
	filter: alpha(opacity=85); /* For IE8 and earlier */
	text-align: center;
}

#expertise-image-text-div {
	display: table-cell;
	vertical-align: middle;	
	font-family: "ProximaNova-ExtraBold";
  	font-size: 20px;
  	padding-left: 50%;
  	padding-right: 10%;
}

#enrollmentFormShell label {
	float: left;
	width: 150px;
}

#enrollmentFormShell input.field {
	width: 50%;
}

#enrollmentFormShell p {
	text-align: justify;
}
	
#enrollmentFormShell textarea {
    width: 95%;
    height: 7em;
}

#enrollmentFormShell input.checkbox {
    float: left;
    width: auto;
    margin-right: 1em;
}

#enrollmentFormShell label.checkbox {
    width: 75%;
}

#enrollmentFormShell .clear {
    clear: left;
}

#enrollmentFormShell #submit p {
	text-align: right;	
}


#enrollmentFormShell #submit input {
    padding:5px 15px; 
    background: #126e9d;
    color: #fff;
    border: none;
    cursor: pointer;
    font-family: "ProximaNova-Bold";
  	font-size: 16px;
  	margin: 10px;
}

#footer {
	display: inline-block;
	color: #2d5161;
	font-size: 9pt;
	overflow: hidden;
	width: 100%;
}

#footer a:link, #footer a:visited {
	color: #2d5161;
}

#address {
	float: left;
	padding: 15px;
}

#footerNav {
	float: right;
	font-weight: bold;
	padding: 15px;
}

#footerNav ul {
	list-style: outside none none;
}

#footerNav ul li {
	display: inline;
	font-size: 16px;
    border-right: 1px solid;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

#footerNav ul li.lastItem {
	border-right: 0px;
}

#footerFoot {
	display: inline-block;
	overflow: hidden;
	width: 98%;
	padding: 0px 15px 15px 15px;
}

#socialButtons {
	float: left;
}

#copyright {
	color: #999999;
	font-weight: bold;
	position: absolute;
	right: 15px;
}
