/* CSS Document */


/* --------------------   Universal Styles   -------------------- */


body {
	background:#4d4d4d url(images/page_background.gif) repeat-x top;
	font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	color: #424242;
	text-align: center;
	padding:0;
	margin:0;
	}
	
ul  {
	list-style-image: url(images/bullet_square.gif); 
	margin: 0 40px 30px 65px; 
	padding: 0; 
	}

ol  {
	margin: 0 40px 30px 85px; 
	padding: 0; 
	}

	
li	{
	margin: 0 0 10px 0;}


.intro {
	font-size: 1.4em;
	line-height: 1.4em;
	color: #40837d;
	}

.emphasize {
	color: #000000;
	font-weight: bold;
	font-size: 1.2em;
	}

a:link		{ color: #e36114; text-decoration: none; font-weight: bold;}
a:visited	{ color: #e36114; text-decoration: none; font-weight: bold;}
a:alink		{ color: #e36114; text-decoration: underline; font-weight: bold;}
a:hover		{ color: #e36114; text-decoration: underline; font-weight: bold;}

.error {
 	color: #FF0000;
}
span {
 	font-weight: bold;
}


/* --------------------   Masthead   -------------------- */

#masthead {
	background:#0069a5;
	display: block;
	height: 120px;
	width: 790px;
	margin: 0;
	padding: 0;
	background: #fff url(images/masthead_background.gif) no-repeat;
	}

#masthead h1 {display: none;}
#masthead h2 {display: none;}


/* --------------------   Layout Shell   -------------------- */


#container {
	width: 790px;
	margin: 0 auto;
	text-align: left;
	}
 
 
 
 
/* --------------------   Main Content Block   -------------------- */
 
#home_content {
	display: block;
	float: left;
	width: 780px;
	margin: 0;
	padding: 20px 0 40px 0;
	background: #fff;
	border-left: 5px solid #3f3f3f;
	border-right: 5px solid #3f3f3f;
	background: #fff url(images/home_content_bg.jpg) no-repeat top left;	
	}
 #content {
	display: block;
	float: left;
	width: 780px;
	margin: 0;
	padding: 20px 0 60px 0;
	background: #fff;
	border-left: 5px solid #3f3f3f;
	border-right: 5px solid #3f3f3f;
	}

#content p {
	margin: 0 40px 1.3em 50px;
	}
#content h1 {
	font-size: 1.2em;
	color: #000000;
	margin: 0 40px 4px 50px;
	}
#content h2 {
	font-size: 1.2em;
	color: #000000;
	margin: 0 40px 4px 50px;
	}

#content h3 {
	font-size: 1em;
	color: #000033;
	margin: 0 40px 0 50px;
	}


#content .intro {
	margin: 0 40px .8em 0;
	padding: 8px 12px 8px 50px;
	}
	
#left {
	display: block;
	width: 540px;
	float: left;
	margin: 0;
	}

#content #left img {
	border: 4px solid #eeeeee;
}

#contact_left {
	display: block;
	width: 220px;
	float: left;
	margin: 0;
	}
	
#contact_center {
	display: block;
	width: 360px;
	float: left;
	margin: 0;
	}
	

#contact_right {
	display: block;
	width: 180px;
	float: left;
	margin: 0;
	}
	
#contact_right p, contact_right li {
	margin: 0 0 0 10px;
}

#contact_right UL {
	margin: 0 0 0 25px;
}


#contact_center img {border: 1px solid #999;}

#callout_shell {
	display: block;
	width: 230px;
	float: right;
	margin: 0;
	padding: 0;
	}

#callout_shell .quote { 
	font-size: 1.1em;
	line-height: 1.15em;
	color: #40837d;	
	padding: 12px 30px 0 30px;
	margin: 0 0 6px 0;
	background: url(images/quote_bg.gif) no-repeat
	}

#callout_shell .attribute {
	text-align: right;
	font-size: 0.8em;
	line-height: 1.1em;
	margin: 0 40px 20px 20px;
	}

#callout_shell .small {
	text-align: left;
	font-size: 0.8em;
	line-height: 1.1em;
	margin: 3px 40px 10px 0;
	}
	
#callout_shell img {
	margin: 0;
	border: 1px solid #d9d9d9
	}
	
#callout_shell .noborder img {
	margin: 0;
	border: none
	}
	
#callout_hdr {
	display: block;
	background: #40837d url(images/callout_hdr_bg.gif) repeat-x top;
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	padding: 6px 30px 6px 20px;
	margin: 0;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	}

#callout_hdr p {margin:0}
	
#callout_text {
	display: block;
	background: #ededed;
	font-size: 0.85em;
	line-height: 1.1em;
	padding: 5px 30px 10px 20px;
	margin: 0 0 20px 0;
	}
	
#callout_text p {margin: 0 0 1.1em 0}

#callout_text p.headline {
	font-size: 1.2em;
	color: #000033;
	margin: 10px 0 3px 0}
	
#callout_text ul  {
	list-style-image: url(images/bullet_square.gif); 
	margin: 0; 
	padding: 0; 
	}
	
#callout_text li {
	margin: 0 0 6px 0;}

#product_tabs {display:block; float:left}


/* --------------------   Homepage twitter styles -------------------- */


#hdr_tweets {
	display:block;
	float:left;
	width: 370px;
	height: 32px;
	margin: 24px 0 6px 0;
	background: url(images/home_hdr_tweets.gif) no-repeat;
	}

#hdr_blog {
	display:block;
	float:left;
	width: 370px;
	height: 32px;
	margin: 24px 0 6px 0;
	background: url(images/home_hdr_blogposts.gif) no-repeat;
	}



#blog_div {
	display: block;
	float: left;
	margin: 6px 0 0 0
	}


#follow_us_link {
	position:relative;
	display: block;
	float: right;
	text-align: right;
	left:-36px;
	top:-18px;
	}

#home_twitter_div {
	position:relative;
	left:-36px;
	width:436px;
	display: block;
	float: left;

}

/* --------------------   Blog Page   -------------------- */


	
#blog_post_footer {
	display: block;
	background: #f8f8f8;
	font-size: 0.85em;
	line-height: 1.1em;
	padding: 10px 10px 1px 10px;
	margin: 5px 40px 20px 50px;
	}
	
#blog_post_footer p {margin: 0 0 1.1em 0}





#hdr_blog_ser {
	display:block;
	width: 700px;
	height: 100px;
	margin: 0 0 0 5px;
	background-image: url(images/hdr_blog_ser.gif);
	background-repeat: no-repeat;
	}

#blog_right {
	display:block;
	width: 277px;
	float:right;
	margin:-26px 2px 0 0;
	}

#blog_left {
	width: 390px;
	float: left;
	margin: 20px 0 0 90px;
    display: inline;	
}

#sidebar ul  {
	list-style: none;
	margin: 0 0px 0px 0px; 
	padding: 0; 
	}
	
#sidebar li	{
	margin: 0 0 5px 0;}


#twitter_div ul {
	list-style: url(images/bullet_square.gif); 
	}

#twitter_div li	{
	margin: 0 0px 0px 18px;}

#blog_div h2 {display: block;}

#sidebar h2{
	color: #40837d;
}


/* --------------------   Homepage   -------------------- */


#hdr_home_bg {
	display:block;
	width: 790px;
	height: 258px;
	background: url(images/home_marquee_bg.gif) no-repeat;
	}

#marquee {
	margin: 0 5px;
	border: none;
	}

#hdr_home_bg h2 {display:none}

#home_left {
	width: 390px;
	float: left;
	margin: 20px 0 0 90px;
    display: inline;	
}




#home_latest {
	display: block;
	float: left;
	margin: 6px 0 0 0
	}
#home_latest ul  {
	margin: 0 0 0 30px; 
	padding: 0; 
	}
	
#home_latest li {
	margin: 0;
	}
	
#home_right {
	display:block;
	width: 277px;
	float:right;
	margin:-26px 2px 0 0;
	}
#home_right ul{
	list-style: none;
	margin: 0;
	display: block;	
}	
#home_right li{
	border-top: solid 4px #e4e4e4;
	/*border-top: solid 1px #4d4d4d;*/
	padding: 0 0 0 50px;
	margin: 0;
	display: block;
	list-style: url(none) none;
}
#home_right li a{
	display: block;
	width: 95%;
	color: #4d4d4d;
	text-decoration: none;
	font-weight: normal;
	padding: 15px 0;
	background: url(images/doublearrow.gif) no-repeat right bottom;		
}	
#home_right li a strong{
	color: #000;
	font-size: 1.1em;
}	
	
#home_right li a:hover{
	color: #e36114;
	background: url(images/doublearrow_on.gif) no-repeat right bottom;		
}
li.acclaim{
	background: url(images/icon_acclaim.gif) no-repeat left 15px;

}	
li.demo{
	background: url(images/icon_demo.gif) no-repeat left 15px;

}	
li.download{
	background: url(images/icon_download.gif) no-repeat left 15px;

}	
li.specialBook{
	background: url(images/games_at_work.gif) no-repeat left 20px;
}
li.specialSendSerios{
	background: url(images/icon_SendSerios.gif) no-repeat left 20px;

}
li.specialIBM{
	background: url(images/icon_IBM.gif) no-repeat left 20px;

}
li.specialFM{
	background: url(images/icon_FM.gif) no-repeat left 20px;

}
li.specialHBR{
	background: url(images/icon_HBR.gif) no-repeat left 20px;

}
li.specialNPR{
	background: url(images/icon_megaphone.gif) no-repeat left 20px;

}
li.work{
	background: url(images/icon_megaphone.gif) no-repeat left 20px;

}					
#home_headline {
	display:block;
	float:left;
	padding: 40px 0 30px 0;	
	background: url(images/headline.gif) no-repeat top left;
	}
#home_headline p{
	line-height: 1.7em;
	}
#home_hdr_latest {
	display:block;
	float:left;
	width: 370px;
	height: 32px;
	margin: 0 0 6px 0;
	background: url(images/home_hdr_latest.gif) no-repeat;
	}


		
#home_left h2, #home_right h2{
	display:none;
}


#home_hdr_lab {
	display:block;
	float:right;
	width: 277px;
	height: 32px;
	margin: 0 0 3px 0;
	background: url(images/home_hdr_spotlight.gif) no-repeat;
}

#home_lab_container {
	display: block;
	float:right;
	width: 277px;
	height: 70px;
	margin: 0 0 3px 0;
	background: #222 url(images/home_lab_bg.gif) repeat top left;
	}

#home_login_container {
	display: block;
	float:right;
	width: 277px;
	height: 70px;
	margin: 10px 0 3px 0;
	}

#home_lab_right {
	display: block;
	float:right;
	width: 202px;
	height: 70px;
	margin: 0;
	}
	
#home_lab_right p {
	font-size: 0.9em;
	color: #e4e4e4;
	padding: 10px 0;
	margin: 0 20px 0 15px
	}
	
#home_lab_right a {
	color: white;
	font-weight: bold;
	}
	
#home_lab_right a:hover {
	text-decoration: underline }	

#home_lab_left {
	display: block;
	float: left;
	width: 75px;
	height: 70px;
	background: #999;
	margin: 0;
	}
	
.highlight_text {
	color: #e36114
	}
	
/* --------------------   Footer   -------------------- */

#footer {
	display: block;
	float: left;
	height: 55px;
	width: 790px;
	margin: 0;
	padding: 0 0 5px 0;
	background: #4d4d4d url(images/footer_background.gif) no-repeat;
	}
	
#footer p {
	color: #000033;
	font-size: 0.9em;
	margin: 20px 20px 0 55px;
	}



/* --------------------   Content Page Headers   -------------------- */

#header_bar {
	background:#0069a5;
	display: block;
	height: 100px;
	width: 790px;
	margin: 0;
	padding: 0;
	background: #fff url(images/header_bar_background.gif) no-repeat;
	}

#header_bar h2 {display: none;}

#hdr_contact {
	display:block;
	width: 500px;
	height: 100px;
	margin: 0 0 0 5px;
	background: url(images/hdr_contact.gif) no-repeat;
	}

#hdr_sendserios {
	display:block;
	width: 500px;
	height: 100px;
	margin: 0 0 0 5px;
	background: url(images/hdr_sendserios.gif) no-repeat;
	}
	
#hdr_attent {
	display:block;
	width: 500px;
	height: 100px;
	margin: 0 0 0 5px;
	background: url(images/hdr_attent.gif) no-repeat;
	}
	
#hdr_try_attent {
	display:block;
	width: 500px;
	height: 100px;
	margin: 0 0 0 5px;
	background: url(images/hdr_register_for_attent.gif) no-repeat;
	}
#hdr_onlinelabs {
	display:block;
	width: 500px;
	height: 100px;
	margin: 0 0 0 5px;
	background: url(images/hdr_onlinelabs.gif) no-repeat;
	}
	
#hdr_download {
	display:block;
	width: 500px;
	height: 100px;
	margin: 0 0 0 5px;
	background: url(images/hdr_download.gif) no-repeat;
	}

#hdr_consulting {
	display:block;
	width: 500px;
	height: 100px;
	margin: 0 0 0 5px;
	background-image: url(images/hdr_consulting.gif);
	background-repeat: no-repeat;
	}

#hdr_our_work {
	display:block;
	width: 500px;
	height: 100px;
	margin: 0 0 0 5px;
	background-image: url(images/hdr_our_work.gif);
	background-repeat: no-repeat;
	}

#hdr_svc_team {
	display:block;
	width: 500px;
	height: 100px;
	margin: 0 0 0 5px;
	background-image: url(images/hdr_svc_team.gif);
	background-repeat: no-repeat;
	}

#hdr_what_we_do {
	display:block;
	width: 500px;
	height: 100px;
	margin: 0 0 0 5px;
	background-image: url(images/hdr_what_we_do.gif);
	background-repeat: no-repeat;
	}

#hdr_platform {
	display:block;
	width: 500px;
	height: 100px;
	margin: 0 0 0 5px;
	background-image: url(images/hdr_platform.gif);
	background-repeat: no-repeat;
	}

#hdr_about {
	display:block;
	width: 598px;
	height: 100px;
	margin: 0 0 0 5px;
	background: url(images/hdr_about_seriosity.gif) no-repeat;
	}

#hdr_privacy {
	display:block;
	width: 598px;
	height: 100px;
	margin: 0 0 0 5px;
	background: url(images/hdr_privacy.gif) no-repeat;
	}

#hdr_thomas_malone {
	display:block;
	width: 598px;
	height: 100px;
	margin: 0 0 0 5px;
	background: url(images/hdr_thomas_malone.gif) no-repeat;
	}

#hdr_leighton_read {
	display:block;
	width: 598px;
	height: 100px;
	margin: 0 0 0 5px;
	background: url(images/hdr_leighton_read.gif) no-repeat;
	}

#hdr_byron_reeves {
	display:block;
	width: 598px;
	height: 100px;
	margin: 0 0 0 5px;
	background: url(images/hdr_byron_reeves.gif) no-repeat;
	}

#hdr_team {
	display:block;
	width: 500px;
	height: 100px;
	margin: 0 0 0 5px;
	background-image: url(images/hdr_projects.gif);
	background-repeat: no-repeat;
	}

#hdr_jobs {
	display:block;
	width: 500px;
	height: 100px;
	margin: 0 0 0 5px;
	background: url(images/hdr_jobs.gif) no-repeat;
	}
	
#hdr_press {
	display:block;
	width: 500px;
	height: 100px;
	margin: 0 0 0 5px;
	background: url(images/hdr_in_the_news.gif) no-repeat;
	}

#hdr_rb_byron {
	display:block;
	width: 652px;
	height: 175px;
	margin: 0 0 0 5px;
	background: url(images/hdr_rb_byron.jpg) no-repeat;
	}

#header_bar_rb_byron {
	background:#0069a5;
	display: block;
	height: 175px;
	width: 790px;
	margin: 0;
	padding: 0;
	background: #fff url(images/header_bar_rb_byron.gif) no-repeat;
	}

#header_bar_rb_byron h2 {
	display: none;
	}

#hdr_rb_welcome {
	display:block;
	width: 598px;
	height: 100px;
	margin: 0 0 0 5px;
	background: url(images/hdr_rb_welcome.gif) no-repeat;
	}

#hdr_rb_download {
	display:block;
	width: 598px;
	height: 100px;
	margin: 0 0 0 5px;
	background: url(images/hdr_rb_download.gif) no-repeat;
	}

#hdr_press_events {
	display:block;
	width: 500px;
	height: 100px;
	margin: 0 0 0 5px;
	background: url(images/hdr_press_and_events.gif) no-repeat;
	}
/* --------------------   Primary Navigation Bar   -------------------- */


#navcontainer {
	position: relative;
	width: 559px;
	padding: 0;
	margin: 0;
	}

#nav {
	display: block;
	position: absolute;
	top: 30px;
	left: 226px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 559px;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: block;
	list-style-type: none;
	float: left;
	}

#nav a {
	display: block;
	padding: 34px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:34px; /* for IE5/Win */
	}
	
#nav a:active, #nav a.selected {
	background-position: 0 -68px;
	}

#nav a:hover {
	background-position: 0 -34px;
	}
	
#thome a  {
	width: 75px;
	background: url(images/tabs/home.gif) top left no-repeat;
	}

#tblog a  {
	width: 75px;
	background: url(images/tabs/blog.gif) top left no-repeat;
	}

#tproducts a  {
	width: 92px;
	background: url(images/tabs/products.gif) top left no-repeat;
	}

#tcompany a  {
	width: 99px;
	background: url(images/tabs/company.gif) top left no-repeat;
	}

#tthe_lab a  {
	width: 107px;
	background: url(images/tabs/consulting.gif) top left no-repeat;
	}

#tplatform a  {
	width: 86px;
	background: url(images/tabs/platform.gif) top left no-repeat;
	}
	

/* --------------------   Secondary Navigation Bar   -------------------- */

#subnavcontainer {
	position: relative;
	width: 459px;
	height: 30px;
	padding: 0;
	margin: 0;
	}
	
#subnav {
	display: block;
	position: absolute;
	top: 64px;
	left: 296px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 459px;
	height: 30px;
	background: url(images/secondary_nav_bg.gif) no-repeat;
	}
	
#subnav li {
	margin: 6px 10px 0 12px; 
	padding: 0;
	display: block;
	list-style-type: none;
	float: left;
	}

#subnav a {
	font-size: 1em;
	color: #777;
	font-weight: normal;
	}
	
#subnav a.selected {
	font-weight: normal;
	color: #e36114
	}

#subnav a:hover {
	color: #e36114
	}
	
	
	/* --------------------   Masthead Login Button   -------------------- */


#logincontainer {
	position: relative;
	padding: 0;
	margin: 0;
	}

#login {
	display: block;
	position: absolute;
	top: 5px;
	left: 570px;
	list-style: none;
	margin: 0;
	padding: 0;

	}
	
#login li {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	float: left;
	display: block;	
	}

#login a {
	padding: 15px 0 0 5px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:15px; /* for IE5/Win */
	color: #000;
	font-size: 90%;
	}
#login a:hover {
	color: #e36114;
	}	


	
	/* --------------------   Landing Page Styles   -------------------- */
.landing {
	font-size: 1.0em;
	line-height: 1.4em;
	color: #222;
	}
	
.landing_intro {
	font-size: 1.0em;
	line-height: 1.3em;
	color: #000;
	font-weight: bold;
	}
	
#landing_left {
	display: block;
	width: 540px;
	float: left;
	margin: 0;
	padding: 30px 0 0 0;
	background: url(images/landing/content_bg.jpg) no-repeat top;
	}


#landing_content #landing_left p {
	margin: 0 20px 1.3em 140px;
	}
	
#landing_content #landing_left li {
	margin: 0 5px 0.5em 90px;
	font-weight: bold;
	color: #000;
	}	
	
	
#hdr_landing_bg {
	display:block;
	width: 790px;
	height: 190px;
	background: url(images/landing/landing_top.jpg) no-repeat;
	}

#hdr_landing_bg h1, #hdr_landing_bg h2 {display:none}

#landing_content {
	display: block;
	float: left;
	width: 780px;
	margin: 0;
	padding: 0;
	background: #fff;
	border-left: 5px solid #3f3f3f;
	border-right: 5px solid #3f3f3f;
	}

	
#landing_callout_shell {
	display: block;
	width: 230px;
	float: right;
	margin: 0 0 0 0;
	padding: 0;
	}	


#landing_callout_hdr {
	display: block;
	background: #40837d url(images/callout_hdr_bg.gif) repeat-x top;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	padding: 6px 10px 6px 15px;
	margin: 30px 0 0 0;
	}

#landing_callout_hdr p {margin:0}
	
#landing_callout_text {
	display: block;
	background: #ededed;
	font-size: 0.85em;
	line-height: 1.3em;
	padding: 10px 25px 10px 15px;
	margin: 0;
	}
	
#landing_callout_text p {margin: 0 0 1.1em 0}

.landing_emphasize {
	color: #000000;
	font-weight: bold;
	font-size: 1.1em;
	}

#landing_flash {
	background: #222 url(images/page_background.gif) repeat-x top;
	display: block;
	width: 230px;
	height: 108px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0 0 0;
	}

/* ---------------------- Postscript Styles ---------------------*/

#postscript {
	display: block;
	float: left;
	height: 13px;
	width: 850px;
	margin: 0;
	padding: 0;
	background: #4d4d4d;
	}
	
#postscript p {
	text-align: right;
	font-size: 0.9em;
	margin: 0;
	}