/* CSS Document */

body {
	font-family:helvetica,verdana,sans-serif;
	font-size:90%;
	background-color: #FFFFFF;
}
.bodydiv {
	padding-top: 0px;
}
.contentdiv {
	width: 100%;
	padding-top: 0px;
	float:left;
	text-align: left;
}
.topbar {
	height: 60px;
	padding-bottom: 20px;
	text-align:center;
	width:85%;
}
.topbar0 {
	height: 60px;
	width:85%;
}
.whitecontentwrapper {
	width:85%;
}
.logo {
	float:left;
	margin-left:8px;
	background-image: url(http://facterylabs.com/images/logo_factery.png);
	background-repeat: no-repeat;
	width:310px;
	height:65px;
}
.submit-button0 {
	width:115px;
	height:35px;
  background:url(http://facterylabs.com/images/btn_get_facts.png) no-repeat;
	border:0;
  vertical-align:top;
	margin-left:4px;
	margin-top:-3px;
	cursor:pointer;
}

.navigation {
	float: right;
	font-family: helvetica,verdana,sans-serif;
	font-size: 14px;
	color: #999;
}
#nav {
	list-style-type: none;	
}
#nav li {
	display: inline;
}
#nav li a{
	text-decoration: none;
	color: #2d2b2b;

}
#nav a:active {
	color: #33CCFF;
}

#twitterfact #implementations a{
color: #009933;
}
#sobees #implementations a{
color: #009933;
}
#factfinder #implementations a{
color: #009933;
}
#aboutoverview #about a{
	color: #009933;
}
#aboutinvestors #about a{
	color: #009933;
}
#aboutnews #about a{
	color: #009933;
}
#aboutteam #about a{
	color: #009933;
}
#aboutcontact #about a{
	color: #009933;
}
#aboutpress #about a{
	color: #009933;
}
#aboutpartners #about a{
	color: #009933;
}
#developersoverview #developers a{
	color: #009933;
}
#meetfrankie #frankie a{
	color: #009933;
}


.navdelimiter {
padding-left: 5px;
padding-right: 5px;
}

.indexcontent {
padding-top: 10px;
}

.labscontent {
	background-color: #E2E2E2;
	width: auto;
	height: auto;
	
}
.homepagecontent {
	background-color: #E2E2E2;
	/*width: inherit;*/
	width: auto;
	height: auto;
	
}
.labsheader {
	padding-top: 20px;
	/*padding-left: 60px;
	padding-right: 60px;*/
	font-size: 36px;
	color: #333;
	text-align: left;
	
}
.implementationmenuwrapper {
	/*margin-right: 60px;
	margin-left: 60px;*/
	margin-top: 20px;
	text-align: center;
	height: 125px;
}
.implementationwrapper {
	width: 230px;
	/*height: auto;*/
	height: 125px;
	float: left;
}
.implementationdelimiter {
	width: 20px;
	float: left;
}
.implementationtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #666;
	background-color: inherit;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	text-decoration: none;
	
}
.implementationdescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	background-color: inherit;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	text-align: justify;
	text-decoration: none;
}

#implementation1 {
	background-color: #F2F2F2;
	height: 125px;
}
#implementation2 {
	background-color: #F2F2F2;	
	height: 125px;
}
#implementation3 {
	background-color: #F2F2F2;	
	height: 125px;
}
#implementation4 {
	background-color: #F2F2F2;	
	height: 125px;
}
#twitterfact #implementation1 {
	background-color: white;
	color: black;
	height: 125px;
}
#sobees #implementation2 {
	background-color: white;
	color: black;
	height: 125px;
}
#factfinder #implementation3 {
	background-color: white;
	color: black;
	height: 125px;
}
#facterynet #implementation4 {
	background-color: white;
	color: black;
	height: 125px;
}

#twitterfact #implementation1 a,
#twitterfact #implementation2 a,
#twitterfact #implementation3 a,
#twitterfact #implementation4 a
{
	text-decoration: none;
}
#sobees #implementation1 a,
#sobees #implementation2 a,
#sobees #implementation3 a,
#sobees #implementation4 a
{
	text-decoration: none;
}
#factfinder #implementation1 a,
#factfinder #implementation2 a,
#factfinder #implementation3 a,
#factfinder #implementation4 a
{
	text-decoration: none;
}
#facterynet #implementation1 a,
#facterynet #implementation2 a,
#facterynet #implementation3 a,
#facterynet #implementation4 a
{
	text-decoration: none;
}

#twitterfact #implementation2 a:hover,
#twitterfact #implementation3 a:hover,
#twitterfact #implementation4 a:hover
{
	background-color: #FFFFFF;
	height: 125px;
}
#sobees #implementation1 a:hover,
#sobees #implementation3 a:hover,
#sobees #implementation4 a:hover
{
	background-color: #FFFFFF;
	height: 125px;
}

#factfinder #implementation1 a:hover,
#factfinder #implementation2 a:hover,
#factfinder #implementation4 a:hover
{
	background-color: #FFFFFF;
	height: 125px;
}

#factfinder #implementation1 a:hover,
#factfinder #implementation2 a:hover,
#factfinder #implementation4 a:hover
{
	background-color: #FFFFFF;
	height: 125px;
}


.labsbody {
	margin-top: 20px;
	/*margin-left: 60px;
	margin-right: 60px;*/
	margin-bottom: 20px;
	padding-top: 30px;
	padding-left: 30px;
	padding-bottom: 30px;
	padding-right: 30px;
	background-color: #FFFFFF;
	position: relative;
	/*height: 620px;*/
	height: auto;
	/*min-height: 700px;*/
	text-align: left;
	
}
.implementationbodytitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 34px;
	color: #333;
}
.implementationbodysubtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #333;
	padding-top: 20px;
}
.implementationbodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	padding-top: 15px;
}

.implementationleftcolumn {
	width: 480px;
	top: 0px;
	left: 0px;
	position: absolute;
	padding-left: 30px;
	padding-top: 30px;
	padding-right: 30px;
	
}
.screenshotswrapper {
	padding-top: 30px;
	height: 600px;
}
.screenshot {
	/*background-image: url(../images/screenshot1.JPG);*/
	background-repeat: no-repeat;
	height: 400px;
}

div.picture {
width:430px;
height:310px;
position: relative;
margin: 0 0 15px 0;
/*background-image:url(../images/screenshot1.JPG);*/

}
#twitterfact #picture1 {
width:480px;
height:360px;
position: relative;
margin: 0 0 15px 0;
/*background-image: url(../images/img_twitterFact_1_480x360.gif);*/
}
#twitterfact #picture2 {
width:480px;
height:360px;
position: relative;
margin: 0 0 15px 0;
/*background-image: url(../images/img_twitterFact_2_480x360.gif);*/
}
#twitterfact #picture3 {
width:480px;
height:360px;
position: relative;
margin: 0 0 15px 0;
background-color:green;
}
#sobees #picture1 {

position: relative;
margin: 0 0 15px 0;
/*background-image: url(../images/sobeesscreenshot.png);*/
}
#sobees #picture2 {
width:480px;
height:360px;
position: relative;
margin: 0 0 15px 0;
background-color:white;
}
#sobees #picture3 {
width:480px;
height:360px;
position: relative;
margin: 0 0 15px 0;

}

#factfinder #picture1 {

position: relative;
margin: 0 15px 15px 0;
/*background-image: url(../images/img_factFinder_1_480x360.gif);*/
}
#factfinder #picture2 {

/*position: relative;*/
margin: 0 15px 15px 0;
/*background-image: url(../images/img_factFinder_2_480x360.gif);*/
}
#factfinder #picture3 {
width:480px;
height:360px;
position: relative;
margin: 0 0 15px 0;
/*background-color:green;*/
}
#facterynet #picture1 {
width:480px;
height:360px;
position: relative;
margin: 0 0 15px 0;
/*background-image: url(../images/img_twitterFact_1_480x360.gif);*/
}
#facterynet #picture2 {
width:480px;
height:360px;
position: relative;
margin: 0 0 15px 0;
/*background-image: url(../images/img_twitterFact_2_480x360.gif);*/
}
#facterynet #picture3 {
width:480px;
height:360px;
position: relative;
margin: 0 0 15px 0;
}

#twitterfact #thumbnail1{
	/*width:133px; height:100px;*/ margin:0 15px 0 0; /*background-image:url(../images/img_twitterFact_1_150x113.gif);*/ float:left;
}
#twitterfact #thumbnail2{
	/*width:133px; height:100px;*/ margin:0 15px 0 0; /*background-image:url(../images/img_twitterFact_2_150x113.gif);*/ float:left;
}
#thumbnail2{
	
}
#thumbnail3{
}
#sobees #thumbnail1{
	/*width:133px; height:100px;*/ margin:0 15px 0 0; /*background-image:url(../images/sobeesscreenshotthumb1.png);*/ float:left;
}
#factfinder #thumbnail1{
	/*width:133px; height:100px;*/ margin:0 15px 0 0; /*background-image:url(../images/img_factFinder_1_150x113.gif);*/ float:left;
}
#factfinder #thumbnail2{
	/*width:133px; height:100px;*/ margin:0 15px 0 0; /*background-image:url(../images/img_factFinder_2_150x113.gif);*/ float:left;
}
#facterynet #thumbnail1{
	/*width:133px; height:100px;*/ margin:0 15px 0 0; /*background-image:url(../images/img_twitterFact_1_150x113.gif);*/ float:left;
}
#facterynet #thumbnail2{
	/*width:133px; height:100px;*/ margin:0 15px 0 0; /*background-image:url(../images/img_twitterFact_2_150x113.gif);*/ float:left;
}
#factfinder #picture_1{
	display:none;
	clear:both;
}
#factfinder #picture_2{
	display:none;
	clear:both;
}
#factfinder #picture_3{
	display:block;
	clear:both;
}
#sobees #picture_1{
	display:none;
	clear:both;
}
#sobees #picture_2{
	display:block;
	clear:both;
}

#picture_1 { 
	display:block;
	clear:both;
}
#picture_2 { 
	display:none;
	clear:both;
}
#picture_3 { 
	display:none;
	clear:both;
}

.implementationrightcolumn {
	width: 340px;
	float: right;
	vertical-align: top;
}
.testdrive {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	background-color: #8cc550;
	width: 300px;
	float: right;
}
.testdrivetitle {
	color: white;
	font-size: 20px;
	/*text-align: center;*/
}
.testdriveform {
	padding-top: 5px;
	padding-bottom: 10px;
}
.testdrivelinks {
	text-decoration: none;
	color: white;
}
.testdrivelinks:hover {
	cursor: pointer;
}
.sobeestestdriveform {
	/*height: 26px;*/
	text-align: center;
}
.testdrivetextinput {
	float: left;
	width: 190px;
	padding-right: 10px;
	height: 22px;
	font-size: 16px;
}
.testdrivesubmit {
	background: #8cc550;
	background-image: url(../images/btn_try_it_out_85x26.png);
	background-repeat: no-repeat;
	width: 85px;
	height: 26px;
	border: none;	
	float: right;
}
.testdrivesubmit:hover {
	background-image: url(../images/btn_try_it_out_85x26_over.png);
}
.feedbacklink {
text-decoration: underline;
color:#333;
}
.feedbacklink:hover {
	cursor: pointer;
}
.testdrivefavoritestitle {
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-weight: bold;
	padding-top: 20px;
}
.testdrivefavorites {
	font-family: Arial, Helvetica, sans-serif;
	color: white;
}
.feedback {
	height: 34px;
	margin-top: 10px;
	color: #333;
	background-color: white;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
}
.feedbackimage {
	float: left;
	background-image: url(../images/img_feedback_frankie_30x34.png);
	width: 30px;
	height: 34px;
}
.feedbacktext {
	padding-left: 40px;
	padding-top: 10px;
	font-size: 12px;
	vertical-align: middle;
}
.implementationhowtitle {
	width: 340px;
	float: right;
	padding-top: 30px;
	line-height: 24px;
	font-size: 21px;
}
.implementationhow {
	width: 340px;
	line-height: 21px;
	float: right;
	/*text-align: justify;*/
}
.viewdocumentation {
	color: #333;
	text-decoration: underline;
}
.facterylabslinkdefault {
	color: #333;
	text-decoration: underline;
}
.facterylabslinkdefault:hover {
	cursor: pointer;
}
.apibox {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	background-color: #8cc550;
	width: 350px;
	float: left;
}
.samplecodebox {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	background-color: #8cc550;
	width: 350px;
	float: right;
}
.developerapilink {
	text-decoration: none;
	color: white;
}
.developerapilink:hover {
	cursor: pointer;
}
.whiteline {
	width: inherit;
	color: white;
	line-height: 1px;
	border-top: 1px solid;
	margin-top: 30px;
}
.footer {
	color: #333;
	text-align: left;
	font-size: 12px;
	padding-top: 20px;
	padding-bottom: 30px;
}
.footer0 {
	color: #333;
	text-align: center;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footerlink {
	text-decoration: none;
	color: #333;
}
.footerlink:hover {
	cursor: pointer;
}
.footerdelimiter {
	padding-right: 15px;
	padding-left: 15px;
}
.templateleftcolumn {
	width: 140px;
	padding-left: 30px;
	float: left;
	font-size: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.templatesubnavitem{
	line-height: 30px;
	padding-bottom: 10px;
}
.templatesubnavitem a {
	text-decoration: none;
	color: black;
}
.templatesubnavitem a:hover {
	text-decoration: underline;
	color: #8cc550;
}
.templatecentercolumn {
	/*width: 410px;*/
	width: 600px;
	padding-left: 30px;
	float: left;
	font-size: 16px;
	color: #333;
}
.templatecentercolumntitle {
	color: #333;
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
}
.templaterightcolumn {
	width: 160px;
	padding-left: 30px;
	padding-right: 30px;
	float: right;
}
#aboutoverview #subnavabout {
	
	text-decoration: underline;
	color: black;
}
#aboutinvestors #subnavinvestors {
	
	text-decoration: underline;
	color: black;
}
#aboutnews #subnavnews {
	
	text-decoration: underline;
	color: black;
}
#aboutpress #subnavpress {
	
	text-decoration: underline;
	color: black;
}
#aboutpartners #subnavpartners {
	
	text-decoration: underline;
	color: black;
}
#aboutteam #subnavleadership {
	text-decoration: underline;
	color: black;
}
.teammembername {
	font-weight: bold;
}
.bioinfo {
	font-size: 16px;
}

#aboutcontact #subnavcontact {
	text-decoration: underline;
	color: black;
}
.newsimage {
padding-bottom: 30px;padding-top: 3px;padding-right: 10px;border: 0px;
}
.newstitle {
	font-weight: bold;
}
.newssnippet {
	padding-bottom: 30px;
}