/* setup styles */

html {
	height: 100%;
	background-color: #000000;
}
body, th {
	font-family: Avenir, Arial, Helvetica, sans-serif;
	font-size: 13px;
	/* [disabled]color: #222222; */
}
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background: none;
}

#site {
	background: #000000 url(../imgs/bg-1.jpg) no-repeat center top;
	margin: 0px;
	padding: 0px 0px;
	width: 100%;
	height: auto;
	min-height: 100%;
}

.span-120 { width: 120px; }
.span-1000 { width: 1000px; }
.span-88p { width: 88%; }
.span-100p { width: 100%; }
 
 th, td {
 }
 
/* common styles */

hr {
	padding: 0px;
	margin: 0px 0px;
}
hr {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #818181;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	width: 88%;
	padding: 0px 0px;
	margin: 15px 0px;
}
.hr
{
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #b1b1b1;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	width: 55%;
	padding: 0px 0px;
	margin: 8px 0px;
}

img {
	border: 0px;
	border-style: none;
}

:focus {
    outline: 0px dotted #000000 !important;
}
a, .cover {
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
a:link {
	text-decoration: none;
	color: #f78f1e;
}
a:visited {
	text-decoration: none;
	color: #f78f1e;
}
a:hover {
	text-decoration: underline;
	color: #222222;
}
a:active {
	text-decoration: none;
	color: #747ea0;
}

p, p.ptext {
	line-height: 1.5em;
	font-weight: normal;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	clear: none;
	font-size: 13px;
}
h1, h1.header1 {
	font-size: 24px;
	font-weight: normal;
	line-height: 1.3em;
	margin: 20px 0px 0px 0px;
	letter-spacing: 0.08em;
	padding: 0px 0px 5px 0px;
}
h2, h2.header2 {
	font-size: 18px;
	font-weight: normal;
	margin: 5px 0px 0px 0px;
	line-height: 1.3em;
	padding: 5px 0px 5px 0px;
	letter-spacing: 0.08em;
}
h3, h3.header3 {
	font-size: 15px;
	font-weight: normal;
	margin: 0px;
	line-height: 1.5em;
	padding: 8px 0px 5px 0px;
	letter-spacing: 0.08em;
}
h4, h4.header4 {
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
}
h5, h5.header5 {
	font-size: 10px;
}
h6, h6.header6 {
	font-size: 10px;
	font-weight: normal;
	clear: both;
	padding: 0px;
	margin: 0px;
}
ol, ul {
	margin: 0px;
	padding: 0px 0px 5px 30px;
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}
li {
	padding: 0px auto 3px auto;
}

a.docLink {
	padding-left: 1px;
	padding-right: 20px;
	background: transparent url(../imgs/icon-doc.png) no-repeat center right;
}
a.pdfLink {
	padding-left: 1px;
	padding-right: 20px;
	background: transparent url(../imgs/icon-pdf.png) no-repeat center right;
}
a.mailLink {
	padding-left: 1px;
	padding-right: 20px;
	background: transparent url(../imgs/icon-mailto.png) no-repeat center right;
}
a.popLink {
  	padding-left: 1px;
  	padding-right: 20px;
  	background: transparent url(../imgs/icon-popup.png) no-repeat center right;
}
a.boxLink {
  	padding-left: 1px;
  	padding-right: 20px;
  	background: transparent url(../imgs/icon-popup.png) no-repeat center right;
}
a.externalLink {
	padding-left: 1px;
	padding-right: 20px;
	background: transparent url(../imgs/icon-external.png) no-repeat 100% 100%;
}
a.externalLink:hover {
	text-decoration: underline;
}
a.externalImageLink {
  	padding: 20px 4px;
  	background: transparent url(../imgs/icon-external.png) no-repeat 100% 100%;
}
a.excerptLink {
  	padding-left: 1px;
  	padding-right: 20px;
  	background: transparent url(../imgs/icon-popup.png) no-repeat center right;
	color: #69511f;
}
a.excerptLink:hover {
	
}
/* fix the registered mark leading */
sup {
	font-size: 70%;
	vertical-align: 3px;
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

.pushLeft {
	float:left;
}
.pushRight {
	float:right;
}
.pushNone {
	float:none;
}
.pushClear {
	clear:both;
}

/* framework styles */

#site.siteMain {
	background: #000000 url(../imgs/bg-main-full.jpg) no-repeat center top;
}
#logoBox {
	float: left;
	margin: 0px 0px;
	padding: 0px;
	padding-left: 10px;
	width: 200px;
	height: 80px;
	text-align: left;
}
#tagBox {
	float: right;
	margin: 40px 0px 0px 0px;
	padding: 0px 0px;
	width: 350px;
	height: 25px;
	text-align: right;
}
#navBox {
	/*clear: both;*/
	/*float: left;*/
	/*margin: 0px auto;*/
	padding: 0px 0px;
	width: 100%;
	height: 63px;
	text-align: center;
}
#linksBox {
	
}
#iconlinksBox {
	clear: both;
	float: none;
	margin: 0px 0px;
	padding: 0px 0px;
	width: auto;
	height: 36px;
	text-align: left;
}
#footerlinksBox {
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px;
	width: auto;
	height: auto;
	text-align: left;
}
#legalBox {
	float: right;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px;
	width: 500px;
	height: auto;
	text-align: right;
}
#copyrightBox {
	float: left;
	margin: 0px 0px;
	padding: 0px 0px;
	width: auto;
	height: auto;
	text-align: left;
	display: block;
}
#copyrightBox h3 {
	font-size: 9px;
	padding: 0px;
	margin: 0px;
	color: #ffffff;
	line-height: 1.3em;
	letter-spacing: 0em;
}


/* table styles */

table.tableStyle1 {
	font-size:11px;
	color:#000000;
	border-collapse: collapse;
}
table.tableStyle1 th {
	background:#b1c74e url(../imgs/bg-cell-litegreen.html) center -1px;
	padding: 10px 15px;
	border-bottom: 8px solid #ffffff;
	font-size: 13px;
}
table.tableStyle1 tr.altHeader th {
	background:#69511f url(../imgs/bg-cell-brown.html) center -1px;
	color: #ffffff;
}
table.tableStyle1 td {
	background:#ffffff url(../imgs/bg-cell-grey.html) center -3px;
	padding: 5px 15px 8px 15px;
	font-size: 11px;
	border-bottom: 1px solid #f5f5f5;
	line-height: 2em;
}
table.tableStyle1 td.altColor {
	color: #426c3d;
	font-weight: bold;
}
table.tableStyle1 tr.altRow td {
	background:#f5f5f5 url(../imgs/bg-cell-grey3.html) center -3px;
}

/* misc styles */

ul#topNav {
	list-style: none;
	text-align: center;
	margin: 30px auto 0px auto;
	padding: 0px;
	height: 18px;
	width: auto;
	color: #ffffff;
	font-size: 13px;
}
ul#topNav li {
	display: inline;
	margin: 0px;
	padding: 3px 0px;
}
ul#topNav li.topNav-dash {
	width: 1px;
	padding: 0px;
	margin: 0px 5px;
}
ul#topNav a {
	color: #ffffff;
	padding: 5px 5px;
	margin: 0px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}
ul#topNav a:hover {
	color: #f78f1e;
	text-decoration: none;
	font-weight: bold;
}
ul#topNav li.current a {
	color: #bbc1d6;
}
ul#topNav li.first {
}

ul#btmNav {
	list-style: none;
	text-align: left;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	height: auto;
	width: auto;
	color: #ffffff;
	font-size: 9px;
	line-height: 1.3em;
}
ul#btmNav li {
	display: inline;
	margin: 0px;
	padding: 0px;	
}
ul#btmNav li.btmNav-dash {
	width: 1px;
	padding: 0px;
	margin: 0px 4px;
}
ul#btmNav a {
	color: #ffffff;
	padding: 0px 1px;
	margin: 0px;
}
ul#btmNav a:hover {
	
}
ul#btmNav li.current a {
	
}
ul#btmLegal {
	list-style: none;
	text-align: right;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	height: auto;
	width: auto;
	color: #ffffff;
	font-size: 9px;
	line-height: 1.3em;
}
ul#btmLegal li {
	display: inline;
	margin: 0px;
	padding: 0px;	
}
ul#btmLegal li.btmLegal-dash {
	width: 1px;
	padding: 0px;
	margin: 0px 4px;
}
ul#btmLegal a {
	color: #ffffff;
	padding: 0px 1px;
	margin: 0px;
}
ul#btmLegal a:hover {
	
}

#header {
	margin:0px auto;
	width:1000px;
	height:auto;
	float: none;
	clear: both;
}
#headerBox {
	margin:0px 35px 14px 35px;
	width:930px;
	height:143px;
	float: none;
	clear: both;
}
#logoBox a {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 80px;
	width: 200px;
	display: block;
}

#logoBox a img {
	width: 100%;
	margin-top: 20px;
	margin-left: 10px;
 }

#tagBox h2 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 25px;
	width: 350px;
	display: block;
}
ul#topNav li strong {
	font-weight: normal;
}
#main {
	margin:0px auto;
	width:100%;
	height:338px;
	float: none;
	clear: both;
	min-height: 338px;
	background: none;
}
#mainBox {
	margin:0px auto;
	width:100%;
	height:338px;
	float: none;
	clear: both;
	min-height: 338px;
	background-color: none;
	background: none;
}
#section {
	margin:0px auto;
	width:100%;
	height:auto;
	float: none;
	clear: both;
	min-height: 180px;
	background-color: none;
}
#sectionBox {
	margin:0px auto;
	/*width:1000px;*/
	height:auto;
	float: none;
	clear: both;
	min-height: 180px;
	background-color: #ffffff;
	padding: 0px 0px;
	background: #ffffff url(../imgs/bg-fade-top.png) repeat-x center top;
}

div.main div#main-home {
	margin:0px auto;
	width:100%;
	/*height:354px;*/
	float: none;
	clear: both;
	min-height: 120px;
	background: none;
}
#mainBox-home {
	margin:0px auto;
	width:100%;
	/*height:354px;*/
	float: none;
	clear: both;
	min-height: 100px;
	background-color: none;
	background: url(../imgs/img-hero-main-home-2.png) no-repeat center top;
}

div#sectionBox.home {
	background-color: transparent;
	background-image: none;
}

div.home div.row.contentBox {
	/*margin:0px auto;*/
	/*width:100%;*/
	height:auto;
	float: none;
	clear: both;
	min-height: 100px;
	padding: 15px 0px 0px 0px;
}

div.home div.row.contentBox #contentBox-home {
	height:auto;
	float: none;
	clear: both;
	min-height: 80px;
	background-color: #ffffff;
	background: #ffffff url(../imgs/bg-fade-top.png) repeat-x center top;
}
.pushClear-fade {
	background: #ffffff url(../imgs/bg-fade-btm.png) repeat-x center bottom;
	clear:both;
	height: 22px;
}
/*#heroBox {*/
	/*float:left;*/
	/*width:420px;*/
	/*height:auto;*/
	/*margin:22px 0px 0px 0px;*/
	/*padding:15px 5px 20px 0px;*/
	/*min-height: 300px;*/
/*}*/
/*#heroBox.heroWide {*/
	/*width:610px;*/
	/*padding-right:30px*/
/*}*/

div.services #heroBox {
	height:auto;
	margin:88px 0px 0px 0px;
	min-height: 300px;
	text-align: center;
}

div.services #testimonialsBox {
	min-height: 170px;
}

div.abousus #heroBox {
	height:auto;
	margin:88px 0px 0px 0px;
	min-height: 300px;
	text-align: center;
}

div.customers #heroBox {
	margin: 22px 0px 0px 0px;
	padding: 15px 5px 20px 0px;
	min-height: 300px;
	text-align: center;
	transform: scale(.9);
	transform-origin: top left;
}

div.contactus #heroBox-contacts {
	margin: 22px 0px 0px 0px;
	padding: 15px 20px 20px 10px;
	min-height: 300px;
	text-align: center;
}

div.contactus #testimonialsBox {
	min-height: 210px;
}

#contentBox {
	/*float:right;*/
	/*width:525px;*/
	height:auto;
	margin:0px;
	padding:0px 30px 10px 15px;
}

#contentBox-home {
	float:none;
	width:auto;
	height:auto;
	margin:20px;
	padding:15px 30px 10px 30px;
	margin-top: 0px;
}
#footer {
	margin:0px auto;
	width:1000px;
	height:auto;
	float: none;
	clear: both;
}
#footerBox {
	margin:18px 35px 0px 35px;
	width:930px;
	height:auto;
	float: none;
	clear: both;
}
#socialBox {
	float:left;
	width:49%;
	height:23px;
	margin:0px;
	padding:0px;
}
#paymentsBox {
	float:right;
	width:49%;
	height:36px;
	margin:0px;
	padding:0px;
}
ul#socialNav {
	list-style: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
	color: #ffffff;
	font-size: 9px;
	line-height: 1.0em;
}
ul#socialNav li {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	width: 23px;
	height: 23px;
	display: inline;
}
ul#paymentsNav {
	list-style: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
	color: #ffffff;
	font-size: 9px;
	line-height: 1em;
	float: right;
}
ul#paymentsNav li {
	display: inline;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: auto;
	height: 36px;
	float: right;
}
#contentBox-home h1.homeText {
	text-align: center;
	width: 99%;
	color: #006b9d;
	text-shadow: 0px 0px 0px;
	text-transform: none;
	font-size: 20px;
	margin-top: 10px;
}
#contentBox-home h2.homeText {
	text-align: center;
	width: 99%;
	font-size: 15px;
	color: #000000;
	letter-spacing: 0em;
}
#contentBox-home h3.homeText {
	text-align: center;
	width: 99%;
}
#contentBox-home p {
	margin: 3px 0px 8px 0px;
}
#contentBox-home p.homeText {
	line-height: 1.8em;
	margin: 8px 0px 8px 0px;
	padding: 3px 0px 3px 0px;
	text-align: center;
	width: 99%;
}
#contentBox p {
	width: 93%;
	margin: 3px 0px 8px 0px;
}
#contentBox p.homeText {
	line-height: 1.8em;
	margin: 8px 0px 8px 0px;
	padding: 3px 0px 3px 0px;
	width: 88%;
}

ul#listLeadership {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 8px 0px;
}
ul#listLeadership li {
	margin: 1px 0px 8px 0px;
	padding: 3px auto;
}
ul#listLeadership li a {
	color: #000000;
}
ul#listLeadership li a:hover {
	color: #f78f1e;
	font-weight: bold;
	text-decoration: none;
}
#contactBox {
	/*float:right;*/
	/*width:345px;*/
	height:auto;
	margin:0px;
	padding:35px 15px 0px 0px;
	text-align: right;
}
#contactBox p {
	width: 98%;
}
#sectionBox-home h1 {
	color: #0e0a8c;
	text-shadow: 1px 2px 1px #b2b2b2;
	text-transform: uppercase;
	text-align: center;
}
#sectionBox-home h2 {
	color: #2B2B2B;
}
#sectionBox-home h3 {
	color: #747EA0;
}
#sectionBox h1 {
	color: #0e0a8c;
	text-shadow: 1px 2px 1px #b2b2b2;
	text-transform: uppercase;
}
#sectionBox h2 {
	color: #2B2B2B;
	text-align: center;
}
#sectionBox h3 {
	color: #747ea0;
}
#contactSocial {
	margin: 15px auto;
	padding: 0px;
	text-align: center;
	position: relative;
	width: auto;
	height: auto;
}
#contactSocial .contactIcon {
	float: right;
	margin: 0px;
	padding: 2px;
	text-align: center;
	width: 82px;
}
#contactSocial .contactIcon h3 {
	font-size: 10px;
	text-shadow: 2px 2px 2px #b2b2b2;
}
#demoBox {
	float:none;
	margin: 5px auto 1px auto;
	text-align: center;
	padding: 0 auto;
	width: auto;
	display: block;
}
#demoBox h3{
	color: #006b9d;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 1.1em;
	margin: 0;
	padding: 0;
	padding-bottom: 1px;
}

div.solutions #heroBox {
	/*float:left;*/
	/*width:420px;*/
	height:auto;
	margin:0px;
	padding:20px 5px 20px 5px;
	transform: scale(.9);
	transform-origin: top left;
}

#hero-products {
	padding: 0px 0px;
	text-align: center;
	background: url(../imgs/img-hero-ipad-frame.jpg) no-repeat center top;
	width: 420px;
	min-height: 298px;
}
ul.listFeatures {
	margin:3px 0px 8px 0px;
	line-height:1.5em;
}
ul.listFeatures li {
	padding:3px 0px 5px 0px;
}
/* trigger button */
a#bioLink {
}
/* mouseover state */
a#bioLink:hover {
}
/* clicked state */
a#bioLink:focus {
}

#bioBox1, #bioBox2, #bioBox3, #bioBox4, #bioBox5, #bioBox6, #bioBox7, #bioBox8, #bioBox9 {
	margin: 0px;
	padding: 0px;
}
ul#listTestimonials {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 8px 0px;
}
ul#listTestimonials li {
	margin: 1px 0px 8px 0px;
	padding: 3px auto;
}
ul#listTestimonials li a {
	color: #f78f1e;
}
ul#listTestimonials li a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.bioBox {
	margin:0px;
	padding: 0px 15px 25px 15px;
}
#listLeadership .bioBox h3.bioHeader, #colorbox .bioBox h3.bioHeader {
	font-size: 18px;
	text-transform: uppercase;
	text-shadow: 1px 2px 1px #c9c9c9;
	color: #f78f1e;
	line-height: 1.3em;
	padding: 0px 0px 13px 0px;
}
.bioBox p, #colorbox .bioBox p {
	font-size: 9pt;
	margin: 3px 0px 8px 0px;
	padding: 0px 15px;
	line-height: 1.8em;
	letter-spacing: .02em;
}

/* trigger button */
a#bioLink {
}
/* mouseover state */
a#bioLink:hover {
}
/* clicked state */
a#endorseLink:focus {
}

#endorseBox1, #endorseBox2, #endorseBox3, #endorseBox4, #endorseBox5, #endorseBox6, endorseBox7, endorseBox8, endorseBox9 {
	margin: 0px;
	padding: 0px;
}
.endorseBox {
	margin:0px;
	padding: 0px 15px 15px 15px;
}
#listTestimonials .endorseBox h3.endorseHeader, #colorbox .endorseBox h3.endorseHeader {
	font-size: 15px;
	text-transform: uppercase;
	text-shadow: 1px 2px 1px #c9c9c9;
	color: #747ea0;
	padding-top: 0px;
	line-height: 1.3em;
}
.endorseBox p, #colorbox .endorseBox p {
	font-size: 9pt;
	margin: 3px 0px 8px 0px;
	padding: 5px 15px;
	line-height: 2.3em;
	font-style: italic;
	letter-spacing: 0.03em;
}

/* trigger button */
a.tooltipLink {
}
/* mouseover state */
a.tooltipLink:hover {
}
/* clicked state */
a.tooltipLink:focus {
}
/* tooltip styling */
.tooltip {
	display: none;
	height: auto;
	min-height: 125px;
	padding: 0px 0px 10px 20px;
	margin: 0px 0px 0px 10px;
	width: 360px;
	color: #fff;
	border-bottom: 1px solid #000000;
}
.tooltip #tipBox {
	background: url(../imgs/bg-hoverbox-trans.png) repeat top left;
	width: 320px;
	padding: 5px 15px 5px 15px;
	margin: 0px 0px -10px -20px;
	border: 2px solid #000000;
	border-bottom: 1px solid #000000;
}
/* a .label element inside tooltip */
.tooltip .label {
}
.tooltip a {
}
#contentBox .tooltip p {
	font-size: 11px;
	text-shadow: 2px 2px 2px #222;
}
#contentBox p.bioHeader {
	text-transform: uppercase;
}
#portalBox {
	float:right;
	width:930px;
	height:auto;
	margin:0px;
	padding:0px 35px 0px 0px;
}
#portalBox p {
	
}
#policyBox {
	height:auto;
	margin:0px;
	padding:10px 35px 5px 35px;
}
#policyBox p {
	font-size: 93%;
	margin: 3px 0px 8px 0px;
}
#policyBox h2 {
	font-size: 97%;
}
#policyBox ul, #policyBox ol {
	font-size: 93%;
}
#policyBox ul li, #policyBox ol li {
	margin: 1px 0px 3px 0px;
}
div.solutions #heroBox h2 a {
	font-weight: bold;
	display: block;
	margin: 0 auto;
	width: 366px;
}
div.solutions #heroBox h2 a:hover {
	text-decoration: none;
	color: #f78f1e;
}

div.solutions #heroBox h2 a strong.btn-dashboard {
	display: block;
	clear: both;
	width: 366px;
	height: 28px;
	background: url(../imgs/btn-dashboard-1.png) no-repeat center top;
	margin: 0 auto;
	margin-top: 42px;
}
div.solutions #heroBox h2 a:hover strong.btn-dashboard {
	background: url(../imgs/btn-dashboard-2.png) no-repeat center top;
}
div.solutions #heroBox h2 a strong.btn-course {
	display: block;
	clear: both;
	width: 366px;
	height: 28px;
	background: url(../imgs/btn-course-1.png) no-repeat center top;
	margin: 0 auto;
	margin-top: 36px;
}
div.solutions #heroBox h2 a:hover strong.btn-course {
	background: url(../imgs/btn-course-2.png) no-repeat center top;
}
div.solutions #heroBox h2 a strong.btn-cert {
	display: block;
	clear: both;
	width: 366px;
	height: 28px;
	background: url(../imgs/btn-cert-1.png) no-repeat center top;
	margin: 0 auto;
	margin-top: 42px;
}
div.solutions #heroBox h2 a:hover strong.btn-cert {
	background: url(../imgs/btn-cert-2.png) no-repeat center top;
}
#mainBox .mainAd {
	width:550px;
	height:30px;
	margin:0px auto;
	padding:298px 0px 0px 0px;
}
#mainBox-home .mainAd {
	width:600px;
	height:auto;
	margin:20px auto 0px auto;
	padding:0px 0px 0px 0px;
}
.mainAd h3.mainText {
	display:block;
	float:left;
	width:420px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0.25em;
	line-height: 1.3em;
	height: 30px;
	padding: 0px;
}
.mainAd h2.mainText {
	float:left;
	font-weight: normal;
	line-height: 1.1em;
	height: auto;
	padding: 0px;
	font-size: 45px;
	margin: 0px;
	letter-spacing: -0.02em;
	color: #006b9d;
	text-shadow: 2px 3px 2px #b2b2b2;
	text-transform: none;
	text-align: right;
	display: block;
	padding-top: 36px;
	width: 100%;
}
.mainAd h2.mainText strong {
	font-weight: normal;
	color: #006b9d;
}
.mainAd h3.mainText {
	float:left;
	font-weight: lighter;
	line-height: 1em;
	height: auto;
	padding: 0px;
	font-size: 42px;
	margin: 0px;
	letter-spacing: 0em;
	color: #006b9d;
	text-shadow: 2px 3px 2px #b2b2b2;
	text-transform: none;
	text-align: right;
	display: block;
	width: 100%;
}
.mainAd h3.mainText strong {
	font-weight: normal;
	color: #006b9d;
}
.mainAd ul.mainList {
	float:left;
	margin: 0px;
	color: #2b2b2b;
	padding-top: 15px;
	width: auto;
	display: block;
	margin-left: 300px;
	padding-left: 30px;
	list-style-type: square;
}
.mainAd ul.mainList li {
	float:none;
	font-weight: lighter;
	line-height: 1em;
	height: auto;
	padding: 8px 0px;
	font-size: 30px;
	margin: 0px;
	letter-spacing: -0.02em;
	color: #2b2b2b;
	text-shadow: 2px 3px 2px #b2b2b2;
	text-transform: none;
	text-align: left;
	width: 100%;
	list-style-type: square;
	list-style-image: url(../imgs/img-list-style-mainList.png);
}
.mainAd h2.mainBtn-home {
	display:block;
	float:right;
	width:100px;
	height: 30px;
	padding: 0px;
	text-align: center;
	line-height: 1.3em;
	padding-top: 260px;
}
.mainAd h2.mainBtn-home a.btnMain {
	display:block;
	padding:0px;
	margin: 0px;
	background:url(../imgs/btn-main-learn-more.png) no-repeat 0px 0px;
	height: 30px;
	width: 100px;
}
.mainAd h2.mainBtn-home a.btnMain:hover {
	background:url(../imgs/btn-main-learn-more.png) no-repeat -100px 0px;
}
.mainAd h2.mainBtn {
	display:block;
	float:right;
	width:100px;
	height: 30px;
	padding: 0px;
	text-align: center;
	line-height: 1.3em;
}
.mainAd h2.mainBtn a.btnMain {
	display:block;
	padding:0px;
	margin: 0px;
	background:url(../imgs/btn-main-learn-more.png) no-repeat 0px 0px;
	height: 30px;
	width: 100px;
}
.mainAd h2.mainBtn a.btnMain:hover {
	background:url(../imgs/btn-main-learn-more.png) no-repeat -100px 0px;
}
#sectionBox-home h2.mainBtn {
	width:200px;
	padding: 0px;
	text-align: center;
	line-height: 1.3em;
	margin: 5px auto 1px auto;
	float: none;
	display: block;
	min-height: 24px;
	letter-spacing: 0em;
}
#sectionBox-home h2.mainBtn a.btnDemo1 {
	display:block;
	padding:0px;
	margin: 0px 10px;
	height: 24px;
	width: 80px;
	float: left;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 24px;
	color: #ffffff;
}
#sectionBox-home h2.mainBtn a.btnDemo1 {
	background:url(../imgs/btn-opango-demo-blue.png) no-repeat 0px 0px;
}
#sectionBox-home h2.mainBtn a.btnDemo1:hover {
	background:url(../imgs/btn-opango-demo-blue.png) no-repeat -80px 0px;
}
#sectionBox-home h2.mainBtn a.btnDemo2 {
	display:block;
	padding:0px;
	margin: 0px 10px;
	height: 24px;
	width: 80px;
	float: left;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 24px;
	color: #ffffff;
}
#sectionBox-home h2.mainBtn a.btnDemo2 {
	background:url(../imgs/btn-opango-demo-red.png) no-repeat 0px 0px;
}
#sectionBox-home h2.mainBtn a.btnDemo2:hover {
	background:url(../imgs/btn-opango-demo-red.png) no-repeat -80px 0px;
}
#section #sectionBox.sectAbout {
	background:url(../imgs/img-hero-about.jpg) no-repeat left bottom;
}
#contentBox p.tooltipLink {
	margin: 0px;
	padding: 0px;
}
#policyBox h6 {
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0em;
	margin: 0px;
	padding: 0px;
	line-height: 1.4em;
	text-align: right;
}
#policyBox h6.itemToplink {
	color: #222222;
	margin: 10px auto 5px auto;
	font-weight: bold;
	font-style: italic;
}
#policyBox h6.itemToplink a {
	color: #818181;
}
#policyBox h6.itemToplink a:hover {
	text-decoration: none;
	color: #000000;
}

#featureBox-home {
	width:93%;
	padding:18px 18px 25px 18px;
	margin:25px 0px 0px auto;
	border-top:1px solid #bbc1d6;
	background: #e6e8ed url(../imgs/fade-btm-white.png) repeat-x center bottom;
}

div.home #featureBox-home {
	min-height: 185px;
}
#featureBox-home .featureIcons {
	width: 200px;
	height: 150px;
	overflow: hidden;
	float: right;
	margin:0px 0px 15px 15px;
	padding:0px;
}
#featureBox-home .featureImg {
	float:right;
	padding:0px;
	margin:0px;
}
#featureBox {
	width:93%;
	padding:18px 13px 25px 13px;
	margin:25px auto 0px auto;
	border-top:1px solid #bbc1d6;
	background: #fbfbfb url(../imgs/fade-btm-white.png) repeat-x center bottom;
}
#featureBox .featureImg {
	float:right;
	padding:0px 0px 15px 15px;
	margin:0px;
}
div.solutions #featureBox {
	width:420px;
	padding:5px 0px 25px 0px;
	margin:25px auto 0px auto;
	border-top:0px;
	background: none;
	text-align: center;
}
div.solutions #featureBox .featureImg {
	float:right;
	padding:0px 0px 15px 15px;
	margin:0px;
}
div.solutions #featureBox h2 {
	text-align: center;
	display: block;
	margin: 0 auto;
	padding: 0;
	padding-top: 31px;
}
div.solutions #featureBox h3 {
	color: #0e0a8c;
	font-size: 13px;
}
#featureBox-testimonials {
	width:93%;
	padding:18px 18px 25px 18px;
	margin:25px auto 0px auto;
	border-top:1px solid #bbc1d6;
	background: #fbfbfb url(../imgs/fade-btm-white.png) repeat-x center bottom;
}
#featureBox-testimonials .featureImg {
	float:right;
	padding:0px 0px 15px 15px;
	margin:0px;
}
/*.cycleNav { margin: 5px 0 }
#cycleNav { text-align: left }
#cycleNav a, #s7 strong { margin: 0 5px; padding: 3px 5px; border: 1px solid #f5f5f5; background: none; text-decoration: none }
#cycleNav a.activeSlide { background: #BBC1D6 }
#cycleNav a:focus { outline: none; }
#output { text-align: left; }*/

#cycleNav { z-index: 50; position: absolute; top: 30px; left: 0px }
#cycleNav a { margin: 0 3px; padding: 3px 5px; border: 1px solid #f5f5f5; background: none; text-decoration: none; font-size: 63%; }
#cycleNav a:hover { color: #f5f5f5; background: #BBC1D6; }
#cycleNav a.activeSlide { background: #ffffff; }
#cycleNav a:focus { outline: none; }

/**************  OVERRIDES  **************/

nav.navbar-default {
	background-image: none;
	background-color: transparent;
	border-color: transparent;
}

#topNav.nav-tabs {
	border-color: transparent;
}

div#header  {
	width: 100%;
}

div#header div#headerBox {
	width: 100%;
}

div#header #navBox div.navbar-collapse.in {
	background-color: black;
}

div#header #navBox div.navbar-collapse.collapsing {
	background-color: black;
}

div#headerBox {
	margin: 0px;
}

div#tagBox {
	margin-right: 30px;
}

#mainBox-home .mainAd {
	width: 100%;
	max-width: 600px;
}

#testimonialsBox {
	min-height: 340px;
}

#footer {
	width: auto;
}
#footer #footerBox {
	width: auto;
}

div.row.navrow, div.row.viewrow {
	margin: auto;
	max-width: 1000px;
}

div.row.navrow {
	position: absolute;
	top: 75px;
	left: 0px;
	right: 0px;
}

div.partners #heroBox img {
	transform: scale(.9);
	transform-origin: center center;
}

div.solutions #heroBox {
	transform: scale(.85,.85);
	transform-origin: top left;
}

/* 991 and below, tablets and below */
/* col-sm- */
@media (max-width: 991px) {

	div.services div#heroBox {
		transform: scale(.85,.85);
		transform-origin: top center;
	}

	div#logoBox {
		transform: scale(.9);
		transform-origin: center left;
	}

	div.customers #heroBox {
		transform: scale(.8);
		transform-origin: top left;
	}

	div.aboutus #heroBox  {
		padding: 0px;
	}

	div.aboutus #heroBox img {
		transform: scale(.8);
		transform-origin: top center;
	}

	div.partners #heroBox  {
		padding: 0px;
	}

	div.partners #heroBox img {
		transform: scale(.75);
		transform-origin: center center;
	}

	div.testimonials #heroBox  {
		padding: 0px;
	}

	div.testimonials #heroBox img {
		transform: scale(.75);
		transform-origin: center center;
	}

	div.solutions #heroBox {
		transform: scale(.75);
		transform-origin: top left;
	}

	div.contactus #heroBox-contacts {
		transform: scale(.75);
		transform-origin: top left;
	}

}

/* 767 and below, extra small devices, phones and below */
/* col-sx- */
@media (max-width: 767px) {
	.hide767 {
		display: none;
	}

	div#logoBox {
		transform: scale(.8);
	}

	nav.navbar-default {
		background-color: black;
	}

	#mainBox-home {
		background: #ffffff url(../imgs/bg-fade-top.png) repeat-x center top;
	}

	#mainBox-home .mainAd {
		padding-top: 20px;
		background: #ffffff url(../imgs/bg-fade-top.png) repeat-x center top;
	}

	#mainBox-home .mainAd h2.mainText {
		padding-top: 0px;
		text-align: center;
		font-size: 35px;
	}

	#mainBox-home .mainAd h3.mainText  {
		text-align: center;
		font-size: 32px;
	}

	#mainBox-home .mainAd ul.mainList  {
		margin-left: 25px;
	}

	div#testimonialsBox div#featureBox-testimonials h3 {
		font-size: 12px;
	}

	div#featureBox-home h2 {
		font-size: 20px;
	}

	div.customers #heroBox {
		transform: scale(.7);
	}

	div.customers #heroBox {
		display: none;
	}

	div.customers #featureBox {
		margin-top: 0px;
		padding-bottom: 5px;
	}

	div.aboutus #heroBox img {
		display: none;
	}

	div.aboutus #heroBox #featureBox {
		text-align: center;
	}
	div.aboutus #heroBox  {
		min-height: initial;
		margin-top: 10px;
	}

	div.aboutus #contentBox {
		text-align: center;
	}

	div.partners #heroBox  {
		display: none;
	}

	div.partners #featureBox {
		margin-top: 0px;
		padding-bottom: 0px;
	}

	div.testimonials #heroBox  {
		display: none;
	}

	div.testimonials #featureBox {
		margin-top: 10px;
		padding-bottom: 5px;
	}

	div.solutions #heroBox {
		transform-origin: top center;
		margin-bottom: -20em;
	}

	div#sectionBox.services h3  {
		margin-left: 10px;
	}

	div.services div#heroBox  {
		display : none;
	}

	div.contactus #heroBox-contacts {
		display:none;
	}

	div.contactus #contactBox {
		text-align: center;
	}

	div.contactus #contactBox .contactIcon {
		float: none;
		display: inline-block;
	}
}

/* Landscape phones and down */
@media (max-width: 480px) {
	.hide480 {
		display: none;
	}

	div#logoBox {
		transform: scale(.7);
	}

	#tagBox {
		margin: 0px;
	}

	#sectionBox h1 {
		text-align: center;
	}

	div#testimonialsBox div#featureBox-testimonials h3 {
		font-size: 12px;
	}

	div.customers #heroBox {
		display: none;
	}

	div.services #heroBox {
		display: none;
	}

	div.solutions #hero-products {
		width: auto;
	}

	div.solutions #heroBox h2 a {
		width: auto;
	}

	div.solutions #heroBox h2 a strong.btn-dashboard {
		width: auto;
	}

	div.solutions #heroBox h2 a strong.btn-course {
		width: auto;
	}

	div.solutions #heroBox h2 a strong.btn-cert {
		width: auto;
	}

	div.solutions #featureBox {
		width: auto;
	}

	#contactBox {
		text-align: center;
	}

}

/** Some Colorbox overrides needed to be done for some reason,  had borders around the left/right side overlay buttons */

div#cboxContent  button {
	border: none;
}

/* Center main menu */
.navbar .menu {
	display: inline-block;
	/*float: none;*/
}

.navbar .navbar-collapse {
	text-align: center;
}