/* specific to spaces pages */



#spacesquicklinks {
	
	

 float:right;
 /*
 width:188px;
 */
 height:56px;
 margin:0 0 20px 30px;
	
}


#spacesquicklinks img, #spacesquicklinks a  {
	
	
margin:0;
padding:0;
border:0;
outline:0;
	
}



 /* generic float classes */
 
 .floatleft {
	
float:left;
margin:0 20px 0 0;
	 
 }
 
 .floatright {
	
float:right;
margin:0 0 0 20px;
	 
 }


	a {
		
	border:none;
	outline:none;
	
	}







/* styles for software and about sections, and other pages??


*/


   /* 
    	h5 {
			
		font-size:18px;
		color:#007993;
		margin:0;
		margin-top:6px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight:normal;
			
		}
		
		
		a.h5link {
			
		font-size:18px;
		color:#007993;
		margin:0;
		margin-top:6px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-decoration:none;
		
			
		}
		
		
		a.h5link:hover {
			
		font-size:18px;
		color:#007993;
		margin:0;
		margin-top:6px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-decoration:underline;
			
		}
		
		*/

		
		
		
			a.h5link-red {
			
		font-size:18px;
		color:#bf3e27;
		margin:0;
		margin-top:6px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-decoration:none;
		
			
		}
		
		
		a.h5link-red:hover {
			
		font-size:18px;
		color:#bf3e27;
		margin:0;
		margin-top:6px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-decoration:underline;
			
		}
		
		
		
		
		
		a.h5link-green {
			
		font-size:18px;
		color:#5e963b;
		margin:0;
		margin-top:6px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-decoration:none;
		
			
		}
		
		
		a.h5link-green:hover {
			
		font-size:18px;
		color:#5e963b;
		margin:0;
		margin-top:6px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-decoration:underline;
			
		}
		
		
		
		
		
		
		a.h5link-orange {
			
		font-size:18px;
		color:#e87806;
		margin:0;
		margin-top:6px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-decoration:none;
		
			
		}
		
		
		a.h5link-orange:hover {
			
		font-size:18px;
		color:#e87806;
		margin:0;
		margin-top:6px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-decoration:underline;
			
		}
		
		
		
		
		
		
		
		
		
		
		
		
/* h5 colors */


		.collab {
			
			color:#000;	
			
		}
		
		
		.infra {
			
		color:#000;	
			
		}
		
		
		/*
		
		p.intro-text, p.intro-text a, p.intro-text a:hover {
			
		font-size:16px;
			
		}
		
		*/
		
		
		p.subhead-text {
			font-size:15px;	
			margin:0;
			margin-bottom:-6px;
			margin-top:4px;
				
		}
		
		
		
		p.subhead-text a {
			font-size:15px;	
			margin:0;
			margin-right:8px;
			margin-top:4px;
			margin-bottom:-6px;
			background:url(/uploadedimages/about/blue-arrow.png) no-repeat right -1px;
			padding-right:22px;
			text-decoration:none;
		}
		
		
		p.subhead-text a:hover {
			font-size:15px;	
			margin:0;
			margin-right:8px;
			margin-top:4px;
			margin-bottom:-6px;
			background:url(/uploadedimages/about/blue-arrow.png) no-repeat right -1px;
			padding-right:22px;
		}
		
		
		
	
	
		div.stack-intros {
			
			padding:4px 0 0 290px;
			position:relative;
		
		}
		
		
		div.stack-intros img {
			
		position:absolute;
		left:0;
		top:10px;
		border:0;
			
			
		}

	
			img.software-imageright {
				
			float:right;
			margin:6px 0 12px 26px;

			
			
			}
	
	
	
.collab-and-social-boxes {
			
		border:1px solid #DFDFDF;
		padding:8px;
		padding-bottom:0;
		margin:8px 0 4px 116px;
		position:relative;

		}

		.collab-and-social-boxes img {
			
		position:absolute;
		left:-120px;
		top:0px;
		border:0;

		}

	
	
	.clear {
		
	clear:both;
	width:100px;
	height:1px;
	overflow:hidden;
		
	}
	
	
	span.whitetext {
	
	color:#fff;
	}
	
	
	
	
	
	/* ABOUT */
	
		p.about-intro {
			
		font-size:16px;
			
		}
		
		

		
		sup {
			
		font-size:13px;	
			
		}
		
	
	
	/* About Overview */
	

	
	.onethird-columns {
		
	width:294px;
	float:left;
	overflow:auto;
	
		
	}
	
	.onethird-columns p, .onethird-columns a, .onethird-columns a:hover  {
		
		line-height:20px;
		margin-bottom:12px;
		margin-top:0;
		
	}
	
	
	/* the left and center colums with margin right */
	.left-center  {
		
	margin-right:22px;	
		
	}
	
	
	.sub-box {
		
		border:1px solid #DFDFDF;
		padding:8px;
		margin-top:10px;
		margin-right:18px;
		float:left;
		width:280px;
		min-height:160px;
		background:url(/uploadedimages/about/about-box-bg.gif) bottom no-repeat;
		
			
	}
	
	/* removing margin on far right sub box */
	.right-box {
		
		margin-right:0;
		
	}
	
	
	/*
	
	p.arrowlink {
		
	background:url(/uploadedimages/about/blue-arrow.png) no-repeat left 1px;
	padding-left:26px;
	margin-bottom:0;
		
	}
	
	
	p.arrowlink a {
		
	text-decoration:none;
	line-height:19px;
		
	}
	
	
	p.arrowlink a:hover {
		
	line-height:19px;
		
	}
	
	*/
	
	
	.clear {
		
	clear:both;
	width:100px;
	height:1px;
	overflow:hidden;
		
	}
	
	
	span.whitetext {
	
	color:#fff;
	}
	
	
	
	
	div.grayhrule {
		
			border-bottom:1px solid #DFDFDF;
			clear:both;
			height:1px;
			overflow:hidden;
			padding:10px 0 10px 0;
		
	}
	
	
	
	

	
	
	/* Threee tiers */
	
	
		
		
		
		.threetiersbox {
			
		border:1px solid #DFDFDF;
		padding:0 8px 0 8px;
		margin:0 260px 20px 0;
		position:relative
			
		}
		
		
		.threetiersbox img {
			
		position:absolute;
		top:16px;
		right:-259px;
			
		}
		
		
		/*
		
		a.arrowlink {
		
	background:url(/uploadedimages/about/blue-arrow.png) no-repeat left -2px;
	padding-left:26px;
	margin-bottom:0;
	text-decoration:none;
	line-height:20px;
		
	}
	
	
	
		a.arrowlink:hover {
		
		line-height:20px;
		
			}
	
	
			*/
	
	
	/* Five Reasons */
	
	
		
		
		.fivereasonsbox {
			
		border:1px solid #DFDFDF;
		padding:0 8px 0 8px;
		position:relative;
		margin:0 0 20px 130px;
			
		}
		
		
		.fivereasonsbox img {
			
		position:absolute;
		top:0;
		left:-130px;
		border:none;
		outline:none;
		margin:0;
			
		}
		
		
		
		/* Five principles */
		
		

		
		
	.fiveprinciples-box {
		
		margin:0 0 16px 0;
		border-bottom:1px solid #DFDFDF;
		padding:0 0 0 56px;
		position:relative;
	
	}
	
	.fiveprinciples-box img {
		
		display:block;
		position:absolute;
		top:0;
		left:0;
		border:0;
		outline:none;
		
	}