@charset "utf-8";

/* Reset some stuff 
----------------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
table,tr, th, td {
	margin: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

/* remember to define focus styles! */
:focus 			{ outline: 0; }
ol, ul 			{ list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table 			{ border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }





/* Base Styles 
----------------------------------------------------------------------------------------------------*/

html { -webkit-font-smoothing: antialiased; }

body {
	line-height: 1;
	color: #333;
	background: #fff;
	background-attachment: fixed;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size:16px;
	}

strong { font-weight: bold; }

p, ul, ol { 
	color: #383838;
	font-size: 13px; 
	line-height: 1.4; 
	margin-bottom: 20px; 
	text-rendering: optimizeLegibility; 
	}


p, address {
	font-size: 14px;
	font-family: Georgia, 'Times New Roman', serif;
	line-height: 1.4; 
	margin-bottom: 20px; 
	}
  
.we_like_lists li {list-style: none;}
.we_like_lists li a, .we_like_lists li a:link, 
.we_like_lists li a:visited,  
.we_like_lists li a:active 			{ color: #575757;}
.we_like_lists li a:link 				{ -webkit-tap-highlight-color: #575757; }
.we_like_lists li a:hover 			{ position: relative; color: #d56c06; }

a, a:link, 
a:visited, 
a:hover, 
a:active 			{ color: #f6891f; text-decoration: none; position: relative; font-weight: bold; }
a:hover 			{ position: relative; color: #d56c06; }
a:active 			{ position: relative; top: 1px; color: #d56c06; text-shadow: 0 -1px rgba(0,0,0,.7); }
a:link 				{ -webkit-tap-highlight-color: #f6891f; }
-moz-selection		{ background: #a55201; color:#fff; text-shadow: none; }
:selection 		{ background:#a55201; color:#fff; text-shadow: none; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active 	{ outline: none; }

h1 {
	font-size: 32px;
	font-weight: bold;
	font-family: Cabin, Helvetica, arial, sans-serif;
	color: #575757;
	margin-bottom: 10px;
	}

h2 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
	}

h3 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
	}

h4 {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 18px;
	font-style: italic;
	color: #434343;
	}
	

hr {
	display: block;
	clear: both;
	border: none;
	height: 1px;
	background: url(/media/v3/rule.png) 0 0 no-repeat;
	margin: 30px 0 40px;
	float: left;
	width: 100%;
	}	


label, input {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	}
	label { font-weight: bold; }
	p label { margin-right: 5px; }
	input { padding: 4px 8px; min-width: 100px; }

tr.field .hint{font-size:11px;color:#777777;}
tr.field td.group{
  vertical-align: top;
}

/* Buttons and global styles
----------------------------------------------------------------------------------------------------*/

/* base styles */
a.btn, a.btn:visited, a.btn:hover, a.btn:active, a.btn:link, input.btn {
	font-size: 12px;
	font-weight: bold;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: center;
	color: #fff;
	display: inline-block;
	background-color: #306980;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.35);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.35);
	box-shadow: 0 1px 2px rgba(0,0,0,.35);
	}
	a.btn:hover, input.btn:hover { background-color: #408ead; }
	a.btn:active, input.btn:hover {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		background-image: none; 
		background-color: #306980;
		}
		

/* nav buttons */
a#login-btn-nav, a#login-btn-nav:visited, a#login-btn-nav:hover, a#login-btn-nav:active {
	width: 109px;
	height: 16px;
	background: #306980 url(/media/v3/btn-sm.png) 0 50% repeat-x;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 5px 0;
	}
	a#login-btn-nav:hover 		{ background-color: #408ead; }
	a#login-btn-nav:active		{ background-image: none; background-color: #306980; }

a#demo-btn-nav, a#demo-btn-nav:visited, a#demo-btn-nav:hover, a#demo-btn-nav:active {
	width: 109px;
	height: 16px;
	background: #231f20 url(/media/v3/btn-sm.png) 0 50% repeat-x;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 5px 0;
	}
	a#demo-btn-nav:hover 	{ background-color: #414141; }
	a#demo-btn-nav:active 	{ background-image: none; background-color: #231f20; }


a#expert-btn-nav, a#expert-btn-nav:visited, a#expert-btn-nav:hover, a#expert-btn-nav:active {
	width: 139px;
	height: 16px;
	background: #231f20 url(/media/v3/btn-sm.png) 0 50% repeat-x;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 5px 0;
	}
	a#expert-btn-nav:hover 	{ background-color: #414141; }
	a#expert-btn-nav:active 	{ background-image: none; background-color: #231f20; }

	
/* demo btn */
a#request-demo-btn-lg,a#learn-about-btn-lg {
	font-size: 16px;
	text-transform: uppercase;
	width: 203px;
	height: 20px;
	background: #306980 url(/media/v3/btn-lg.png) 0 50% repeat-x;
	padding: 10px 0;
	}	
	a#request-demo-btn-lg:hover,a#learn-about-btn-lg:hover { background-color: #408ead; }
	a#request-demo-btn-lg:active,a#learn-about-btn-lg:active {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		background-image: none; 
		background-color: #306980;
		}
		
/* About btn */
a#about-qval-btn {
	font-size: 14px;
	text-transform: capitalize; 
	width: 183px;
	height: 18px;
	background: #306980 url(/media/v3/btn-med.png) 0 50% repeat-x;
	padding: 8px 0;
	}	
	a#about-qval-btn:hover { background-color: #408ead; }
	a#about-qval-btn:active {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		background-image: none; 
		background-color: #306980;
		}



/* blue, sans-serif text links */
p.call-to-action, p.back-to-top {
	font-size: 12px;
	font-weight: bold;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	p.call-to-action a { color:#306980; }

	p.back-to-top { margin-bottom: 60px; }

  
/* message boxes */

.message {
	margin: 0 60px;
	font-size: 13px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	}
	.alert, .dialog, .info {
		background: #ffe2e2 url(/media/alert.png) 6px 7px no-repeat;
		border: 1px solid #ff0000;
		padding: 15px 48px 12px;
		margin-bottom: 20px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		}

	.dialog {
		background-color: #eee;
		background-image: url(/media/dialog.png);
		border-color: #ababab;
		}

	.info {
		background-color: #caedf5;
		background-image: url(/media/info.png);
		border-color: #15768d;
		}

	
/* Structure
----------------------------------------------------------------------------------------------------*/

.wrapper { width: 960px; margin: 20px auto; }

#header, #content, #footer { position: relative; margin-bottom: 20px; }


#content ol	{ list-style: decimal; }
#content ul { list-style: disc; }

#content ol li, #content ul li { margin-left: 20px; margin-bottom: 10px; }




/* Header
----------------------------------------------------------------------------------------------------*/


#logo { float: left; }

ul#super-nav { float: right; margin: 30px 0 14px; }
ul#super-nav li { display: inline; float: left; }
ul#super-nav li:first-child { margin-right: 5px; }
div#nav_welcome {color: #777; text-align: right; font-size: 11px; top: 20px; position: relative;}

#nav {
	clear: both;
	background: #f6891f;
	color: #fff;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
	#nav ul { margin: 0; }
	#nav li { list-style: none; display: inline; }
	#nav a { color: #fff; }
	#nav a:hover,
	#nav li.active a  { background-color: #d56c06; }
	#nav a:active { top: 0; background: #a55201; }
	
	ul#main-nav { float: left; font-size: 16px; }
		ul#main-nav li {
			background: url(/media/v3/main-nav-rule.png) right top repeat-y;
			float: left;
			}
		ul#main-nav a, ul#main-nav a:visited, ul#main-nav a:hover, ul#main-nav a:active {
			float: left;
			display: block;
			padding: 15px 20px;
			line-height: 1;
			margin: 0 2px 0 0;
			}
			ul#main-nav a:first-child {
				-webkit-border-bottom-left-radius: 3px;
				-webkit-border-top-left-radius: 3px;
				-moz-border-radius-bottomleft: 3px;
				-moz-border-radius-topleft: 3px;
				border-top-left-radius: 3px;
				border-bottom-left-radius: 3px;
				}
		
	ul#secondary-nav { float: right; font-size: 13px; margin: 10px 10px 0 0; }
		ul#secondary-nav li { margin-right: 3px; float: left; }
		ul#secondary-nav a {
			padding: 5px 8px;
			float: left;
			display: block;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			}


/* Footer
----------------------------------------------------------------------------------------------------*/

#footer {
	clear: both;
	background: #414141;
	color: #eeeded;
	font-size:12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 15px;
	}

	p#copyright { 
		float: left; 
		margin-bottom: 0; 
		font-family: 'Helvetuca Neue', Helvetica, Arial, sans-serif; 
		color: #eeeded;
		font-size:12px;
		font-weight: bold;
		}

	ul#footer-nav { float: right; margin-bottom: 0; font-weight: bold; }
	ul#footer-nav li { display: inline; margin: 0 8px;  }
	ul#footer-nav a { color: #eeeded; }




/* Home
----------------------------------------------------------------------------------------------------*/

#billboard {
	background: url(/media/v3/home-billboard-bck.png) 0 0 no-repeat;
	margin-top: 10px;
	padding: 30px 600px 0 40px;
	min-height: 327px;
	overflow: hidden;
	}

	#billboard h1 	{ font-weight: normal; font-size: 28px; color: #e3e1e1; line-height: 1.2; margin-bottom: 20px; }
	#billboard img 	{ position: absolute; right: 0; top: -20px; }
	#billboard p	{ margin-bottom: 10px; }
	
	#billboard p.secondary-actions { font-size: 13px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }


        
ul#how-it-works-lead-ins-quist {
	position: relative;
	background: #dbd3c2 url(/media/v3/how-leads-w.png) 0 0 no-repeat;
	width: 100%;
	padding: 30px 0 10px;
	margin: 0 0 20px;
	-webkit-padding-start: 0;
	}
	ul#how-it-works-lead-ins-quist li { 
		display: inline; 
		width: 145px; 
		list-style: none; 
		float: left; 
		margin: 0 0 0 80px;
		}
		ul#how-it-works-lead-ins-quist li#confidence-lead { margin-left: 90px; }
		ul#how-it-works-lead-ins-quist li#intelligence-lead,
		ul#how-it-works-lead-ins-quist li#communities-lead { width: 148px; margin-left: 95px; }
	ul#how-it-works-lead-ins-quist h2 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 5px;
		}
		ul#how-it-works-lead-ins-quist h2 a { color: #393939; }
	ul#how-it-works-lead-ins-quist p { margin-bottom: 8px; line-height: 1.2; }
        
ul#how-it-works-lead-ins {
	position: relative;
	background: #dbd3c2 url(/media/v3/how-leads.png) 0 0 no-repeat;
	width: 100%;
	padding: 30px 0 10px;
	margin: 0 0 20px;
	-webkit-padding-start: 0;
	}
	ul#how-it-works-lead-ins li { 
		display: inline; 
		width: 145px; 
		list-style: none; 
		float: left; 
		margin: 0 0 0 80px;
		}
		ul#how-it-works-lead-ins li#confidence-lead { margin-left: 90px; }
		ul#how-it-works-lead-ins li#intelligence-lead,
		ul#how-it-works-lead-ins li#communities-lead { width: 148px; margin-left: 95px; }
	ul#how-it-works-lead-ins h2 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 5px;
		}
		ul#how-it-works-lead-ins h2 a { color: #393939; }
	ul#how-it-works-lead-ins p { margin-bottom: 8px; line-height: 1.2; }



#quist-experience { padding: 30px 0 20px 20px; }

#quist-experience h3 {
	font-size: 32px;
	font-family: font-family: 'Cabin', Helvetica, arial, sans-serif;
	margin-bottom: 10px;
	}




/* Inside Pages
----------------------------------------------------------------------------------------------------*/

#section-intro {
	text-align: center;
	padding: 20px 100px 30px;
	background: url(/media/v3/rule.png) center bottom no-repeat;
	margin-bottom: 30px;
	}
	#section-intro p { font-size: 18px; margin-bottom: 0; }

.column {
	float: left;
	width: 380px;
	display: inline;
	margin: 0 80px 20px 40px;
	}
	.column h2, .column p { padding: 0 35px; }
	.column img { margin-bottom: 10px; }	

.last { margin-right: 0; }

#demo-footer {
	clear: both;
	background: url(/media/v3/rule.png) center top no-repeat;
	padding: 40px 60px;
	text-align: right;
	}
	#demo-footer p { display: inline; }
	p.tagline {
	font-size: 26px;
	font-family: 'Cabin', Helvetica, arial, sans-serif;
	margin-right: 10px;
	color: #575757;
	}
	

.single-col { padding: 0 60px 20px; }
	
.main-col {
	width: 550px;
	margin: 0 50px;
	float: left;
	display: inline;
	}	
	
.side-col {
	width: 268px;
	margin-right: 20px;
	float: right;
	display: inline; 
	}	
	.side-col li {
		color: #5c5c5c;
		font-size: 12px;
		margin-bottom: 10px;
		}
	
p.lead-in-text { font-size: 15px; }	



/* Who it's for */

#companies { margin-bottom: 30px; }

#investors h2, #companies h2 { font-size: 24px; }

#investors p, #companies p { margin-left: 102px; margin-bottom: 30px; }
#investors p.lead-in-text, #companies p.lead-in-text { margin-left: 0; }

#investors .left, #companies .left { margin-right: 20px; margin-left: 10px; }

p.inline-call-to-action {
	margin-left: 102px;
	}

#investors-features, #companies-features { margin-top: 35px; }
#investors-features h4, #companies-features h4 { margin-bottom: 10px; }



/* Log In */

#login-form { 
	padding: 30px; 
	background: #eee;
	border: 1px solid #dcdcdc;
	margin-bottom: 40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
	#login-form p { margin-bottom: 10px; }

	#login-form .side-col { width: 230px; margin-right: 0; }
		#login-form .side-col h2 	{ font-size: 14px; margin-bottom: 5px; }
		#login-form .side-col p 	{ margin-bottom: 20px; font-size: 13px; }

	#login-form label, #demo-form label {
		display: inline-block;
		width: 150px;
		text-align: right;
		margin-right: 10px;
		}
	input.text-field { width: 200px; }

	#login-form p.optional-item, p.submit-btn { margin-left: 160px; }
	
	#login-form p.optional-item input { min-width: 0; }
	#login-form p.optional-item label { text-align: left; width: auto; font-weight: normal; font-size: 12px; }

input#login-btn, input#login-btn:visited, input#login-btn:hover, input#login-btn:active {
	width: 109px;
	background: #306980 url(/media/v3/btn-sm.png) 0 50% repeat-x;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 5px 0;
	display: block;
	cursor: pointer;
	}
	input#login-btn:hover 		{ background-color: #408ead; }
	input#login-btn:active		{ background-image: none; background-color: #306980; }



/* how it works */

.how-it-works { background-image: none !important; margin-bottom: 0 !important; }

#slide-controls { 
	position: relative;
	width: 880px;
	background: #444;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	margin: -20px auto 0;
	}
#slide-controls ul { margin-left: 67px; }
#slide-controls li { display: inline; list-style: none; }
#slide-controls li a {
	float: left;
	display: block;
	padding: 18px 20px;
	font-size: 16px;
	color: #fff;
	border-right: 1px solid #2a2a2a;
	border-left: 1px solid #6e6e6e;
	}
	#slide-controls li { float: left; margin: 0 !important; }
	#slide-controls li a:hover, #slide-controls li.active a {
		background: #000;
		}

a#next-btn, a#next-btn:visited, a#next-btn:hover, a#next-btn:active, 
a#previous-btn, a#previous-btn:visited, a#previous-btn:hover, a#previous-btn:active {
	position: absolute;
	top: 7px;
	width: 48px;
	height: 48px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/media/v3/btns-sprite.png) 0 0 no-repeat;
	}
	a#next-btn {	
		right: 7px;
		background-position: -198px -230px;
		}
		a#next-btn:hover 	{ background-position: -258px -230px; }
		a#next-btn:active 	{ background-position: -318px -230px; }
	
	a#previous-btn {
		left: 6px;
		background-position: -198px -170px;
		}
		a#previous-btn:hover { background-position: -258px -170px; }
		a#previous-btn:active { background-position: -318px -170px; }

.tab-clip { margin-left: 40px; margin-top: 30px; float: left; }	

.how-img-col {
	float: left;
	width: 390px;
	text-align: center;
	}
	.how-img-col p { 
		padding-top: 5px; 
		font-size: 12px; 
		font-style: italic; 
		color: #575757; 
		margin: 0 75px 0 55px; 
		}

.how-content-col {
	float: right;
	width: 460px;
	margin-right: 20px;
	}

p.how-next-tab {
	text-align: right;
	padding-top: 20px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	p.how-next-tab a { 
		padding-right: 12px; 
		background: url(/media/v3/carret.png) right center no-repeat;
		}

/* Fonts */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin Regular'), local('Cabin-Regular'), url('/fonts/Cabin-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: bold;
  src: local('Cabin Bold'), local('Cabin-Bold'), url('/fonts/Cabin-Bold.woff') format('woff');
}

/* Clear Floated Elements 


(always keep at bottom of style sheet, add above) 

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

/* inline floats */
.right 	{ float: right; margin: 0 0 10px 10px; display: inline; }
.left 	{ float: left; margin: 0 10px 10px 0; display: inline; }

/* new clearfix - http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */
.clearfix:after, .wrapper:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}