@charset "UTF-8";
/* CSS Document */

/* Inflection.com - The Next Generation of Digital Brands
Main Stylesheet */


/* Global Styles  */

* {
	padding: 0px;
	margin: 0px;
	outline: none;
	border: 0px;
	-webkit-text-size-adjust:none;	
}

body {
	background: #fff url('/images/bg_body.gif') repeat-x scroll top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

#press-release {
	background: none;}

a {
	text-decoration: none;
	outline: none;
	color: #009ED2;
}

ul {

}

#wrapper {
	width: 990px;
	margin: auto;
	}
	
#press-release #wrapper {
	width: 720px;
}
	
.innerwrap {
	width: 960px;
	margin:auto;
	overflow: visible;
}

h2 {
	font-size: 15px;
	color: #302B30;
}

/* Header */

#header {
	width:960px;
	margin:auto;
	height: 82px;
}

#header .logo {
	margin-top: 24px;
	float: left; 
	display: inline;
}

.current-work {
	background: transparent url('/images/nav_current_work.jpg') no-repeat scroll top left;
}

#header ul {
	list-style-type: none;
	list-style-position: outside;
	display: inline;
	float: right;
	margin: 47px 2px 0px 0px;
}

#header li {
	float: right;
	display: inline;
	margin-left: 40px;
}


/* Feature */

#feature {
	margin-top: 20px;
	position: relative;
}

.feature-cntrl ol {
	list-style-type: none;
	width: 117px;
	float: left;
}

#feature-cntrl-four {
	list-style-type: none;
	width: 156px;
	float: left;
}

#feature-img {clear: both; height: 259px; margin-bottom: 30px;}
#slide1, #slide2, #slide3 {display: block;}

.feature-cntrl ol li {
	float: left;
	padding-right: 10px
}
.slide_select {
	cursor: pointer;
}

#home #feature {
	background: transparent url('/images/bg_home_feat.jpg') no-repeat scroll top left;
	width: 100%;
	height: 528px;
}

#home .col1 {
	float: left;
	display: inline;
	width: 408px;
}

#home .col2 {
	width: 550px;
	float: right;
	display: inline;
	position: relative;
	height: 520px;
	overflow:hidden;
}

#home .col1 .headline, #home .col1 .copy {
	float: left;
	display: inline;
	clear: left;
	margin: 72px 0px 0px 50px;
}

#home .col1 .copy {
	margin: 56px 0px 0px 50px;
}

.feature-hold {height: 520px; overflow: hidden;}
/* #home #feature-img {min-height: 465px !important; height: 465px;}*/
/* #home #support-info {min-height: 41px !important; height: 41px;}*/
#home #feature-img img {
	margin-top: 3px;
}
#home .feature-cntrl{
	position: absolute;
	top: 460px;
	right: 30px;
}
#home #support-info{
	position: absolute;
	top: 459px;
	right: 155px;
    width:296px; 
	height: 41px;
	overflow: hidden;	
}

/* Base */

#base {
	clear: both;
	margin-top: 10px;
	background: transparent url('/images/bg_base.jpg') no-repeat scroll top left;
	height: 233px;
	width: 100%;
}

#base p {
	color: #463F46;
	line-height: 16px;
}

#base a {
	font-weight: bold;
	font-size: 11px;
}

.bucket1, .bucket2, .bucket3, .bucket4 {
	float: left;
	display: inline;
	height: 238px;
}

.bucket1 .headline, .bucket2 .headline {
	margin-top:54px;
}

.bucket1 .headline, .bucket2 .headline, .bucket4 .headline {
	margin-bottom: 20px;
}

.bucket1 {
	width: 236px;
	margin-left: 15px;
	background: transparent url('/images/bg_b1_tree.png') no-repeat scroll 12px 111px;
}

.bucket1 .headline {
	margin-left: 37px;
}
	

.bucket1 p {
	float: right;
	display: inline;
	text-align: right;
	padding-right: 25px;
}

.bucket1 .link {
	display: block;
	margin-top: 15px;
}

.bucket2 {
	width:246px;
	background: transparent url('/images/bg_b2_question.png') no-repeat scroll 140px 156px;	
}

.bucket2 .headline, .bucket2 p {
	margin-left:25px;
}

.bucket3 {
	background: transparent url('/images/bg_b3.png') no-repeat scroll 17px 18px;
	width: 240px;
}

.bucket2 .link {
	display: block;
	margin-top: 18px;
}

.bucket4 {
	width: 248px;
	background: transparent url('/images/bg_b4_idea.png') no-repeat scroll 113px 20px;
}


.bucket4 .headline {
	margin-top: 31px;
}

.bucket4 .headline, .bucket4 p {
	margin-left: 25px;
}

.bucket4 .link {
	display: block;
	margin-top: 18px;
}

#base .logo {
	margin-top: 15px;
}


/* Pages Template */

#page #feature {
	background: transparent url('/images/bg_pages.jpg') repeat-y scroll top left;
}

#page #feature p, .release-charity li {
	color: #463F46;
	font-size: 13px;
	line-height: 21px;
}

#page #feature-img {
	background: transparent url('/images/bg_feature.jpg') no-repeat scroll top left;
	height: 258px;
	width: 638px;
	overflow: hidden;
	}
	
	
#page #feature-img-ppl {
	background: transparent url('/images/bg_feature_ppl.jpg') no-repeat scroll top left;
	height: 187px;
	width: 328px;
	margin-bottom: 15px;
	overflow: hidden;
	}	
	
#page .support-info {
	padding-top: 8px;
	height: 29px;
	width: 208px;
	overflow: hidden;
}
	
#page #feature-img img, #page #feature-img-ppl img {
	padding-top: 20px;
	padding-left: 20px;
	overflow: hidden;
}
#page #feature-img img {
	height: 217px;
	width: 596px;
}

#page #feature-img-ppl img {
	height: 145px;
	width: 286px;
}

#page .innerwrap {
	background: #F3F2DF url('/images/bg_page_feature.png') no-repeat scroll top left;
	padding-bottom: 40px;
}

#page .col1 {
	margin-left: 20px;
	width: 225px;
	float: left;
	display: inline;
	margin-top: 14px;	
}

.col1-about {
	clear: left;
	width: 205px;
	float: left;
	display: inline;
}

#page .col-bgimg {
	width:360px;
}

#page #feature .tricol, #page #feature .tricol2 {
	background: transparent url('/images/divider_vert.png') no-repeat scroll top right;
	float: left;
	display: inline;
	height: 300px;
}

#page #feature .tricol2 {
	background: none;
	height: 175px;
	}

#page #feature .tricol h3, #page #feature .leader h3, #page #feature .tricol2 h3  {
	color: #302B30;
	font-size: 15px;
	font-weight: bold;
}

#page #feature .leader h3 .icon-link {
	float: none;
	padding:0px;
	margin-bottom:-1px;
	margin-left: 2px;
	}

#page #feature .leader p {
	font-size: 12px;
	padding-right: 20px;
	line-height: 18px;
}

#page #feature .tricol p {
	font-size: 12px;
	line-height: 18px;
}

.loc1 {
	width: 205px;
}

.loc1 h3, .loc1 p {
	padding-right: 30px;
}

.loc2 {
	width: 240px;
}

.loc2 h3, .loc2 p {
	padding: 0px 30px;
}

.loc3 {
	width: 190px;
}

.loc3 h3, .loc3 p {
	padding-left: 25px;
	padding-right: 0px;
}

.col2 {
	width: 310px;
	float: left;
	display: inline;
}


#page #main-content {
	width: 640px;
	float: right;
	margin-right: 45px;
	display: inline;
	margin-top: 26px;
}

#page #main-content .headline {
	float: left;
	display: inline;
}

#page .headline2 {
	margin-top: 35px;
	margin-bottom: 23px;
}

.top {
	background: transparent url('/images/bg_page_top.jpg') no-repeat scroll top left;
	height: 21px;
}

.bottom {
	clear:both;
	background: transparent url('/images/bg_page_btm.jpg') no-repeat scroll bottom left;
	height: 21px;
}


/* Subnav */
	#subnav {width:215px; padding:0px; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:15px; position: relative;}
	#subnav img {border:0;}
	#subnav ul {margin:0px; padding:29px 0px; list-style:none; background:#fff url(/images/subnav.gif) no-repeat top left; height:174px;}
	#subnav li {margin:7px 12px; color:#009ed2;}
	#subnav a {color:#009ed2; text-decoration:none; padding:0 6px 0 10px;}
	#subnav a.subnav-leadership {background: url(/images/subnav-leadership.gif) no-repeat; width:160px; display:block; height:22px;}
	#subnav a.subnav-locations {background: url(/images/subnav-locations.gif) no-repeat; width:110px; display:block; height:22px;}
	#subnav a.subnav-values {background: url(/images/subnav-values.gif) no-repeat; width:124px; display:block; height:22px;}
	#subnav a.subnav-name {background: url(/images/subnav-name.gif) no-repeat; width:160px; display:block; height:22px;}
	#subnav a.subnav-press {background: url(/images/subnav-press.gif) no-repeat; width:95px; display:block; height:22px;}	
	#subnav a.subnav-platform {background: url(/images/subnav-platform.gif) no-repeat; width:115px; display:block; height:22px;}	
	#subnav a.subnav-familyhistory {background: url(/images/subnav-familyhistory.gif) no-repeat; width:140px; display:block; height:22px;}
	#subnav a.subnav-nonprofit {background: url(/images/subnav-nonprofit.gif) no-repeat; width:120px; display:block; height:22px;}	
	#subnav a.subnav-peoplesearch {background: url(/images/subnav-peoplesearch.gif) no-repeat; width:140px; display:block; height:22px;}
	#subnav a.subnav-idprotection {background: url(/images/subnav-idprotection.gif) no-repeat; width:170px; display:block; height:22px;}
	#subnav a.subnav-nonprofit {background: url(/images/subnav-nonprofit.gif) no-repeat; width:112px; display:block; height:22px;}
	#subnav a.subnav-positions {background: url(/images/subnav-positions.gif) no-repeat; width:150px; display:block; height:22px;}
	#subnav a.subnav-benefits {background: url(/images/subnav-benefits.gif) no-repeat; width:100px; display:block; height:22px;}
	#subnav a.subnav-culture {background: url(/images/subnav-culture.gif) no-repeat; width:100px; display:block; height:22px;}	
	#subnav a.subnav-apply {background: url(/images/subnav-apply.gif) no-repeat; width:90px; display:block; height:22px;}
	#subnav a:hover {background-position:0 -29px;}
	#subnav li.selected a {background-position:0 -58px;}
	
#subnav #social {position: absolute; top: 287px; left: 10px;} 
#subnav #social a {float: left; display: inline; width: 27px; padding-left: 0px;}
#subnav .follow-us {position: absolute; top: 263px; left: 8px; background:transparent url('/images/bg_follow_us.png') no-repeat top left; height: 39px; width: 63px; }


/* Post Its */ 
.lookupto {background: #FDFAB7 url('/images/values/postit.png') top left no-repeat; border:1px solid #edeab4; width:174px; padding:20px;}
.lookupto ul {list-style:square; margin:0px; padding:10px 0 0 15px;}
.lookupto li {padding:0px; margin:15px 0;}

.postit {
	clear:left;
	float: left;
	display: inline;
	margin-top:20px;
}

.behind-name, .open-pos {
	background: transparent url('/images/postit_bn.png') no-repeat scroll top left;
	height: 165px;
	width:217px;
}

.open-pos {
	background: transparent url('/images/postit_po.png') no-repeat scroll top left;
}

.behind-name p, .open-pos p {
	font-size: 11px;
	font-weight: bold;
	display: block;
	margin: 130px 0px 0px 20px; 
}

.seals {
	text-align: center;
	width:215px;
	padding-top: 10px;
}

.video-box {
	background: transparent url('/images/bg_video_wrap.png') no-repeat top left;
}
	
.video-box img {
	padding: 5px;
}

#page #feature .video-box p {
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	margin-top: 5px;
}  	

/* Leadership Team */
.leader {
	width: 308px;
	background-color: #fff;
	border: 1px solid #DEDDCC;
	padding: 19px 0px;
	margin-bottom: 19px;
	position: relative;	
}

.investor-logo {
	float: left;
	display: inline;
	margin-top:-16px;
}

.leader .otext {
	height: 43px;
}

.leader img {
	padding: 0px 19px 0px 19px;
	float: left;
}

.leader-detail {
	height: 6em;
	overflow: hidden;
}
.leader-detail2 {
	display: none;
	margin: 0 0 19px 19px;
}
.more {
	position: absolute;
	bottom: 19px;
	left: 127px;
	padding-right: 150px;
	background: #fff;
}
	
.ellipses {
	font-weight: normal;
	color: #463F46;
	padding-left:2px;
}
#advisors {
	width: 	640px;
	background-color: #fff;
	border: 1px solid #DEDDCC;
	padding: 19px 0px;
	clear: both;
	float: left;
}
.advisor_heading {
	clear: both;
	padding-bottom: 30px;
}
.thanks h3{
	padding-left: 19px;
}
.thanks p{
	padding-top: 3em;
	padding-left: 19px;
}

/* Benefits */
#paloAltoBen ul, #omahaBen ul {padding-top: 1em; color: #463F46;}

.benOn {
	color: #CC4C19;
}
.benOff{
	text-decoration: underline;
}

/* Non-Profit */
.release-charity ul {margin-left:15px; list-style-type: square;}

/* About Us */
.unique {
	float: left;
	display: inline;
	margin-top: 103px;
}

.col1-about h3, .head1 {
	font-size: 16px;
	margin-bottom: 5px;
}

/* Values */
.value {display:block; margin-bottom:30px;}
.values-content {
	padding-bottom:55px;
}
.relativity {
	padding: 40px 0px 50px 0px;
}

/* Careers */
#video-box-sm {height: 259px; width: 285px; float: right; display: inline; background: transparent url('/images/bg_video_sm.png') no-repeat scroll top left; margin-top: -40px; margin-right: -30px;}
#video-box-sm a {display:block;width:273px;height:173px; margin-left: 7px; margin-top: 79px;}
.video-culture {display: block;height: 412px; width: 649px;}
#video-box-culture {padding-top:30px;}


/* Behind name */
.inflectionpoint {margin:-90px 0 30px -40px;}
.inflectiondescription { position:absolute; width:100px; font-size:10px; line-height:14px; display:block; left:820px; top:295px;}
ul.namebullets {list-style:square; width:300px; padding:0 0 0 15px; margin:0px;}
.namebullets li {margin:0px; padding:0px; margin-bottom:15px;}
.namebullets span {color:#cc4c19; font-size:13px; font-weight:bold;}


/* Feature Images */
#home #feature-img img {
	margin-top: 3px;
}

#ps-component {
	width:330px;
	float: right;
	margin-left: 40px;
}

/* Feature Controls */
.fam-ctrl {
	margin-top: 35px;
	margin-bottom:15px;
}

/* Lists */

.list1, .list2, .list3 {
	list-style-position: inside;
	list-style-type: square;
}

.list1 {	
	margin-top: -8px;
}

.list1 li {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 15px;
}

.list2 li {
	font-size: 12px;
	margin-bottom: 15px;
}

.list3 {margin:0px; padding:0 0 0 0px; list-style-type: none;}

.list4 {
	margin-left: 12px;
	list-style-position: outside;
}


/* Illustrations */

.illy {
	position: absolute;
	right: 0;
}

.people {
	top: 28px;
}


/* Photos */

.photo-charity {
	position: absolute;
	top: 20px;
	right: -22px;
}

.work {
	top: -10px;
}

.work1 {
	top: 30px;
	right: 0px;
}

.work2 {
	top: 656px;
	right: 0px;
}

.about1 {
	top: 70px;
	right: 29px;
}

.about2 {
	top: 618px;
	right: 30px;
}

.about3 {
	top: 1287px;
	right: 30px;
}

.about4 {
	top: 1890px;
	right: 30px;
}

.about-stretch {
	height: 2163px;
}

.locations {
	top:68px;
	right: 0px;
}

.press {
	top: 28px;
	right:150px;
}

.values1 {
	top: 15px;
	right: 0px;
}

.values2 {
	top: 574px;
	right: 118px;
}

.values3 {
	top: 1912px;
	right: 0px;
}

.identity {
	top: -10px;
	right: 35px;
}

.careers {
	top: 20px;
}

.careers1 {
	top: 370px;
}

.behind {
	top: -15px;
	right: 31px;
}

.culture {
	top: 30px;
	right: 50px;
}

.benefits1 {
	top: 160px;
	right: 0px;
}


/* Footer */

#footer {
	clear: both;
	width:960px;
	margin: auto;
	margin-top: 15px;
	padding-bottom: 50px;
}

#footer #links {
	float: left;
	display: inline;
	color: #ccc;
	font-size: 11px;
}

.legal p {
	font-size: 11px;
	float: right;
	color: #0B0A0B;
}

/* Press Releases */
#press-release h2 {
	font-size: 18px;
	}
	
#press-release .byline {
	font-size:14px;
}

#press-release {
	line-height:19px;
}

#press-release #wrapper {
	padding-bottom: 30px;
}


/* Fixes */

/* Misc */
.left {
	float: left;
	display: inline;
}

.right {
	float: right;
	display: inline;
}

.down50 {
	margin-top: 50px;
}

.down40 {
	margin-top: 37px;
}

.down30 {
	margin-top: 30px;
}

.down20 {
	margin-top: 20px;
}

.down10 {
	margin-top: 10px;
}

.right10 {
	margin-left: 10px;
}

.right20 {
	margin-left: 20px;
}

.right30 {
	margin-left: 30px;
}

.under {
	text-decoration: underline;
}

.message1 {
	padding-top:350px;
	font-size: 16px;
	background: transparent none;
}

#page #feature #shout p {
	font-size: 11px; 
	line-height: 16px;
	margin: 5px 0px 0px 0px;
}

.divider-fade {
	clear:both;
	background: transparent url('/images/divider_fade.jpg') no-repeat scroll bottom left;
	width: 637px;
	height: 26px;
	margin: 0px 0px 25px 0px;
}

.divider-fade-short {
	clear:both;
	background: transparent url('/images/divider_fade_short.png') no-repeat scroll bottom left;
	width: 355px;
	height: 26px;
	margin: 0px 0px 25px 0px;
}

.divider-sbar {
	clear:both;
	background: transparent url('/images/divider_fade2.png') no-repeat scroll bottom left;
	width: 213px;
	height: 3px;
	margin: 20px 0px;
}

.last, #page #feature .last {
	background: transparent none;
	}
	
.spaceholder {
	height: 300px;
	}
	
.spaceholder-about {
	margin-top: 525px;
}

.spaceholder-locations {
	margin-top: 400px;
}

.spaceholder-behind-name {
	margin-top: 368px;
}

.note {background: yellow;}

/* Remove after work page is put up */
.evener {
	height: 345px;
}

.evener-press {
	clear:both;
	height: 52px;
}

.evener-work {
	clear:both;
	height: 109px;
}

.heightener {
	height:55px;
	display: block;}

.fill-out {
	height:544px;
}

.blank {
	background: transparent none;
}


/* Font Adjustments */
.otext, #page #feature .otext {
	color: #CC4C19;
}

/* Links */
.tier1 {
	font-weight: bold;
}

.tier2 {
	font-weight: bold;
	font-size: 11px;
}

.bg-remove {background: none;}

/* Clearfix
----------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block; }
/* clearfixfor Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end clearfix */
/*\*//*/
.clearfix {zoom: 1; display: block;} 
/* */

.clr {display: block; height: 0px; clear:both;}


/* Lightbox Rename */

#inlinediv {
  text-align: right;
  background: transparent url('/images/bg_rename_top.jpg') no-repeat scroll top center; 
  height: 430px;
  width:446px;
  margin: 0px;
  padding:0px;
}

/* Colorbox Styles */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorBox{}
    #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft,#cboxBottomCenter, #cboxBottomRight,  #cboxMiddleLeft, #cboxMiddleRight {display:none;}
		#cboxContent {-moz-border-radius:8px; -webkit-border-radius:8px; background:#fff;}
		#cboxLoadedContent{padding:10px 10px;}
		#cboxTitle{display:none;}
		#cboxCurrent{display:none;}
		#cboxSlideshow{display:none;}
		#cboxPrevious{display:none;}
		#cboxNext{display:none;}
		#cboxLoadingOverlay{background:#fff url(../images/loading.gif) center center no-repeat; -moz-border-radius:8px; -webkit-border-radius:8px;}
		#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/close.gif) top center no-repeat; width:17px; height:17px; text-indent:-9999px;}
		.cboxClose {background-color: red;}






	
