html{ background:black url(../img/bg.jpg) top center fixed no-repeat; min-width:1008px; }
body { margin:0; padding:10px 0; color:#333; font:normal 62.5% Arial, Helvetica, Sans-serif; min-width:1008px; }
a { color:#009DA7; text-decoration:none; outline:none; }
a:hover,a:focus { text-decoration:underline; }
a img { border:none; }
img,input,textarea { vertical-align:middle; margin:0; }
ul,fieldset { margin:0; padding:0; list-style:none; border:none; }
hr { background:white; color:white; border:solid #E2E2E2; border-width:1px 0 0; margin:2em 0; display:block; }
.skip,hr { position:absolute; left:-999em; }
#main hr,#sub hr { position:static; }
#container { font-size:1.3em; width:1008px; margin:auto; }
#container .homepage_content  {font-size: 13px; line-height: 18px !important; letter-spacing: .5px !important; }
.homepage_intro { margin-bottom: 0px !important;  }

#header { padding:0 0 0 44px; position:relative; overflow:hidden; }
#header h1 { margin:0; float:left; position:relative; }
#header h1 a { padding-bottom: 10px; display:block; background:url(../img/logo.png) no-repeat; width:94px; height:82px; text-indent:-999em; }
#header ul { float:right; padding:30px 0 0 0; text-transform:lowercase; }
#header li { float:left; margin-left:54px; }
#header li a { font-size:16px; color:#AA9FAF; text-decoration:none; float:left; white-space:nowrap; }
#header li:first-child+li { margin-left:0; }
#header li:first-child+li a { text-transform:none; min-width:60px; }
#header li:first-child+li a:first-letter { text-transform:lowercase; }
#header li a img { margin:-10px 0 0; }
#header li a:hover,#header li.current a { color:white; }
#header li.current a { cursor:default; }
.blog #header { background: url("") !important; }
#content { clear:both; padding:34px 24px 20px 44px; background:url(../img/bg_content_middle.png) left center repeat-y; overflow:hidden; }
#main { float:left; width:608px; padding-right:40px; border-right:1px solid #E2E2E2; min-height:636px; }
#main p { margin:10px 0 15px; line-height:125%; }
#main h2,#main h3,#main h4 { background-image:url(../img/text.png); background-repeat:no-repeat; text-indent:-999em; }
#main h2,.thekno #sub h2.title { margin:0 0 10px; font-size:37px; font-weight:100; background:url(../img/text.png) no-repeat; text-indent:-999em; }
#main h3,#sub h3 { margin:26px 0 10px; text-transform:uppercase; font-size:16px; }
#main h4 { font-size:18px; font-weight:100; margin:15px 0 10px; }
#main h2+p,#main h2+img+p { font-size:16px; line-height:22px; margin:10px 0 25px; }
#main h2+img { float:right; margin:-63px -18px 0 0; }
#main h3+img { float:left; margin:0 10px 5px 0; }
#sub { float:right; width:269px; padding:25px 0 0 20px; }
#sub p { margin:10px 0 15px; }
#sub a img { margin:0 0 0 50px; }
#subnav { font-size:16px; margin:0 0 25px -33px; }
#subnav li {min-height:24px; padding:6px 31px 6px 40px; margin-bottom:-7px; }
#subnav li.current ul{margin-left:-15px;}
#subnav li.current ul li a{
	display:block;
	font-weight:normal;
	cursor:pointer;
	color:#009DA7;
	padding:5px 0;
}
#subnav li a { display:block; outline:none; color:#222; text-decoration:none; }
#subnav .current { background:url(../img/bg_subnav_current.png) 1px 0 no-repeat; }
#subnav .current a { color:white; font-weight:bold; cursor:default; }
#subnav+div { border-top:1px solid #DADADA; padding:28px 28px 0 10px; margin-bottom:25px; }
#footer { clear:both; padding:30px 24px 0 44px; background:url(../img/bg_content_bottom.png) 0 -64px no-repeat; position:relative; color:#818181; text-align:center; }
#footer #copyright { margin-bottom:5px; }
#footer li { display:inline; border-left:1px solid #4A4A4A; padding:0 6px 0 8px; text-transform:lowercase; }
#footer li:first-child+li { border-left:none; }
#footer li a { color:#BBB; text-decoration:none; font-size:.95em; }
#footer li a:hover { text-decoration:underline; }
.note { font-size:.85em; margin-top:2em!important; }
.company.overview #main h2:first-child { background-position:0 0; }
.company.jobs #main h2:first-child { background-position:0 -160px; }
h3.manifesto { background-position:0 -44px; }
h3.founders { background-position:0 -66px; margin-bottom:0!important; }
h3.founders+div,h3.founders+div+div { float:left; width:140px; padding-left:140px; position:relative; }
h3.founders+div+div { float:right; }
h3.founders+div img,h3.founders+div+div img { width:110px; height:133px; padding:22px; background:url(../img/bg_founders.png) no-repeat; position:absolute; left:-18px; }
h3.founders+div h4,h3.founders+div+div h4 { font-size:14px; }
h3.founders+div h4 { background-position:0 -112px; }
h3.founders+div+div h4 { background-position:0 -88px; }
h2.sap { font-weight:100; font-size:19px; background:url(../img/text.png) 0 -135px no-repeat; text-indent:-999em; margin:0 0 10px; }
.board #main h2 { background-position:0 -849px; }
.process #main h2 { background-position:0 -384px; }
.manifesto #main h2 { background-position:0 -432px; }
.contact #main h2 { background-position:0 -476px; }
.faq #main h2 { background-position:0 -522px; }
.privacy #main h2 { background-position:0 -568px; }
.news #main h2 { background-position:0 -614px; }
.news #main ul#coverage { margin-top: 20px; }
.news #main #announcements { margin-top: 45px; clear:both; }
.news #main #announcements .newslink { color: black; }
.news #main #announcements a:hover  { text-decoration: none !important; }
.news #main #presskit li{padding:10px;}
.news #main #presskit li.title{font-size:18px;}
.news #main .caption { margin-top: 5px; }
.news #main .caption .title { font-weight: bold; }
.news #main img.logo { margin-right: 10px; border: 1px solid #CCCCCC; float: left; }
.developers #main h2 { background-position:0 -895px; }
.books_apps #main h2 { background-position:0 -940px; }
h3#press { background-position:0 -659px; }
h3#news { background-position:0 -681px; }
h3#privacy { background-position:0 -702px; }
h3#terms { background-position:0 -724px; }
.board #main h3,.privacy #main h4 { background:none; text-indent:0; text-transform:none; }
.board #main h3 span { text-transform:uppercase; }
.privacy #main h4 { font-size:1.1em; font-weight:bold; }
.privacy ul { list-style:disc; padding-left:1.5em; }
.privacy li { margin:.5em 0; }
.company.jobs #main>div { clear:both; background:#E9E9E9 url(../img/bg_main_bottom.png) bottom left no-repeat; padding:50px 30px 30px; position:relative; margin-bottom:35px; min-height:0; }
.company.jobs #main>div h3 { background:none; text-indent:0; position:relative; }
.company.jobs #main>div h3:first-child { margin-top:-10px; position:absolute; width:548px; top:0px; left:0; padding:30px 30px 0; background:url(../img/bg_main_top.png) no-repeat; }
.company.jobs #main>div h3 a { color:#333; background:url(../img/arrows.png) right 2px no-repeat; padding-right:20px; text-decoration:none; }
.company.jobs #main>div h3+img { margin:-16px 0 -10px -18px; }
.company.jobs #main>div h3:first-child+img { margin:-5px 0 -10px -18px; }
.company.jobs #main>div p { position:relative; }
.company.jobs #main>div+p { font-size:16px; }
#job-descriptions {font-size:12px;}
#job-descriptions li{margin:10px 0; font-size:1em; list-style:disc; margin-left:30px;}
#job-descriptions h4 {font-size:16px;}
#job-descriptions h5{font-size:14px; margin-bottom:5px;}
.company.board h3 + img { width:110px; height:133px; padding:22px; background:url(../img/bg_founders.png) no-repeat; margin:-10px 10px 0 -18px!important; }
.homepage #header h1 { display:none; } 
.homepage #header h1 a { background:none; }
.homepage #header ul { min-height:61px; }
.homepage #header li { float:left; }
.homepage #header li:first-child+li+li+li+li+li+li { float:right; }
.homepage #content,.thekno #content { padding:0 4px; overflow:visible; position:relative; z-index:2; }
.homepage #main,.homepage #sub,.thekno #main,.thekno #sub { float:none; width:auto; min-height:0; border:none; }
.homepage #main { padding:1px 640px 1px 20px; /* hero  */ background:url(../img/lifestyle/1_kno_library2.jpg) right top no-repeat; top:-9px; position:relative; min-height:403px; margin-bottom:-13px; }
.jsenabled.homepage #main { background:none; }
.homepage #main h1 { background:url(../img/text.png) 0 -1170px no-repeat; height:78px; margin:20px 0 10px 0px; text-indent:-999em; }
/*.homepage #main h1 + p { font-size:18px; } */
.homepage #sub { background:url(../img/bg_content_bottom.png) -2307px bottom no-repeat; bottom:-3px; position:relative; min-height:57px; padding:13px 0 0 85px; color:white; font-size:16px; z-index:100; }
.homepage #sub a img { margin:0; }
.homepage #sub .thumbs { position:absolute; right:50px; bottom:-13px; }
.homepage #sub .thumbs a { outline:none; }
.homepage #sub .thumbs img { margin-left:-10px; }


.homepage .text { position:relative; z-index:10; }

.homepage #slideshow { position:absolute; right:0; top:1px; height:404px; width:680px; overflow:hidden; }
.homepage #slideshow .holder { width:auto !important; }
.homepage #slideshow img { right:0; left:auto!important; }
.homepage #slideshow .prev,.homepage #slideshow .next { width:48px; height:46px; position:absolute; top:50%; margin-top:-23px; background:url(../img/arrows.png) no-repeat; cursor:pointer; z-index:10; }
.homepage #slideshow .prev { left:130px; background-position:0 -125px; }
.homepage #slideshow .next { right:32px; background-position:0 -171px; }
.homepage #slideshow .product { position:absolute; top:35px; right:40px; z-index:8; display:none; }
.homepage #slideshow #product_area { opacity:0.4;filter:alpha(opacity=40); width: 635px; height: 404px; display: none; position: absolute; right: 0px; top: 0px; z-index: 7; background-color: #333; }

.thekno #main { background:url(../img/bg_gallery.jpg) top left no-repeat; height:330px; position:relative; margin-bottom:40px; top:-9px; border:none; }

.thekno #gallery { position:absolute; width:100%; }
.thekno #gallery .main_image { float:left; margin:20px 0 0 130px; position:relative; }
.thekno #gallery .main_image img { background:none!important; }
.thekno #gallery .thumbs { width:319px; float:right; padding:90px 50px 0 0; }
.thekno #gallery .thumbs span { float:left; padding:18px; background:url(../img/bg_thumb.png) no-repeat; margin-right:-20px; }
.thekno #gallery .thumbs img { width:83px; height:61px; border:2px solid white; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.jsenabled.thekno #gallery .thumbs img { cursor:pointer; }
.thekno #gallery .thumbs .activeSlide img { border-color:#00B9C8; }

#gallery .prev,#gallery .next { width:48px; height:46px; position:absolute; top:135px; background:url(../img/arrows.png) no-repeat; cursor:pointer; z-index:10; }
#gallery .prev { left:-65px; background-position:0 -125px; }
#gallery .next { right:-25px; background-position:0 -171px; }

.thekno #sub { margin:0 40px; overflow:hidden; padding:0 0 20px; }
.thekno #sub h2.title { background-position:0 -342px; margin-bottom:5px; }
.thekno #sub .intro { font-size:16px; margin:.8em 0 1.5em; }
.thekno .feature { background:#E9E9E9 url(../img/bg_main_bottom.png) bottom right no-repeat; width:280px; float:left; margin:0 40px 20px 0; }
.thekno .feature + .feature + .feature { margin-right:0; }
.thekno .feature>div:first-child { padding:20px; background:url(../img/bg_main_top.png) right top no-repeat; }
.thekno .feature h3 { margin:0 0 1em!important; background:url(../img/text.png) 0 -1094px no-repeat; text-indent:-999em; }
.thekno .feature+.feature h3 { background-position:0 -1115px; }
.thekno .feature+.feature+.feature h3 { background-position:0 -1137px; }
.thekno .feature h3+p { font-size:15px; line-height:120%; }
.thekno .feature ul,.books_apps .feature ul,.contact ul.contact-list { list-style:url(../img/bullet.gif); padding-left:13px; }
.thekno .feature li,.books_apps .feature li { margin:1em 0; }
/* Override .feature */
.thekno .join { background: none; }
.thekno .join>div:first-child { padding:20px; background:none; }
/* END Override .feature */

#sub h2 { color:#6B2787; font-size:19px; font-weight:normal; }
.faq #main ul { margin:1.5em 0; border-bottom:1px solid #E2E2E2; padding-bottom:2.5em; }
.faq #main li { margin:.5em 0; font-size:1.2em; }
.faq #main dl { margin:3em 0 0; }
.faq #main dt { font-weight:bold; margin:1em 0 .5em; padding:5px 3px; }
.faq #main dd { padding-left:1.1em; margin:.5em 0 2em; }
.developers #header,.books_apps #header { padding-bottom:160px; background:url(../img/bg_developers-books_apps.jpg) bottom left no-repeat; }
.books_apps #header { background-position:-1008px 100%; }
.developers #main { min-height:340px; }
.books_apps #main { min-height:310px; }
.developers #main h2,.books_apps #main h2 { margin-bottom:0; }
.developers #main h2+p,.books_apps #main h2+p { margin-top:0; }
.books_apps #main h3 { background:none; text-indent:0; text-transform:none; font-size:1em; margin-bottom:-.8em; }
.books_apps #main .feature h3 { font-weight: bold; margin: 0; }
.developers #sub,.books_apps #sub { padding-top:12px; }
.developers #sub div,.books_apps #sub div { padding-left:10px; padding-right:28px; }

/* begin default form page styles */
.form #main { background:none; top:0; padding:34px 40px 20px; margin:0; height:auto; }
#signup { position:relative; }
#signup h1 { font-weight:normal; font-size:27px; background:url(../img/text.png) 0 -808px no-repeat; text-indent:-999em; margin:0 0 .5em; }
#signup fieldset { margin-top:2em; }
#join fieldset { background:#D4E8BF url(../img/bg_overlay_inner.png) 0 -4px no-repeat; width:242px; padding:30px 30px 15px; }
#signup div,#join div,#join ul { clear:both; min-height:0; }
#signup div div,#join div div { float:left; clear:none; }
#signup div div:first-child,#join div div:first-child { padding-right:12px; }
#join div span { display:block; margin-bottom:10px; }
#join div label span,#join div span span,#join div small span { display:inline; margin:0; }
#join .required, #signup .required { color:red; }
#signup label,#join label { float:left; margin-bottom:3px; }
#join li { float:left; width:50%; }
#join li.other { width:auto; text-align:right; float:none; }
#join li.other input { margin:0 0 20px 17px!important; width:157px; clear:none; display:inline; }
#join li.other .check { width:auto; float:left; margin:5px 0 0!important; }
#join li label { float:none; }
#join li.other label { position:relative; top:-8px; }
#signup input,#join input { margin-bottom:18px; }
#join li input { margin:0 6px 10px 0!important; }
#signup input[type=text],#signup input[type=password],#join input[type=text],#join input[type=password] { clear:both; display:block; border:1px solid #A0A0A0; font-size:1em; padding:2px 5px; height:20px; width:230px; }
#signup input[type=checkbox],#signup input[type=radio],#join input[type=checkbox],#join input[type=radio] { display:inline; vertical-align:text-top; margin-right:10px; }
#signup div div input[type=text],#signup div div input[type=password],#join div div input[type=text],#join div div input[type=password] { width:103px; }
#join .submit { text-align:right; }
#signup .submit input,#join .submit input { width:auto; padding:0; border:none; margin:0; height:auto; }
#join .description { width:316px; float:left; margin-right:30px; }
#join .description .intro { font-size:25px; }
#join .description .intro em { color:#6D278B; font-style:normal; display:block; margin-top:.8em; }
#content #sub div .join-video { margin: 0; padding: 0; }
#sub .join-video p { padding: 0; margin: 20px 0 3px; font-size: 120%; white-space: nowrap; }
div.watch-the-video { margin-left: -30px; z-index: 3; }
div.watch-the-video a { color: #6D288B; text-decoration: underline; }
#video-embed{text-align:center;}
.video-content .thumbs {margin:0 auto;}

/* end default form page styles */

/* begin overlay styles */
#overlay { position:absolute; left:-999em; top:-999em; font-size:1.2em; }
#overlay .close { position:absolute; right:-22px; top:-32px; width:58px; height:58px; background:url(../img/b_close.png) no-repeat; cursor:pointer; z-index:10; }
#overlay.signup { background:url(../img/bg_content_middle.png) -1008px 0 repeat-y; width:391px; margin-left:-200px; }
#overlay.signup .overlayContent { background:url(../img/bg_content_top.png) -1008px 0 no-repeat; margin-top:-10px; }
#overlay.signup > div > div,#overlay.join > div > div { background:url(../img/bg_content_bottom.png) -1008px bottom no-repeat; padding:34px 44px 40px; position:relative; bottom:-8px; }
#overlay.signup form { width:302px; margin:auto; position:relative; }
#signup fieldset { background:#D4E8BF url(../img/bg_overlay_inner.png) 0 -4px no-repeat; padding:30px; width:242px; }
#overlay.signup p { line-height:140%; }
#signup .submit { text-align:right; }
#overlay.signup .submit input { display:inline; }
.form fieldset .bottom { height:4px; background:url(../img/bg_overlay_inner.png) top left no-repeat; clear:both; position:absolute; bottom:0; left:0; width:100%; }
#overlay.join { width:908px; margin-left:-454px; background:url(../img/bg_content_middle.png) -1399px 0 repeat-y; }
#overlay.join .overlayContent { background:url(../img/bg_content_top.png) -1399px 0 no-repeat; margin:-10px 0; position:relative; z-index:2; padding:2px 0 0; }
.jsenabled #join { padding:1px 0; position:relative; overflow:hidden; }
#overlay.join > div > div { background:url(../img/students.jpg) 4px bottom no-repeat; bottom:-2px; padding-left:210px; }

/* Vertical alignment of the video_overlay.html depends on the height: values */
#overlay.video { width:775px; margin-left:-394px; background:url(../img/bg_video_middle.png) 0 0 repeat-y; }
#overlay.video .overlayContent { background:url(../img/bg_content_top.png) -1399px 0 no-repeat; margin:-10px 0; position:relative; z-index:2; padding:5px 5px 0; }
.jsenabled #video { padding:1px 0; position:relative; overflow:hidden; }
#overlay.video > .bottom { background:url(../img/bg_video_bottom.png) 0 100% no-repeat; height:8px; position:relative; bottom:-8px; }
#overlay.video > div > div { bottom:-2px; padding-left: 10px; }

.jsenabled #join fieldset { float:right; }
.jsenabled #join .bottom { background-position:right top; }
#overlay.join > .bottom { background:url(../img/bg_content_bottom.png) -1399px 100% no-repeat; height:8px; position:relative; bottom:-8px; }
.jsenabled #join .description { line-height:123%; }
.jsenabled #join .description .intro { background:url(../img/text.png) 0 -984px no-repeat; text-indent:-999em; margin:1em 0 15px; height:100px; }
iframe { border:none; overflow:hidden; background:white; width:100%; }
.jsenabled.thanks { min-height:147px; }
.thanks h1 { font-weight:normal; line-height:100%; font-size:24px; margin-top:0; background:url(../img/text.png) 0 -1257px no-repeat; text-indent:-999em; }
.jsenabled.thanks #main a img { float:right; }
.form, .form #container,.form #content,.form #main,.form #footer {padding: 0;width: auto;min-width: 0;}

/*** TypeKit ***/
#header li a, .homepage #sub, .homepage #main h1 + p, .developers #main h2, #main h2 + p, #main h2 + img + p, #subnav, #main h2, .thekno #sub h2, body, h2.sap, .jsenabled #join .description .intro, #signup h1, #main h2, #main h3, #main h4, #main h3, #sub h3, .blog #main h1 { font-family: Arial, Helvetica, Sans-serif; background: none !important; text-indent: 0px !important; height: auto;}

.homepage #sub { background:transparent url(../img/bg_content_bottom.png) no-repeat scroll -2307px bottom !important; }

#main p, #sub p { line-height: 140%; }
.thekno #sub h2.title { color: #333;}
#main h4 { font-weight: 400; }

.thekno #sub h2.title { margin-bottom: 13px; }
.thekno .feature h3 { margin: 0;  }

.company.jobs #main > div h3 a { background-position: right 5px; }

#main h3, #sub h3 { font-size: 20px; font-weight: normal; text-transform: none; }

.blog #main h1 {font-weight: 300;margin:5px;font-size:2em;}

.blog #main h2, #main #postTitle{ font-size:27px;}
.blog .post_info .meta { display:none; }

#content #sub .advisory-board p { margin: .7em 0; }

.video-content { padding-left: 5px; } /* because the overlay automatically adds a right padding */



.video-content .thumbs { width: 625px; margin: 0 auto; }

.video-content .thumbs { padding: 10px 5px 0; margin-top: 10px; border-top: 1px solid #CCC; }
.video-content .thumbs ul li { display: inline; padding: 0; margin: 0; }
.video-content .thumbs img { height:60px; }
.video-content h2 { color:#6B2787; font-size:16px; font-weight:normal; margin: 0; }

.heritage-video #content #main { padding-left: 5px; }
.top-border-1008 { position: relative; bottom: -1px; }
#stframe{background:none;}
/* Rss link on blog */
.rss-feed{float:right;font-size:12px;padding-top:10px;}
.rss-feed a{ display:block;height:20px;padding:5px 25px 0 0;background: url('../img/rss.jpg') no-repeat right 2px;
}