/*
Global CSS
RZ
2010-07
*/

/* General
---------------------------------------- */
body {
	font-size: .75em;
	text-align: center;
	color: #333;
}

a {
	text-decoration: none;
	color: #3AAB49;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
}

/* Layout
---------------------------------------- */
#page {
	width: 960px;
	text-align: left;
	margin: 0 auto;
}

#header {
	height: 80px;
	overflow: hidden;
}

h2.overview_header {
	color: #3557BC;
	padding-left: 162px;
	padding-top: 15px;
}

#content {
	clear: both;
}

#footer {
	clear: both;
	overflow: hidden;
	margin: 0 0 1em;
	color: #555;
	border-top: 1px dotted #ccc;
	padding: 10px 0 0;
}

/* Header
---------------------------------------- */
#logo {
	float: left;
	margin: 25px 140px 0 0;
	display: block;
}

#nav {
	float: right;
	margin-right: -17px;
}

	#nav li {
		float: left;
		display: block;
		margin: 52px 10px 0 0;
		border-right: 1px dotted #ccc;
		padding: 0 10px 0 0;
		font-size: 1.167em;
		line-height: 1;
		font-weight: bold;
		font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
		color: #777;
	}
	
	#nav li.last {
		border-right: 0;
		margin-top: 48px;
	}
	
		#nav li a {
			color: #555;
			text-decoration: none;
		}
	
		#nav li a:hover {
			color: #3AAB49;
		}

#search {
	float: right;
	margin: 48px 0 0;
}

	#search input {
		border: 1px solid #ddd;
		padding: 2px;
		color: #777;
		float: left;
		width: 115px;
		margin: 0 3px 0 0;
	}
	
	#search button {
		display: block;
		background: url(/res/img/btn_search.gif) 0 0 no-repeat;
		text-indent: -9999px;
		height: 20px;
		width: 20px;
		border: 0;
		float: left;
	}

/* Content
---------------------------------------- */
#breadcrumb {
	clear: both;
	height: 35px;
	border: 1px dotted #ccc;
	border-width: 1px 0;
	margin: 0 0 2em;
}

	#breadcrumb .tip {
		float: right;
		margin: 8px 0 0;
		font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
		font-size: 1.167em;
		color: #777;
	}
	
	#breadcrumb .nav {
		float: left;
		margin: 9px 0 0;
		color: #777;
	}
	
		#breadcrumb .nav span {
			color: #ccc;
			padding: 0 5px;
		}
	
		#breadcrumb .nav a {
			color: #777;
		}
	
		#breadcrumb .nav a:hover {
			color: #3AAB49;
		}

/* Footer
---------------------------------------- */
#footer .copyright {
	float: left;
}

#footer ul {
	float: right;
}

	#footer li {
		float: left;
		list-style: none inside;
		padding: 0;
		margin: 0;
	}
	
		#footer li a {
			color: #555;
		}

/* Homepage
---------------------------------------- */
#home-primary {
	float: left;
	width: 50%;
	margin-right: 10px;
}

	#home-heading {
		font-size: 3.167em;
		font-weight: bold;
		color: #3AAB49;
		margin: .25em 0 .35em;
		line-height: 1;
		
		text-align: center;
	}
	
		#home-heading span {
			color: #055CBB;
		}
	
	#home-heading-secondary {
        font-weight: bold;
        color: #055CBB;
        margin: .25em 0 .35em;
        line-height: 1;
    
        text-align: center;
	}
	
	#home-usage {
		overflow: hidden;
		margin-bottom: 20px;
	}
	
		#home-usage li {
			float: left;
			width: 45%;
			padding: 0 0 2px 16px;
			margin: 0;
			list-style: none inside;
			background: url(/res/img/icon_tick.gif) 0 4px no-repeat;
			font-size: 18px;
			font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
			color: #555;
		}
	
	#home-bottom {
	}
	
	#home-action {
		overflow: hidden;
		margin: 0 0 40px;
		clear: both;
        text-align: center;
	}
	
		#home-action .signup,
		#home-action .contact {
			display: table-cell;
			float: left;
			background: #ED7B09 url(/res/img/button-bg-home.png) ;
			border: 4px solid #E1E1E1;
			border-radius: 10px;
			padding: 7px 28px;
			margin-left: 273px;
		}
		
		#home-action a.signup,
		#home-action .contact {
			color: white;
			font-size: 28px;
		}
		
		#home-action a.signup:hover {
		  text-decoration: none;
		  border: 4px solid #AAA;
		}
	
		#home-action span {
			float: left;
			margin: 12px 0 0;
			color: #777;
		}
		
			#home-action span a {
				font-size: 2.167em;
				font-weight: bold;
				color: #555;
				font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
				text-decoration: underline;
			}
			
			#home-action em {
				padding: 0px 22px;
				font-size: 16px;
			}
	
	#home-tabs {
		overflow: hidden;
		width: 590px;
		background: url(/res/img/hs_top.gif) 0 0 no-repeat;
		position: relative;
		margin-bottom: 20px;
	}
	
		#home-tabs h2 {
			width: 160px;
			padding-right: 10px;
			height: 40px;
			margin: 0;
			line-height: 2;
			font-weight: normal;
			font-size: 1.667em;
			text-align: center;
			position: absolute;
			top: 0;
		}
		
		#home-tabs h2.top {
			color: #055CBB;
			left: 0;
		}
		
		#home-tabs h2.who {
			color: #3AAB49;
			left: 160px;
		}
		
		#home-tabs h2.roi {
			color: #F98406;
			left: 320px;
		}
		
		#home-tabs h2.active {
			background: url(/res/img/hs_tab.gif) 0 0 no-repeat;
		}
		
		#home-tabs h2:hover {
			cursor: default;
		}
		
		#home-tabs .content {
			display: none;
			width: 100%;
			margin: 0 0 1em;
			padding-top: 40px;
			color: #555;
			overflow: hidden;
		}
			
			#home-tabs .content .grid {
				width: 50%;
				float: left;
			}
		
				#home-tabs .content ul {
					margin: 0;
				}
				
					#home-tabs .content li {
						list-style-image: url(/res/img/icon_arr.gif);
					}
		
			#home-tabs .content .t,
			#home-tabs .content .b {
				width: 100%;
				display: block;
			}
			
			#home-tabs .content .t {
				background: url(/res/img/hs_c_top.gif) 0 0 no-repeat;
				height: 15px;
			}
			
			#home-tabs .top .t {
				background: url(/res/img/hs_c_top.gif) 0 -15px no-repeat;
			}
			
			#home-tabs .content .m {
				background: url(/res/img/hs_c_mid.gif) 0 0 repeat-y;
				padding: 0 4em 0 2em;
				overflow: hidden;
				min-height: 110px;
				height: auto !important;
				height: 110px;
				
				font-size: 14px;
			}
			
			#home-tabs .content .m li {
				padding: 3px 0;
			}
			
			#home-tabs .content .b {
				background: url(/res/img/hs_c_bot.gif) 0 0 no-repeat;
				height: 34px;
			}
		
		#home-tabs div.active {
			display: block;
		}

#home-secondary {
	float: left;
	width: 48%;
}

	#home-secondary .brand {
		position: relative;
		right: -35px;
		top: -35px;
		margin-bottom: -20px;
	}
	
	#home-secondary .quote {
		background: url(/res/img/icon_quote.gif) 40px 0 no-repeat;
		width: 260px;
		padding-left: 40px;
	}
	
		#home-secondary .quote p {
			font-size: 1.333em;
			font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
			color: #777;
			line-height: 1.2;
			margin: 0;
			padding: 5px 0 0 30px;
		}
	
		#home-secondary .quote cite {
			padding: 0 0 0 30px;
			color: #777;
		}

#home-companies {
	clear: both;
	overflow: hidden;
}

	#home-companies h3 {
		font-size: 1.167em;
		color: #777;
		float: left;
		line-height: 2;
	}
	
	#home-companies ul {
		float: left;
	}
	
		#home-companies li {
			float: left;
			list-style: none inside;
			margin: 0 0 0 15px;
		}

/* 
---------------------------------------- */

/* 
---------------------------------------- */

.row {
	padding: 7px 0;
	clear:both;
}

.icon_col {
	display: table-cell;
	padding-right: 7px;
	float: left;
	height: 90px;
}

.value_prop {
	font-size: 22px;
	color: #333;
}

.desc {
	font-size: 16px;
	color: #666;
}

/* icons */

.cal-icon, .marketplace-icon, .membership-icon {
	background: url(/res/img/cal.png) no-repeat;
	display: block;
	height:52px;
	width:60px;
}

.marketplace-icon {
	background: url(/res/img/marketplace.png) no-repeat;	
}

.membership-icon {
	background: url(/res/img/member-icon.png) no-repeat;	
}

.discussion-icon, .groups-icon, .connection-icon {
	background: url(/res/img/feature-icon.png) no-repeat;
	display: block;
	height: 52px;
	text-indent: -9999px;
	width: 60px;	
	background-position: -145px -72px;
}

.connection-icon {
	background-position: -778px 0px;	
}

.groups-icon {
	background-position: -635px 0px;	
}