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




/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}



/* ----- Global Navigation ----- */

#globalNav{color:#666; float:right; margin-top:10px;}
#globalNav ul{margin:0; padding:0; list-style:none;}
#globalNav li{margin:0; float:left; background: url(../images/divider.gif) right 5px no-repeat; padding: 0 12px;}
#globalNav li.last{background:none; padding-right:0;}
#globalNav li a{color:#666; font-size:12px; text-underline:none; display:block; text-decoration:none; border-radius: 3px;}
#globalNav li a:hover, #globalNav li a.activeState{color:#5c97c6;}


/* ----- Main Navigation ----- */

ul#mainNav { margin: 0;  padding:0; list-style:none; float:right; bottom: 5px;}
ul#mainNav li{margin:0; float:left; padding: 0; position:relative;}
ul#mainNav li.last{}
ul#mainNav li a{font-weight:normal; font-size:15px; text-underline:none; display:block; text-decoration:none; z-index:10;
transition: background 0.8s, border-color 0.8s;
-webkit-transition: background 0.8s, border-color 0.8s;
-moz-transition: background 0.8s, border-color 0.8s;
border-bottom: 10px solid #303030;
}
ul#mainNav li a#activeState{color: #fff; border-bottom: 10px solid #5D9B1D;}
ul#mainNav li a#activeState:hover{}
ul#mainNav li:hover{}
ul#mainNav a:hover, ul#mainNav li:hover a{ border-bottom: 10px solid #88c849; display:block; background: #454545; }
ul#mainNav li a.activeState{color:#5c97c6;}

.navActive {color: #fff; border-bottom: 10px solid #5D9B1D!important;}
.MobileNavActive {background: #88C54B!important;}
#mainNav .dropdown_1column, 
#mainNav .dropdown_2columns,
#mainNav .dropdown_2columnsWide,
#mainNav .dropdown_3columns, 
#mainNav .dropdown_4columns,
#mainNav .dropdown_5columns {
	margin:0px auto 0 auto;	float:left;	position:absolute;left:-999em;	text-align:left;	padding:11px; padding-bottom:23px;	background:#454545;	z-index:8;
	-webkit-box-shadow: 3px 3px 12px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    3px 3px 12px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         3px 3px 12px 0px rgba(50, 50, 50, 0.5);}

#mainNav .dropdown_1column {width: 190px;}
#mainNav .dropdown_2columns {width: 380px;}
#mainNav .dropdown_2columnsWide {width: 434px; font-size:11px}
#mainNav .dropdown_3columns {width: 600px;}
#mainNav .dropdown_4columns {width: 560px;}
#mainNav .dropdown_5columns {width: 700px;}

#mainNav li:hover .dropdown_1column{ left:-132px; top: 50px;}
#mainNav li:hover .dropdown_2columnsWide { left:-364px; top: 50px;}
.col_1,
.col_1Wide {	display:inline;	float: left;	position: relative;	margin-left: 5px;	margin-right: 5px; width:206px; font-size:11px; margin-right: 5px; color:#6996b9;}
.col_1 {width:180px;}
.col_1Wide p{ padding:0 0 0 10px; margin:0;}


#mainNav .dropdown{
	margin:0px auto 0 auto;	float:left;	position:absolute;left:-999em;	text-align:left;	padding:11px; padding-bottom:23px;	background:#454545;	z-index:1000;
	-webkit-box-shadow: 3px 3px 12px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    3px 3px 12px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         3px 3px 12px 0px rgba(50, 50, 50, 0.5);}

/* --COMPANY DROPDOWN --*/
#mainNav .company {width: 190px;}
#mainNav li:hover .company { left:-94px; top: 50px;}

/* --PRODUCTS DROPDOWN --*/
#mainNav .products {width: 190px;}
#mainNav li:hover .products { left:-132px; top: 50px;}

/* --EXPERIENCE DROPDOWN --*/
#mainNav .exp {width: 190px;}
#mainNav li:hover .exp { left:-58px; top: 50px;}

/* --WHATS NEW DROPDOWN --*/
#mainNav .whatsnew {width:436px; font-size:11px; margin-right: 5px; color:#6996b9;}
#mainNav li:hover .whatsnew { left:-310px; top: 50px;}



#mainNav .menu_right {	float:right;	margin-right:0px;}
#mainNav li .align_right {	-moz-border-radius: 5px 0px 5px 5px;    -webkit-border-radius: 5px 0px 5px 5px;    border-radius: 0px 0px 5px 5px;}

#mainNav li:hover .align_right { left:auto;	right:0px;	top:50px;}
#mainNav h3 {	margin:0;}
#mainNav li:hover div a {	text-decoration: none;	display:block; padding: 0;	border:none;	border-bottom: 1px solid #5A5A5A;	font-size:13px; width: 100%; line-height: 32px;}
#mainNav li:hover div a:hover {	color:#84c441;	-moz-border-radius:0;  -webkit-border-radius: 0;    border-radius: 0;}
#mainNav li:hover h3{color: #666; background: none; border:none; font-weight: bold; font-size:14px; margin:10px 0 2px 0px;}
#mainNav li:hover .dull h3{color: #666; font-size:12px; margin-top: 20px;}
#mainNav li:hover .dull a{font-size:12px; font-weight:normal;}
#mainNav li:hover a.navSub{float:left; display:block; border:none; background:none; padding: 2px 10px; font-size:12px;}
#mainNav li:hover li.indent{}
.imgshadow {	background:#FFFFFF;	padding:4px;	border:1px solid #777777;	margin-top:5px;	-moz-box-shadow:0px 0px 5px #666666;	-webkit-box-shadow:0px 0px 5px #666666;	box-shadow:0px 0px 5px #666666;}
.img_left { 	width:auto;	float:left;	margin:5px 15px 5px 5px;}

#mainNav li ul li {	position:relative;	padding:0; margin:0; width: 180px; text-align:left;}
#mainNav li ul li:hover {background:none; border:none;	padding:0;	margin:0;}
#mainNav li ul { list-style:none; padding:0;	margin:0 0 12px 0;}


/* ----- SECONDARY NAV ----- */
#sideNav{margin-bottom:20px; background: #FAF277;border-radius: 3px;padding: 10px; }
#sideNav a.topLink{font-size:14px; color: #666; text-decoration:none; display:block; padding:8px; font-weight:bold; margin-bottom:1px; z-index:4;}
#sideNav ul{margin:0; padding: 0 0px 0 0;}
#sideNav li{margin: 0px;}
#sideNav li a span{font-size:11px; color: #b9c0c5; margin: 0 16px 0 8px; }
#sideNav li a span.middle{font-size:13px; color: #014479; margin:0;}
#sideNav li a span.alignRight{margin: 0 0 0 8px;}
#sideNav li a{display:block; padding-top: 5px;
padding-bottom: 5px;z-index:4; padding-left: 5px;}
#sideNav li a#expand{}
#sideNav li a#expandBig span{height:49px; display:inline-block; float:left;}
#sideNav li a:hover, #sideNav li a.activeState{color: #0c5c8b;
text-decoration: none;
background-color: #c4dff2;
border-radius: 6px;
cursor: pointer;}
#sideNav li a.activeState{text-decoration: none; background-color: #1570a6; border-radius: 6px; color: #fff; padding-left: 10px;}
#sideNav li a.activeState:hover{color:#fff;}
#sideNav li a#expandBig:hover{background-position: 0 -53px;}
#sideNav li a#expand:hover{color: #0c5c8b; text-decoration: none; background-color: #c4dff2;}
#sideNav li a#expand.expandActive, #sideNav li a#expandBig.expandActive{text-decoration: none; background-color: #4d99d3; border-radius: 6px; color: #fff; padding-left: 10px;}
#sideNav li.sidenavLabel{padding: 6px 16px 6px 8px;}

#sideNav li ul{display:none;}
#sideNav li ul.active{display: block; list-style:none; 0 bottom no-repeat #e2e8ec; padding: 0; background: #FCFCFC;}
#sideNav li ul.active a{ padding-left:26px; font-size:12px; padding-top: 0px; padding-top: 2px; line-height: 17px;}
#sideNav li ul.active a:hover, #sideNav li ul.active a.activeState{

	color: #0c5c8b;
text-decoration: none;
background-color: #c4dff2;
border-radius: 6px;
cursor: pointer;}

/* ----- From KI-RAZ special landing page, brought into main site Nov 2012 ----- */
div.innerColumnleft {width: 200px;	float: left; margin-bottom: 10px;}
div.innerColumnright {width: 375px;	float: right;}
.dividerline{	line-height:44px; color: #fff; font-size: 15px; cursor:default;}

#globalNav .contactus a {	background: #75af53; color: #fff !important; line-height:24px; text-align:center; width:115px;}
#globalNav .contactus a:hover{	background: #3C910B; }

#globalNav .freeTrial a {	background: #f18832; color: #fff !important; line-height:24px; text-align:center; width:115px;}
#globalNav .freeTrial a:hover{	background: #E26D0D; }

#mainNav ul#mainNavUL div.dropdown_resources {
position: absolute;
z-index: 100;
left: auto;
right: 0;
width: 156px;
top: 45px;
border: 3px solid #1e5180;
border-radius: 10px 0 10px 10px;
background: #FFF;
padding: 10px;}


  
/* =Global
-------------------------------------------------------------- */

 .HeaderContainer {
margin: 0 auto;
position: relative;
background: #303030 url("/content/images/header-line.png") no-repeat;
padding: 0;
     line-height: 24px;
} 

section {
  padding: 60px 0; }
  section h1 {
    font-weight: 700;
    margin-bottom: 10px; }
  section p {
    margin-bottom: 30px; }
    section p:last-child {
      margin-bottom: 0; }
  section.color {
    background-color: #3cb5f9;
    color: white;
     }

/* =Info Bar
-------------------------------------------------------------- */
#info-bar {
  background-color: #3cb5f9; }
  #info-bar a {
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    margin: 0;
    padding: 10px; }
    #info-bar a:hover {
      background-color: #0793e2; }
  #info-bar span.all-tutorials,
  #info-bar span.back-to-tutorial {
    display: block;
    width: 50%; }
  #info-bar span.all-tutorials {
    float: left;
    text-align: left; }
  #info-bar span.back-to-tutorial {
    float: right;
    text-align: right; }

/* =Header
-------------------------------------------------------------- */
header {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 200;
-webkit-transition: height 0.2s;
-moz-transition: height 0.2s;
-ms-transition: height 0.2s;
-o-transition: height 0.2s;
transition: height 0.2s;
}

.logo{
	position: absolute;
	top:8px;
	left:10px;
	margin: auto;
		z-index: 99999;
}
  
  header h1#logo {
    display: inline-block;
    width: 195px; max-height: 100%;
	height: 76px;
    float: left;
    font-size: 60px;
    color: #4D4D4D;
    font-weight: 400;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	background:url(/content/images/kurzweil2014-logo-dark-lrg.png) no-repeat;
	margin: 0 0 0 5px;
	padding: 0;
}
	
nav {
height:50px;
position: relative;
clear:both;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

header nav li a {
color: #fff;
display:block;
width: auto;
padding: 0 10px 0 10px;
float: left;
line-height:40px;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#mainNav .dropdown_1column, 
#mainNav .dropdown_2columns,
#mainNav .dropdown_2columnsWide,
#mainNav .dropdown_3columns, 
#mainNav .dropdown_4columns,
#mainNav .dropdown_5columns,
#mainNav .dropdown_2columnsWide li a{
color: #fff;
list-style: none;
line-height:20px;
}

header nav li.active a{
color: #f0d39c;
display:block;
height: 50px;
width: auto;
padding: 0 10px 0 10px;
border-bottom: 10px solid #f18832;
}
	
header nav li a:hover {
color: #fff;
display:block;
width: auto;
padding: 0 10px 0 10px;
}

header .topNav {
width: 286px;
display: inline-block;
float: right;
margin-top: 6px;
margin-bottom: 6px;
padding-top: 6px;
padding-right: 10px;
}
.topSubNav{ width:220px;}

header .topNav li {
margin: 0;
float: left;
padding: 0 12px;
margin-bottom: 6px;
background: url(/content/images/divider.gif) right 5px no-repeat;}

header .topNav a:hover {
color: white; }
		
header .topNav li a {
color: #d0cdcd;
font-size: 12px;
text-underline: none;
text-decoration: none;
padding-bottom: 10px;
}

.topNav ul{
  list-style: none; }
  
header ul, li{
   border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

header .topNav .contactus a {

font-weight: bold;
color: #d0cdcd;
line-height: 24px;
text-align: center;
clear:both;
width: 88px;
margin: 0 0 0 10px;
padding-bottom: 0px;
border-bottom: 4px solid #1EB7EC;
    margin-left:0;
}

header .topNav .contactus a:hover {
color:#fff;
border-bottom: 4px solid #70cff0;
}

header .topNav .freeTrial a {
font-weight: bold;
color: #d0cdcd;
line-height: 24px;
text-align: center;
width: 66px;
padding-bottom: 0px;
border-bottom: 4px solid #449C11;}


header .topNav .freeTrial a:hover {
color:#fff;
border-bottom: 4px solid #75af53;
}

header.smaller .topNav .freeTrial a:hover {
background: #E26D0D;
}

header .topNav li.last {
background: none;
padding-right: 0;}
	


header.smaller .topNav li {
margin: 0;
float: left;
background: url(/content/images/divider.gif) right 5px no-repeat;
padding: 0 12px; }

header .topNav a:hover {
color: #fff; }
		


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

header .shadow{
height:5px; top:8px; margin: 0 auto; width: 100%;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.44) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.44)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.44) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0.44) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0.44) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.44) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70000000', endColorstr='#00000000',GradientType=0 );}

nav a#pull {	display: none;}
nav.mobile{	display:none;}


@media only screen and (max-width : 1013px)  {

    .bottomContainer {font-size: 18px; line-height: 28px; text-align: center;}
    .left-pane, .right-pane {clear:both; margin:auto; width: 97%; margin-bottom: 56px; text-align: center;}
    .left-pane img, .right-pane img {width: 83%;}
}


    @media only screen and (max-width : 800px)  {
	.HeaderContainer {  z-index: 1000;}
	header nav li a{float:none;}
	nav.large {		display: none;	}
	nav.mobile{	display:block; height: auto; z-index: 1000;}
	nav.mobile ul {	display: none; height: auto;  }
	nav.mobile a#pull {	display: block;	width: 100%; position: relative;	color: #fff; 	line-height: 50px;	text-decoration: none;	padding-left: 40px; font-size: 17px; border-top: 1px solid #646464; background: #3d3d3d; float:left;}
	nav.mobile a#pull:after {content:""; background: url('/content/images/nav-icon.png') no-repeat; width: 30px; height: 30px; display: inline-block;	position: absolute;	left: 10px;	top: 14px;}

	.mobile-menu li{ background: #545454; border-top: 1px solid #848484;border-bottom: 1px solid #272727;}
	.mobile-menu li a {line-height: 47px; display: inline-block; width: 100%; background: #525050; }
	.mobile-menu a {color: #fff; padding-left: 20px; font-size: 14px;}
	.mobile-menu a:hover {background: #616161; text-decoration:none; padding-left: 20px }
	
	.logo {top: 0px; left: 0px; height: 48px;}
	header h1#logo {	background:url(/content/images/kurzweil2014-logo-dark-mobile.png) no-repeat; margin: 0 0 0 0; padding: 0; width: 120px;}
	nav.mobile li.phone{display:none}
    header .topNav {width: 290px }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { 
	.HeaderContainer {height: 52px;}
	header nav li a{float:none;}
	nav.large {		display: none;	}
	nav.mobile{	display:block; height: auto;}
	nav.mobile ul {	display: none; height: auto; }
	nav.mobile a#pull {	display: block;	width: 100%; position: relative;	color: #fff; 	line-height: 50px;	text-decoration: none;	padding-left: 40px; font-size: 17px; border-top: 1px solid #646464; background: #3d3d3d;}
	nav.mobile a#pull:after {content:""; background: url('/content/images/nav-icon.png') no-repeat; width: 30px; height: 30px; display: inline-block;	position: absolute;	left: 10px;	top: 14px;}
	
	.mobile-menu, ul{ padding:0; margin:0}
	.mobile-menu li{ background: #545454; border-top: 1px solid #848484;border-bottom: 1px solid #272727;}
	.mobile-menu li a {line-height: 47px; display: inline-block; width: 100%; background: #525050; }
	.mobile-menu a {color: #fff; padding-left: 20px; font-size: 14px;}
	.mobile-menu a:hover {background: #616161; text-decoration:none; padding-left: 20px }
	
	.logo {top: 0px; left: 0px; height: 48px;}
	header h1#logo {	background:url(/content/images/kurzweil2014-logo-dark-mobile.png) no-repeat;	margin: 0 0 0 0;	padding: 0;}

	nav.mobile li.phone{display:block}


}

@media only screen and (max-width : 600px)  {
a.sitemap {display:none;}
header .topNav {width:254px;}
nav.mobile li.phone{display:block}
.mobile-topNav {display:block}
    .topSubNav {width: 106px;}
    header .topNav li { padding: 0 6px;	}
}

/* STRICT IPHONE4/5 RESOLUTION  PORTRAIT FIX*/
    @media only screen and (max-device-width : 640px) and (orientation: portrait) {
    header .topNav { width: 165px;}
    .sub-message-container {    font-size: 19px; line-height: 28px;}
        li.login {display:none;}
        a.sitemap {display:none;}

    }

@media only screen and (max-device-width : 1136px) and (orientation: landscape) {
    li.login {display:none;}
    header .topNav { width: 188px;}
    a.sitemap {display:none;}

}