/* from w5.css  */

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.w3-padding-tiny{padding:2px 4px!important}.w3-padding-small{padding:4px 8px!important}
.w3-padding-medium,.w3-padding,.w3-form{padding:8px 16px!important}
.w3-padding-large{padding:12px 24px!important}.w3-padding-xlarge{padding:16px 32px!important}
.w3-padding-xxlarge{padding:24px 48px!important}.w3-padding-jumbo{padding:32px 64px!important}
.w3-padding-4,.w3-padding-hor-4{padding-top:4px!important;padding-bottom:4px!important}
.w3-padding-8,.w3-padding-hor-8{padding-top:8px!important;padding-bottom:8px!important}
.w3-padding-12,.w3-padding-hor-12{padding-top:12px!important;padding-bottom:12px!important}
.w3-padding-16,.w3-padding-hor-16{padding-top:16px!important;padding-bottom:16px!important}
.w3-padding-24,.w3-padding-hor-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32,.w3-padding-hor-32{padding-top:32px!important;padding-bottom:32px!important}
.w3-padding-48,.w3-padding-hor-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64,.w3-padding-hor-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-padding-128,.w3-padding-hor-128{padding-top:128px!important;padding-bottom:128px!important}
.w3-padding-0{padding:0!important}
.w3-padding-top{padding-top:8px!important}.w3-padding-bottom{padding-bottom:8px!important}
.w3-padding-left{padding-left:16px!important}.w3-padding-right{padding-right:16px!important}
.w3-row,.w3-row-padding {padding:0px;margin:0px auto;max-width:1000px;}
.w3-container{padding:0px}
.w3-responsive{overflow-x:auto}
.w3-rest{overflow:hidden}
.w3-section{margin-top:8px!important;margin-bottom:3px!important}
.w3-container:after,.w3-row:after,.w3-row-padding:after,.w3-topnav:after,.w3-clear:after,.w3-btn-group:before,.w3-btn-group:after,.w3-btn-bar:before,.w3-btn-bar:after{content:"";display:table;clear:both}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}
.w3-col.s2{width:16.66666%}
.w3-col.s3{width:24.99999%}
.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}
.w3-col.s6{width:49.99999%}
.w3-col.s7{width:58.33333%}
.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}
.w3-col.s10{width:83.33333%}
.w3-col.s11{width:91.66666%}
.w3-col.s12,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{width:99.99999%}
@media only screen and (min-width:601px){
#page {width:auto;}
.primary , .secondary { height:29px!important; }
.w3-col.m1{width:8.33333%}
.w3-col.m2{width:16.66666%}
.w3-col.m3,.w3-quarter{width:24.99999%}
.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}
.w3-col.m6,.w3-half{width:49.99999%}
.w3-col.m7{width:58.33333%}
.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}
.w3-col.m10{width:83.33333%}
.w3-col.m11{width:91.66666%}
.w3-col.m12{width:99.99999%}
}

/*  setting for fixed navigation bar*/
@media only screen and (max-width:800px) {
.w3-top {
	position:fixed;width:100%;z-index:501;top:0;height:90px;
    background-image: url("/images/layout/headers/smallback.png");
    background-position: center top;
    background-repeat: repeat-x;
} 
#header { margin: 8px 10px;}
}
/*@media only screen and (max-width:993px) {
#slider h3{font-size:28px} #slider h5{font-size:24px;}.flexheading {top:10%;}
#navbar, #footer { width: 100%!important;}*/
#epictext {width: 100%!important;}
.majorsubheading, #callout, #feelgood_heading, #customize_heading, #epictext >* {float:left; text-align:left;clear:both;width:100%}
#awards>* {float:left; text-align:left;clear:both;}
.w3-container>* {float:left; text-align:left;clear:both;}
} 
@media only screen and (min-width:993px){
.w3-col.l1{width:8.33333%}
.w3-col.l2{width:16.66666%}
.w3-col.l3,.w3-quarter{width:24.99999%}
.w3-col.l4,.w3-third{width:33.33333%}
.w3-col.l5{width:41.66666%}
.w3-col.l6,.w3-half{width:49.99999%}
.w3-col.l7{width:58.33333%}
.w3-col.l8,.w3-twothird{width:66.66666%}
.w3-col.l9,.w3-threequarter{width:74.99999%}
.w3-col.l10{width:83.33333%}
.w3-col.l11{width:91.66666%}
.w3-col.l12{width:99.99999%}}




/* animation  images*/
.w3-display-container{position:relative}
.w3-badge {background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center;border-radius:50%;height:13px;width:13px;padding:0;}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-transparent{background-color:transparent!important}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-large{font-size:30px!important}
.w3-center{text-align:center!important}
.w3-btn-floating{width:40px;height:46px;line-height:40px;opacity: 0.7;}
.w3-text-white, .w3-hover-text-white:hover {color: #fff !important;}
.w3-hover-text-khaki { transition: background-color 0.3s ease 0s, color 0.15s ease 0s, box-shadow 0.3s ease 0s, opacity 0.3s ease 0s;}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-btn-floating,.w3-btn-floating-large{display:inline-block;text-align:center;color:#fff;background-color:#999;position:relative;overflow:hidden
;z-index:1;padding:0;border-radius:50%;cursor:pointer;font-size:24px}
.w3-border { border: 1px solid #555 !important;}
.w3-grey,.w3-hover-grey:hover{color:#fff!important;background-color:#ccc!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-centertext {position:absolute; bottom:30px;text-align:center; color:white;background-color:#555;margin: 0 auto; width:50%;margin-left:25%;padding: 0 20px;opacity: 0.65;    filter: alpha(opacity=65); }
/* animation  images*/
.w3-animate-fading {
  position:absolute;  left:0;  -webkit-transition: opacity 1s ease-in-out;  -moz-transition: opacity 1s ease-in-out;  -o-transition: opacity 1s ease-in-out;  transition: opacity 1s ease-in-out;  opacity:0;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);}
.opaque {  opacity:1;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter: alpha(opacity=1);}
.rollercenter {height: 449px;background-position:top center;box-shadow: 5px 5px 5px grey; max-width:800px}
#slider {	background-size: cover;height:520px;	max-width:800px;margin:0 auto; } /* dot point*/
#sliderborder{height:451px; border:1px solid black;}
#slider h5{font-size:16px; padding-top:20px;margin-bottom:-40px;font-weight:700;width:100%;text-align:center;} /* heading position*/
.flexheading{position: absolute ; bottom:0px;color:#333; font-weight:400px;margin:0 auto; width:100%;text-align:center;}




/***
* Global Article Styles
***/
/* #page {
    font-size: 0.875em !important;
} */

/* ########### */
/*   BANNER   */
/* ########### */

#layout, #page
{
  margin: 0 auto;
  width: 1000px;
  font-size: 11px;
  line-height: 1.636em;
  padding-bottom: 18px;
}

/*
sup {
	color: #FFF !important;
}
*/

#ribbons h1 {
    color: #4e77ae;
    float: left;
    font-size: 64px !important;
    font-weight: 500 !important;
    margin-bottom: 0;
    text-align: center;
}
h1 {
    font-weight: 300 !important;
	font-size:90px;
}
h2{
	font-size:30px!important;
}
h4{
	font-size:26px!important;
}
#enterprise {
    color: #0c3a7e;	
	font-weight:800;
}
#architect {
    color: #f59816;
	font-weight:800;
}
#callout{
	font-size:15px;
	color:#666;
	font-family: "Roboto",calibri,sans-serif;
}
#centerquote{
  	clear:both;	
	width:1000px;
	margin:auto;
	text-align:center;
}
#downloadpurchase a{
	text-decoration:none;
}
#mainheading a{
	text-decoration:none;
}
#ea-logo{
	max-width:1000px;
	margin:auto auto 35px;	
}

#clear{
	clear:both;
}

#logo-graphic{
	width:75px;	
	float:left;
}

#ea-banner {	
	background-image: url("/images/products/ea/eaindex/ea130banner.png");
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
	margin: 0px auto;
	height: 400px;
	text-align:left;
	overflow: hidden;
}
.banner_head {
	margin: 75px auto 50px auto;
	text-align:left;
	max-width: 70%;
	font-weight:400;
	padding: 0 20px ;
}
#ea-banner h1 {
    color: #2c2c2c;
	font-family: "Roboto",sans-serif;
    margin: 40px auto 0px auto;
    padding: 10px 0;
	line-height: 0.9;
	text-align: left;
	font-size: 3.6em;
	font-weight:400;
}
#ea-banner h2 {
    color: #595959;
	font-family: "Roboto",sans-serif;
	font-size: 2.4em;
    margin: 0px auto 20px auto;
    padding: 10px 0;
	line-height: 1.1;
	text-align: left;
	font-weight:400;
	max-width: 55%;
	float:left;
}


	/* Dust Red: */
#dust-redwidebox-flex{
	background: #FFE3D6;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	height: auto;
	text-align:center;
	overflow: hidden;
	padding: 30px;
}
#white-widebox-flex{
	background: #fff;
	border-bottom: 1px solid #CCC;
	height: auto;
	text-align:center;
	overflow: hidden;
	padding: 30px;
}

.lytebox #mainimage{
	max-width:800px;
	
}

#into-paragraph {
  color: #f59816;
  font-family: "Roboto",calibri,sans-serif;
  font-size: 42px;
  font-weight: 400;
  line-height: 28px;
  margin: 0px auto 10px;
  text-align: center;
  width: 70%;
}

#into-version {
  color: #0c3a7e;
  font-family: "Roboto",calibri,sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 28px;
  margin: 0px auto 10px;
  text-align: center;
  width: 70%;
}
#tips{
	list-style-type:none;	
	display: inline-block;
	text-align:center;
}

#quotename {
  border-right: 1px solid #999;
  color: #06f;
  display: inline;
  font-size: 10px;
  font-weight: normal;
  margin-top: 8px;
  padding-left: 0;
  padding-right: 5px;
  padding-top: 0;
}
#quotetitle {
  border-right: 1px solid #999;
  color: #06f;
  display: inline;
  font-size: 10px;
  font-weight: normal;
  margin-top: 8px;
  padding-left: 0;
  padding-right: 5px;
  padding-top: 0;
}
#quoteline{
	max-width:533px;
	color:#686868;
	font-size:15px;
	
}
#tips li a {
    font-size: 12px;
    padding-left: 4px;
    text-decoration: none;
}

a {
    color: #ef8000;
}
#downloadpurchase{
	text-align:center;
	text-decoration:none;	
	margin-top:30px;
}
.sectionbreak {
    background-color: #64bafa;
    color: white;
	font-family: "Roboto",calibri,sans-serif;
    font-size: 33px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}

.sectionbreakpink {
    /*background-color:#FFE7E4;*/
    color: white;
    font-size: 33px;
    padding-bottom: 6px;
    /* padding-top: 20px; */
    text-align: center;
}

.sectionbreakred {
    background-color:#ff686d;
    color: white;
	font-family: "Roboto",calibri,sans-serif;
    font-size: 33px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}
.sectionbreakgreen {
    background-color:#7ed9bc;
    color: white;
	font-family: "Roboto",calibri,sans-serif;
    font-size: 33px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}
.sectionbreakorange {
    background-color:#f5a679;
    color: white;
	font-family: "Roboto",calibri,sans-serif;
    font-size: 33px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}
.ul_awardlogos li {
  display: inline;
}
#awardsarea{
	margin-top:50px;	
}
#navbar-inner{
	width:800px ;
}

@media all and (max-width: 1800px) { #ea-banner h1 { font-size: 3em;}#ea-banner {	height: auto; } .banner_head {margin-top: 80px;max-width: 75%; }}
@media all and (max-width: 1500px) { #ea-banner h1 { font-size: 3em;} #ea-banner {	height: auto; } .banner_head {margin-top: 70px;max-width: 90%; }}
@media all and (max-width: 1300px) { #ea-banner h1 { font-size: 2.75em;} #ea-banner {	height: auto; } .banner_head {margin-top: 60px;max-width: 95%; }}
@media all and (max-width: 1150px) { #ea-banner h1 { font-size: 2.75em;} #ea-banner {	height: auto; } .banner_head {margin-top: 50px;max-width: 98%; }}
@media all and (max-width:  1000px) { #ea-banner h1 { font-size: 2.675em; } #ea-banner {height: auto; } .banner_head {margin-top: 20px;max-width: 96%; }} 
  
  
#actionBox2  a {
    padding-top: 7px;
}

#actionBox a {
    padding-top: 7px;
}

h1 {
	color: #2c2c2c;
	font-weight: 400;
margin: 0;
}

h2 {
	color: #595959;
	font-weight: 400;
	line-height: 30px;
}

h3 {
	font-weight: 270;
}

h4 {
    font-family: "Roboto",sans-serif;
    font-size: 40px;
	color: #595959;
	font-weight: 400;
	margin: 10px;
}

p {
  color: #595959;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.padding-ctr-30-30 {
    text-align: center;
}

.padding-resources {
	padding: 20px 40px 10px 0px;
}
.topic-container{
	overflow:hidden;
}

.technologyboxes img{
	width:200px;
}

.topic-container .hard-right{
	float:right;
}

.topic-container .hard-right  img{
	float:right;
}

.topic-container .hard-left{
	float:left;
}

.topic-container .hard-left  img{
	float:left;
}

.topic-container .right-nopad {
	float:right;
}

.topic-container .right-nopad  img{
	padding: 0px 0px 0px 40px;
}

.topic-container li {
	font-family: "Roboto",sans-serif;
	margin-left: -10px;
	font-size: 18px;
	color: #595959;
	font-weight: 400;
	background-image: none;
	list-style-type: circle;
}

.topic-container h4 {
 color: #595959;
 font-weight: 400;
}

.featurecolumns {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    /*margin-top: 20px;*/
    text-align: center;
}

.textblock-clr {
 height: auto;
 /* margin: 40px 0px 0px 0px; */
 padding: 5px; 
 text-align: center;
} 

.textblock-clr .col {
  /* border: 1px solid #fff; */
  float: left;
  height: 205px;
  overflow: hidden;
  position: relative;
  width: 305px;
  margin: 0px 7px 0px 7px;
  /* padding: 0px 0px 10px 0px; */
}
 
.textblock-clr p {
  color: #fff;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height:22px;
}

.textblock-clr ul {
  color: #2c2c2c;
  font-family: "Roboto",sans-serif;
  font-size: 19px;
  font-weight: 300;
  line-height:22px;
  list-style-image: url("/images/icons/tick.png");
  text-align: left;
}

.textblock-clr a {
  text-decoration: none;
  color: #fff;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height:22px;
}

.textblock-gry {
 /* height: 500px; */
 font-weight: 500;
 margin: 40px 0px 0px 0px;
 /* padding: 5px; */
 text-align: center;
} 

.textblock-gry .col {
  border: 1px solid #666;
  float: left;
  height: 400px;
  overflow: hidden;
  position: relative;
  width: 310px;
  margin: 0px 3px 0px 3px;
  padding: 5px;
  }
 
.textblock-gry p {
  color: #666;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height:22px;
}

.textblock-gry a {
  text-decoration: none;
  color: #666;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height:22px;
}

.eanavh2 {
	padding: 0px 0px 0px 30px;
}

.eanav  li{	
	background: #F5F5F5 none repeat scroll 0 0;
	width: 275px;
}

.eanav a a:link a:visited {
	color: #595959;
}

.eanav a {
	color: #595959;
}


.testimonial-head {
	color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 26px;
    font-weight: 230;
    line-height: 20px;
    margin: 15px 10px;
}

.testimonial {
	color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 17px;
    font-weight: 210;
    line-height: 18px;
    margin: 15px 10px;
	text-align: left;
}

.quote {
	color: #fff;
	font-family: "Roboto",sans-serif;
	padding: 40px;
    font-size: 32px;
    font-weight: 200;
    line-height: 34px;
}


.colorh1{
	color: white;
	margin: auto;
	padding: 10px 0px;
    max-width: 80%;
    text-align: center;
}

.header-style{
	color: white;
	margin: auto;
	padding: 10px 0px;
    max-width: 60%;
	text-align: left;
}

.subhead-top{
	color: #595959;
	font-family: "Roboto",sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
	margin: 10px auto 10px;
	text-align: center;
	width: 70%;
}

.colorh2{
	color: white;
	margin: 30px auto;
    max-width: 50%;
    text-align: center;
	line-height: 26px;
}

.byline{
	color: #fff;
	font-family: "Roboto",sans-serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 20px;
	margin: 10px auto 20px;
}

.colorh4{
	font-weight: 600;
	color: white;
	margin: 10px auto 15px;
    text-align: center;
}

.colorh5{
	font-weight: 550;
	color: #666;
	margin: 10px auto 15px;
    text-align: center;
}




/* ########## */
/*   PANELS   */
/* ########## */



/* Dust Grey: */
#dust-greywidebox-flex{
background: #F5F5F5;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Dust Blue: */
#dust-bluewidebox-flex{
background: #D3E7F5;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Dust Green: */
#dust-greenwidebox-flex{
background: #E1FFE3;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Dust Red: */
#dust-redwidebox-flex{
background: #FFE3D6;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Dust Orange: */
#dust-orangewidebox-flex{
background: #FFEFCB;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Clear: */
#clrwidebox-flex{
background: #FFF;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Grey: */
#greywidebox-flex{
background: #F0F0F0;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Pink: */
#pinkwidebox-flex{
background: #FF1493;
height: auto;
text-align: center;
overflow: hidden;
padding: 30px;
}

/* Red: */
#redwidebox-flex{
background: #FF0000;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Orange: */
#orangewidebox-flex{
background: #FF8C00;
height: auto;
text-align: center;
overflow: hidden;
padding: 30px;
}

/* Old Orange: */
#old-orangewidebox-flex{
background: #dd5900;
height: auto;
text-align: center;
overflow: hidden;
padding: 30px;
}

/* Green: */
#greenwidebox-flex{
background: #008000;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Old Green: */
#old-greenwidebox-flex{
background: #007233;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Teal: */
#tealwidebox-flex{
background: #008080;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Blue: */
#bluewidebox-flex{
background: #0000FF;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Old Blue: */
#old-bluewidebox-flex{
background: #0178d6;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Sparx Blue: */
#sparx-bluewidebox-flex{
background: #0b3e6b;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Purple: */
#purplewidebox-flex{
background: #800080;
height: auto;
text-align: center;
overflow: hidden;
padding: 30px;
}

/* ########### */
/*   BUTTONS   */
/* ########### */

#rounded-button-wht {
    border-radius: 25px;
    border: 1px solid #fff;
	/* background-color: #007233; */
	color: #007233;
    padding: 10px; 
    width: 200px;
    height: 25px;   
	margin-left: auto;
    margin-right: auto;
	text-align: center;
}

#rounded-button-wht a:link {
	color: #fff;
	text-decoration:none; 
}

#rounded-button-wht a:visited{
	color: #fff;
	text-decoration:none; 
}

/* Rounded Button Grey Light */

#rounded-button-gry {
    border-radius: 25px;
    border: 1px solid #666;
	background-color: #FFF;
    padding: 10px 42px; 
	margin: 0px 40px;
	text-align: center;
}

#rounded-button-gry a{
	color: #666;
	font-family: "Roboto",sans-serif;
	font-size: 20px;
	font-weight: 200;
	text-decoration: none;
	padding-top: 10px;
}

#rounded-button-gry a:link {
	color: #595959;
	font-weight: 400;
	text-decoration:none; 
}

#rounded-button-gry a:hover{
	color: #595959;
	font-weight: 570;
	text-decoration:none; 
}

/* Rounded Button Grey Light Top*/

#rounded-button-gry-top {
    border-radius: 25px;
    border: 1px solid #595959;
	background-color: #F5F5F5;
    padding: 10px 20px; 
	margin: 0px 120px;
	text-align: center;
}

#rounded-button-gry-top a{
	color: #595959;
	font-family: "Roboto",sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-decoration: none;
	padding-top: 10px;
}

#rounded-button-gry-top a:link {
	color: #595959;
	font-weight: 400;
	text-decoration:none; 
}

#rounded-button-gry-top a:hover{
	color: #595959;
	font-weight: 570;
	text-decoration:none; 
}

/* Rounded Button Green Trans */

#rounded-button-green-trans {
    border-radius: 25px;
    border: 1px solid #007233;
	background-color: #007233;
    padding: 10px; 
    width: 200px;
    height: 25px;   
	margin-left: auto;
    margin-right: auto;
	text-align: center;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

 #rounded-button-green-trans:hover {		 
 background-color:  #009945;
 color: white;
 }

#rounded-button-green-trans a:link a:visited{
	color: #fff;
	text-decoration:none; 
}

#rounded-button-green-trans a:hover{
	color: #999;
	text-decoration:none; 
}

/* Rounded Button Orange Solid */

#rounded-button-orange-solid {
    border-radius: 25px;
    border: 1px solid #FF8C00;
	background-color: #FF8C00;
	color: #fff;
    padding: 10px 20px;
    /* width: 175px;
    height: 25px;   */
	margin: 0px 8px;
	text-align: center;
}

#rounded-button-orange-solid a{
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-size: 24px;
	font-weight: 200;
	/* line-height: 24px; */
	text-decoration: none;
	padding-top: 10px;
}

#rounded-button-orange-solid a:link a:visited{
	color: #fff;
	text-decoration:none; 
}

#rounded-button-orange-solid a:hover{
	color: #F0F0F0;
	text-decoration:none; 
}

/* Rounded Button Blue Solid */

#rounded-button-blue-solid {
    border-radius: 25px;
    border: 1px solid #0000FF;
	background-color: #0000FF;
	color: #fff;
    padding: 10px 20px;
    /* width: 175px;
    height: 25px;   */
	margin: 0px 8px;
	text-align: center;
}

#rounded-button-blue-solid a{
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-size: 24px;
	font-weight: 200;
	/* line-height: 24px; */
	text-decoration: none;
	padding-top: 10px;
}

#rounded-button-blue-solid a:link a:visited{
	color: #fff;
	text-decoration:none; 
}

#rounded-button-blue-solid a:hover{
	color: #F0F0F0;
	text-decoration:none; 
}

/* Rounded Button Teal Solid */

#rounded-button-teal-solid {
    border-radius: 25px;
    border: 1px solid #008080;
	background-color: #008080;
	color: #fff;
    padding: 10px 20px;
    /* width: 175px;
    height: 25px;   */
	margin: 0px 8px;
	text-align: center;
}

#rounded-button-teal-solid a{
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-size: 24px;
	font-weight: 200;
	/* line-height: 24px; */
	text-decoration: none;
	padding-top: 10px;
}

#rounded-button-teal-solid a:link a:visited{
	color: #fff;
	text-decoration:none; 
}

#rounded-button-teal-solid a:hover{
	color: #F0F0F0;
	text-decoration:none; 
}


#rounded-button-blue {
    border-radius: 15px;
    border: 1px solid #0178d6;
	background-color: #fff;
	color: #0178d6;
    padding: 10px; 
    width: 175px;
    height: 25px;   
	margin-left: auto;
    margin-right: auto;
	text-align: center;
}

#rounded-button-blue a:link {
	color: #0178d6;
	text-decoration:none; 
}

#rounded-button-blue {
    border-radius: 15px;
    border: 1px solid #0178d6;
	background-color: #0178d6;
	color: #fff;
    padding: 10px; 
    width: 175px;
    height: 25px;   
	margin-left: auto;
    margin-right: auto;
	text-align: center;
}

#rounded-button-blue a:link {
	color: #fff;
	text-decoration:none; 
}

/* Rounded Button Green Solid */

#rounded-button-green-solid {
    border-radius: 25px;
    border: 1px solid #008000;
	background-color: #008000;
	color: #fff;
    padding: 10px 20px;
    /* width: 175px;
    height: 25px;   */
	margin: 0px 8px;
	text-align: center;
}

#rounded-button-green-solid a{
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-size: 24px;
	font-weight: 200;
	/* line-height: 24px; */
	text-decoration: none;
	padding-top: 10px;
}

#rounded-button-green-solid a:link a:visited{
	color: #fff;
	text-decoration:none; 
}

#rounded-button-green-solid a:hover{
	color: #F0F0F0;
	text-decoration:none; 
}

/* Rounded Button Purple Solid */

#rounded-button-purple-solid {
    border-radius: 25px;
    border: 1px solid #800080;
	background-color: #800080;
	color: #fff;
    padding: 10px 20px;
    /* width: 175px;
    height: 25px;   */
	margin: 0px 8px;
	text-align: center;
}

#rounded-button-purple-solid a{
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-size: 24px;
	font-weight: 200;
	/* line-height: 24px; */
	text-decoration: none;
	padding-top: 10px;
}

#rounded-button-purple-solid a:link a:visited{
	color: #fff;
	text-decoration:none; 
}

#rounded-button-purple-solid a:hover{
	color: #F0F0F0;
	text-decoration:none; 
}

/* Hz OLD BLUE Button */
  
#hz-button-nav-old-blue{
margin: 0px auto;
width: 60%;
}

#hz-button-nav-old-blue ul{
padding-left:3px !important;

}

#hz-button-nav-old-blue a {
 color: #fff;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-nav-old-blue  li{
	background: #eee none repeat scroll 0 0;
	background-color: #0178D6;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-nav-old-blue a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-nav-old-blue a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz SPARX BLUE Button */
  
#hz-button-sparx-blue{
margin: 0px auto;
width: 60%;
}

#hz-button-sparx-blue ul{
padding-left:3px !important;

}

#hz-button-sparx-blue a {
 color: #fff;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-sparx-blue  li{
	background: #eee none repeat scroll 0 0;
	background-color: #0B3E6B;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-sparx-blue a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-sparx-blue a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz SPARX BLUE Button Reversed */
  
#hz-button-sparx-blue-rev{
margin: 0px auto;
width: 60%;
}

#hz-button-sparx-blue-rev ul{
padding-left:3px !important;

}

#hz-button-sparx-blue-rev a {
 color: #0b3e6b;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-sparx-blue-rev  li{
	background: #eee none repeat scroll 0 0;
	background-color: #0B3E6B;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-sparx-blue-rev a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-sparx-blue-rev a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz NEW BLUE Button */
  
#hz-button-nav-blue{
margin: 0px auto;
width: 60%;
}

#hz-button-nav-blue ul{
padding-left:3px !important;
}

#hz-button-nav-blue a {
 color: #fff;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-nav-blue  li{
	background: #eee none repeat scroll 0 0;
	background-color: #0000FF;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-nav-blue a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-nav-blue a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz OLD ORANGE Button */

#hz-button-nav-old-orange{
margin: 0px auto;
width: 60%;
}

#hz-button-nav-old-orange ul{
padding-left:3px !important;
}

#hz-button-nav-old-orange a {
 color: #fff;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-nav-old-orange  li{
	background: #eee none repeat scroll 0 0;
	background-color: #DD5900;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-nav-old-orange a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-nav-old-orange a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz NEW ORANGE Button */

#hz-button-nav-orange{
margin: 0px auto;
width: 60%;
}

#hz-button-nav-orange ul{
padding-left:3px !important;
}

#hz-button-nav-orange a {
 color: #fff;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-nav-orange  li{
	background: #eee none repeat scroll 0 0;
	background-color: #FF8C00;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-nav-orange a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-nav-orange a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz RED Button */

#hz-button-nav-red{
margin: 0px auto;
width: 60%;
}

#hz-button-nav-red ul{
padding-left:3px !important;
}

#hz-button-nav-red a {
 color: #fff;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-nav-red  li{
	background: #eee none repeat scroll 0 0;
	background-color: #FF0000;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-nav-red a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-nav-red a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz OLD GREEN Button */

#hz-button-nav-old-green{
margin: 0px auto;
width: 60%;
}

#hz-button-nav-old-green ul{
padding-left:3px !important;
}

#hz-button-nav-old-green a {
 color: #fff;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-nav-old-green  li{
	background: #eee none repeat scroll 0 0;
	background-color: #007233;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-nav-old-green a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-nav-old-green a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz GREEN Button */

#hz-button-nav-green{
margin: 0px auto;
width: 60%;
}

#hz-button-nav-green ul{
padding-left:3px !important;
}

#hz-button-nav-green a {
 color: #fff;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-nav-green  li{
	background: #eee none repeat scroll 0 0;
	background-color: #008000;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-nav-green a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-nav-green a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz PURPLE Button */

#hz-button-nav-purple{
margin: 0px auto;
width: 60%;
}

#hz-button-nav-purple ul{
padding-left:3px !important;
}

#hz-button-nav-purple a {
 color: #fff;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-nav-purple  li{
	background: #eee none repeat scroll 0 0;
	background-color: #800080;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-nav-purple a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-nav-purple a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz TEAL Button */

#hz-button-nav-teal{
margin: 0px auto;
width: 60%;
}

#hz-button-nav-teal ul{
padding-left:3px !important;
}

#hz-button-nav-teal a {
 color: #fff;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-nav-teal  li{
	background: #eee none repeat scroll 0 0;
	background-color: #008080;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-nav-teal a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-nav-teal a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz GREY Button */

#hz-button-nav-grey{
margin: 0px auto;
width: 60%;
}

#hz-button-nav-grey ul{
padding-left:3px !important;
}

#hz-button-nav-grey a {
 color: #666;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-nav-grey  li{
	background: #eee none repeat scroll 0 0;
	background-color: ##F0F0F0;
	border: 1px solid #666;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-nav-grey a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-nav-grey a:hover{
	color: #555; 
	text-decoration:none; 
}

/* ############ */
/* DUST BUTTONS */
/* ############ */

/* Hz DUST Grey Button TOP */
  
#hz-button-dust-grey-top{
margin: 0px auto;
width: 60%;
}

#hz-button-dust-grey-top ul{
padding-left:3px !important;
}

#hz-button-dust-grey-top a {
 color: #595959;
 font-family: "Roboto",sans-serif;
 font-size: 16px;
 font-weight: 400;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-dust-grey-top  li{
	background: #eee none repeat scroll 0 0;
	background-color: #F5F5F5;
	border: 1px solid #595959;
	border-radius: 33px;
	color: #595959;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-dust-grey-top a:link a:visited {
	color: #595959; 
	text-decoration:none; 
}
#hz-button-dust-grey-top a:hover{
	color: #595959; 
	text-decoration:none; 
}

/* Rounded Button Dust Blue Solid */

#rounded-button-dust-blue-solid {
    border-radius: 25px;
    border: 1px solid #595959;
	background-color: #f5f5f5;
	color: #595959;
    padding: 5px 45px;
    /* width: 175px;
    height: 25px;   */
	margin: 0px 8px;
	text-align: center;
}

#rounded-button-dust-blue-solid a{
	color: #595959;
	font-family: "Roboto",sans-serif;
	font-size: 16px;
	font-weight: 400;
	/* line-height: 24px; */
	text-decoration: none;
	padding-top: 10px;
}

#rounded-button-dust-blue-solid a:link a:visited{
	color: #595959;
	text-decoration:none; 
}

#rounded-button-dust-blue-solid a:hover{
	color: #595959;
	text-decoration:none; 
}

/* Hz DUST BLUE Button */
  
#hz-button-dust-blue{
margin: 0px auto;
width: 60%;
}

#hz-button-dust-blue ul{
padding-left:3px !important;
}

#hz-button-dust-blue a {
 color: #595959;
 font-family: "Roboto",sans-serif;
 font-size: 16px;
 font-weight: 400;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-dust-blue  li{
	background: #eee none repeat scroll 0 0;
	background-color: #D3E7F5;
	border: 1px solid #595959;
	border-radius: 33px;
	color: #595959;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-dust-blue a:link a:visited {
	color: #595959; 
	text-decoration:none; 
}
#hz-button-dust-blue a:hover{
	color: #595959; 
	text-decoration:none; 
}

/* Hz DUST Grey Button */
  
#hz-button-dust-grey{
margin: 0px auto;
width: 60%;
}

#hz-button-dust-grey ul{
padding-left:3px !important;
}

#hz-button-dust-grey a {
 color: #595959;
 font-family: "Roboto",sans-serif;
 font-size: 16px;
 font-weight: 400;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-dust-grey  li{
	background: #eee none repeat scroll 0 0;
	background-color: #F5F5F5;
	border: 1px solid #595959;
	border-radius: 33px;
	color: #595959;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-dust-grey a:link a:visited {
	color: #595959; 
	text-decoration:none; 
}
#hz-button-dust-grey a:hover{
	color: #595959; 
	text-decoration:none; 
}

/* Hz DUST RED Button */
  
#hz-button-dust-red{
margin: 0px auto;
width: 60%;
}

#hz-button-dust-red ul{
padding-left:3px !important;
}

#hz-button-dust-red a {
 color: #595959;
 font-family: "Roboto",sans-serif;
 font-size: 16px;
 font-weight: 400;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-dust-red  li{
	background: #eee none repeat scroll 0 0;
	background-color: #FFE3D6;
	border: 1px solid #595959;
	border-radius: 33px;
	color: #595959;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-dust-red a:link a:visited {
	color: #595959; 
	text-decoration:none; 
}
#hz-button-dust-red a:hover{
	color: #595959; 
	text-decoration:none; 
}


/* Hz DUST GREEN Button */
  
#hz-button-dust-green{
margin: 0px auto;
width: 60%;
}

#hz-button-dust-green ul{
padding-left:3px !important;
}

#hz-button-dust-green a {
 color: #595959;
 font-family: "Roboto",sans-serif;
 font-size: 16px;
 font-weight: 400;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-dust-green  li{
	background: #eee none repeat scroll 0 0;
	background-color: #E1FFE3;
	border: 1px solid #595959;
	border-radius: 33px;
	color: #595959;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-dust-green a:link a:visited {
	color: #595959; 
	text-decoration:none; 
}
#hz-button-dust-green a:hover{
	color: #595959; 
	text-decoration:none; 
}

/* Hz DUST ORANGE Button */
  
#hz-button-dust-orange{
margin: 0px auto;
width: 60%;
}

#hz-button-dust-orange ul{
padding-left:3px !important;
}

#hz-button-dust-orange a {
 color: #595959;
 font-family: "Roboto",sans-serif;
 font-size: 16px;
 font-weight: 400;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-dust-orange  li{
	background: #eee none repeat scroll 0 0;
	background-color: #FFEFCB;
	border: 1px solid #595959;
	border-radius: 33px;
	color: #595959;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-dust-orange a:link a:visited {
	color: #595959; 
	text-decoration:none; 
}
#hz-button-dust-orange a:hover{
	color: #595959; 
	text-decoration:none; 
}


.cols {
  border: none;
  }
  
.cols li {
  	font-size: 16px;
	padding-left: 5px;
	color: #595959;
	font-family: "Roboto",sans-serif;
	font-weight: 400;
	line-height: 19px;
}
  
.section-dark-2cols {
  width: 480px;
  /* height: 280px; */
  border: 1px solid #666;
  background-color:#F6F6F6;
  text-align: center;
  }
  
  .section-clr-2cols {
  width: 480px;
  /* height: 280px; */
  /* border: 1px solid #666; */
  background-color:#FFF;
  text-align: center;
  }
  
  .section-clr-2cols  p{
  color: #666;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
  }
  
 .section-clr-3cols-long {
  width: 319px;
  height: 588px; 
  /* border: 1px solid #666; */
  text-align: left;  
  background-color:#FFF;
  }
  
  .section-clr-3cols {
  width: 319px;
  /* height: 280px; 
  border: 1px solid #666; */
  background-color:#FFF;
  text-align: center;
  }
  
  .section-clr-3cols  p{
  color: #666;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
  }
  

.textblock {
    background-color: #007233;
    border: 0px;
    height: auto;
    margin: 10px 0 0; 
   /* margin-left: auto;
	margin-right: auto; */
    padding: 5px;
    text-align: center;
}  

.textblock .col {
    height: 250px;
	background-color: #007233;
	border: 1px solid #fff;
}

.textblock p {
    color: #fff;
}

.resources {
    margin: 10px 0;
}

.thumbnail-left {
    margin-left: 180px;
}

.thumbnail-left tr td {
    padding: 5px;
}

.thumbnail-left img {
    /*border-style: solid;
	border-width: 1px; */
    height: 70px;
    width: 100px;
}

.thumbnailx2-left {
    margin-left: 120px;
}

.thumbnailx2-left tr td {
	padding: 5px;
}

.thumbnailx2-left img {
    /*border-style: solid;
	border-width: 1px; */
    height: 70px;
    width: 100px;
}


.thumbnailx3-left {
    margin-left: 65px;
}

.thumbnailx3-left tr td {
	padding: 5px;
}

.thumbnailx3-left img {
    /*border-style: solid;
	border-width: 1px; */
    height: 70px;
    width: 100px;
}

.thumbnailx4-left {
    margin-left: 8px;
}

.thumbnailx4-left tr td {
	padding: 5px;
}

.thumbnailx4-left img {
    /*border-style: solid;
	border-width: 1px; */
    height: 70px;
    width: 100px;
}

.thumbnailx2-right {
    margin-left: 160px;
}

.thumbnailx2-right tr td {
    padding: 5px;
}

.thumbnailx2-right img {
    /*border-style: solid;
	border-width: 1px; */
    height: 70px;
    width: 100px;
}


.thumbnail-right {
    margin-left: 200px;
}
.thumbnail-right img {
    /*border-style: solid;
	border-width: 1px; */
    height: 70px;
    width: 100px;
}
.thumbnail-right tr td {
  padding: 5px;
}

.thumbnailx3-right {
    margin-left: 100px;
}

.thumbnailx3-right tr td {
	padding: 5px;
}

.thumbnailx3-right img {
    /*border-style: solid;
	border-width: 1px; */
    height: 70px;
    width: 100px;
}

.thumbnailx4-right {
    margin-left: 35px;
}

.thumbnailx4-right tr td {
	padding: 5px;
}

.thumbnailx4-right img {
    /*border-style: solid;
	border-width: 1px; */
    height: 70px;
    width: 100px;
}

.top-screens img {
	padding: 20px;
	width: 700px;
}

#navbar-inner {max-width:1200px;width:unset;}
.ea-logo-header {width: 100%;}
.babok-section {margin: 0 auto;width: 1000px;font-size: 11px;line-height: 1.636em;padding-bottom: 18px;}
.navi-butons {padding-left: 3px !important;}
.navi-butons li {background: #eee none repeat scroll 0 0;background-color: rgb(238, 238, 238);background-color: #F5F5F5;border: 1px solid #595959;border-radius: 33px;color: #595959;display: inline-block;list-style-type: none;margin: 5px 0px;overflow: visible;padding: 5px 45px;white-space: nowrap;}
.navi-butons li a {text-decoration: none;color:#666;}
.navi-butons li:hover {background-color:#ddd;}






@media screen and (max-width:1000px){
	#wide-content{width:400px!important;}
	#enterprise,#architect {font-size:48px;}
	#centerquote,#productstable{width:auto!important;overflow:hidden;} #ea-logo-head {width:400px;} #wide-content{width:300px;}
	#tableproductstable {margin:0 auto;overflow:hidden;display:none;} #padding-200{margin-top:10px} 
	.eanav,.topic-container .text-large, .text-small, .text-med {width:100%!important;}
	.top,h3,#actionBox{width:auto!important;margin: 0 auto!important;text-align:left!important;display:block;} 
	#actionBox a {margin: 0 auto!important;display:block;}#buy{width:190px;} .padding-leftbutton{text-align:center;padding-left:0px;}
	.topic-container{ overflow: visible!important;text-align:center!important;} 
    .thumbnailx4-left,.thumbnailx3-right, .thumbnail-left,.thumbnailx2-left,.thumbnailx2-right,.leftbox { padding: 0px!important;margin:0 auto;}
	.topic-container .hard-right img{float:none;}
	.topic-container ul li, p{text-align:left;}  #rounded-button-dust-blue-solid{ width:150;margin:5px;}
	.w3-quarter{width:100%!important;} 
	}