/* 
------------------------------------------------------------------
HOME PAGE STYLES


div#banner-du-jour {

	height: 200px;
	
	}
	
	
------------------------------------------------------------------
*/


div#branding { position: relative; width: 950px; height: 220px; margin-left: 0px; }



#branding #banner-du-jour {
	background-image: none;
	display: block;
	height: 200px;
	margin: 0;
	width:950px;
}
#banner-du-jour h2,
#banner-du-jour p {
	float: left;
	text-indent: -99999px;
}

.pics a { display: block; width: 950; height: 200; top: 0; left: 0 }

#slideshow img { display: none }
#slideshow img.first { display: block }



#signup {
	margin: 0;
	position: relative;
}
#signup h2 {
	background: url(/images/branding-manage.png) no-repeat top left;
	height: 55px;
	margin: 5px 0 20px;
	position: relative;
		top: 0;
		right: 0;
	text-indent: -99999px;
	width: 950px;
}
#signup h2 a {
	background: url(/images/branding-get-started.png) no-repeat center center;
	display: block;
	height: 40px;
	position: absolute;
		top: 7px;
		right: 20px;
	text-indent: -99999px;
	width: 120px;
}

/*div#branding a.learnmore { float:right; margin:150px 290px 0 0; width: 130px; height: 37px; text-indent: -9999px; }
div#branding a.rapportive { float:right; margin:245px 185px 0 0; width: 125px; height: 55px; text-indent: -9999px; }
div#branding a.tungle { clear:both; float:right; margin:-55px 35px 0 0; width: 125px; height: 55px; text-indent: -9999px; }
div#branding a.enter { float:right; margin:370px 0 0 0; width: 125px; height: 55px; text-indent: -9999px; }
div#branding p.sales-banner { position: absolute; left: 26px; top: 295px; margin: 0; }
div#branding p.sales-banner a { display: block; text-indent: -9999px; width: 500px; height: 86px; background: url(../images/sales-banner.png) no-repeat left top; }
div#branding p.banner-button a { display: block; text-indent: -9999px; width: 500px; height: 86px; background: url(../images/sales-banner.png) no-repeat left top; }
div#branding h3 { background: url(../images/branding-google-home.png) no-repeat left top; float:left; margin: 28px 0 0 20px; text-indent: -9999px; width: 410px; height: 240px; }
div#branding a.screenshot { float: left; margin-top:16px; }
*//*div#branding h2 { text-indent: -9999px; width: 860px; height: 190px; background: url(../images/branding-index-h2.png) no-repeat right top; margin: 28px 0; }*/
/*div#branding ul { margin: 0 0 0 554px; padding: 0; list-style: none; }
div#branding ul li { padding: 0; margin: 0; float: left; }
div#branding ul li#branding-signup { margin-right: 6px; }
div#branding ul li#branding-signup a { outline: none; display: block; background: url(../images/branding-index-signup.png) no-repeat left top; width: 203px; height: 89px; text-indent: -9999px;}
div#branding ul li#branding-tour a { outline: none; display: block; background: url(../images/branding-index-tour.png) no-repeat left top; width: 149px; height: 89px; text-indent: -9999px;}
*/
#logoCloud { clear: left; padding-top: 10px; }
#logoCloud p { text-align: center; }
p.morepress { clear: left; margin: 20px 0; font-size: 90%; text-align: right; }

div#product-reviews { margin-top: 30px; }
div#product-reviews blockquote { margin: 0; font-size: 95%; line-height: 140%; font-style: italic; padding: 0 0 6px 6px; text-indent: -6px; }
div#product-reviews img { margin: 6px 0 20px 6px; padding: 4px; border: 1px solid #CECECE; }
div#product-reviews div { float: left; }
div#product-reviews p { margin: 0; padding-left: 6px; font-size: 90%; font-weight: bold; }
div.col1 { width: 28%; }
div.col2 { width: 18%; }
div.col3 { width: 18%; }
div.col4 { width: 18%; }
div.col1, div.col2, div.col3 { padding-right: 6%; }

p.banner { clear: left; margin: 20px 0 0 0; background: #E5F2F9 url(../images/sales-report-icon.png) no-repeat 40px 6px; border: 1px solid #BFDEF0;
  color: #333; padding: 10px 20px; padding:30px 10px 10px 135px; font-family: Georgia, serif; font-size: 150%; line-height: 150%;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
p.banner strong { font-size: 120%; font-weight: normal; color: #000; }
div#personas { background: #004a8d url(../images/personas-bg.png) repeat-x; color: #FFF; }
div#menu { float: left; width: 192px; }
div#menu h2 { color: #FFF; margin: 5px 10px; font-size: 200%; line-height: 120%; }
div#menu ul { padding: 0; margin: 0; list-style: none; margin-left: 5px;}
div#menu li { margin-bottom: 2px; font-size: 90%;  }
div#menu li a:hover { background-color: #237EC1; }
div#menu li a { cursor: pointer; display: block; background-color: #2272AD; color: #FFF; text-decoration: none; padding: 5px 10px;  
	-moz-border-radius: 6px 0 0 6px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-radius: 6px 0 0 6px; }
div#menu li a.selected { background-color: #E5F2F9; color: #000; }
div#menu p { margin: 25px 15px 15px 15px; line-height: 150%; color: #CCDBE8; width: 600px; }

div.persona-quote { 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	background-color: #E5F2F9; 
	border-radius: 6px; 
	float: left;
	height: 400px;
	margin: 5px 8px 5px 0;  
	width: 412px;
}
div.persona-quote blockquote { min-height: 195px; color: #333; font-size: 150%; line-height: 140%; text-indent: -8px; padding: 25px 25px 25px 33px; margin: 0; }
div.persona-quote dl { float: left; width: 40%; color: #004a8d; margin: 0; padding: 0 0 20px 33px; }
div.persona-quote dl dt { font-weight: bold; }
div.persona-quote dl dd { margin: 0; font-size: 80%; line-height: 130%; }
div#profile-oneforty dl{
	width: 41%;
}
div.persona-quote a { background-color: #2272AD; color: #FFF; float: right; margin: 10px 33px; text-decoration: none; padding: 4px 10px; font-size: 90%;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
p.persona-about { float: left; width: 273px; margin: 5px 5px 5px 0; font-size: 80%; line-height: 130%; }
p.persona-about img { border: 1px solid #E5F2F9; display: block; margin-bottom: 5px; }
div#menu p a:link, div#menu p a:visited, div#menu p a:active,
p.persona-about a:link, p.persona-about a:visited, p.persona-about a:active { color: #FAAE5C;}
div#menu p a:hover,
p.persona-about a:hover { color: #F88C17; }

a.inline { display: block; padding: 2px 0 0 16px; font-size: 90%; background: url(../images/screencast.png) no-repeat left 50%; }

#integration-options { clear:both; padding: 20px 0; }
#integration-options div { width: 320px; float: left; padding: 0; margin-top: 10px; }
#integration-options img { float: left; margin-right: 60px; }
#integration-options h3 { margin: 0; font-size: 130%; }
#integration-options p { font-size: 90%; }
#integration-options ul { float: right; width: 335px; list-style: none; margin: 10px 0 0; padding: 0; }
#integration-options li { float: left; }
#integration-options li a { text-indent: -9999px; display: block; font-size: 80%; text-align: center; padding-top: 25px; width: 100%; }
#integration-options li#integration-zendesk a { margin: 10px 0; width: 110px; background: url(../images/integration-zendesk-sm.png) no-repeat 50% top; }
#integration-options li#integration-googlecontacts a { width: 110px; background: url(../images/integration-googlecontacts-sm.png) no-repeat 50% top; }
#integration-options li#integration-mailchimp a { width: 110px; background: url(../images/integration-mailchimp-sm.png) no-repeat 50% top; }
#integration-options li#integration-freshbooks a { width: 110px; background: url(../images/integration-freshbooks-sm.png) no-repeat 50% top; }
#integration-options li#integration-shoeboxed a { margin: 10px 0; width: 110px; background: url(../images/integration-shoeboxed-sm.png) no-repeat 50% top; }
#integration-options li#integration-rapportive a { margin: 10px 0; width: 110px; background: url(../images/integration-rapportive-sm.png) no-repeat 50% top; }
#integration-options li#integration-tungle a { margin: 10px 0; width: 110px; background: url(../images/integration-tungle-sm.png) no-repeat 50% top; }
#integration-options li#integration-flowtown a { width: 110px; background: url(../images/integration-flowtown-sm.png) no-repeat 50% top; }
#integration-options li#integration-eventbrite a { width: 110px; background: url(../images/integration-eventbrite-sm-new.png) no-repeat 50% top; }
#integration-options li#integration-formstack a { width: 110px; background: url(../images/integration-formstack-sm.png) no-repeat 50% top; }
#sales img { float: left; margin-right: 10px; }

#features { margin-left: 10px; width:100%; }
#features dl { 
	background: url(../images/bullet.png) no-repeat 8px 13px; 
	padding-bottom: 4px; 
	margin: 0 0 4px 0; 
	float: left; 
	width: 270px; 
	padding: 8px 10px 8px 20px; 
 }
#features dt { 	font-size: 100%; font-weight: bold; color: #007DC3;}
#features dd { 	font-size: 95%; margin: 2px 0 0 0; line-height: 130%; color: #666; }
/*dl#features-contacts { background: url(../images/features-contacts.png) no-repeat 10px 12px; }
dl#features-communications { background: url(../images/features-communications.png) no-repeat 10px 12px; }
dl#features-supertags { background: url(../images/features-supertags.png) no-repeat 10px 12px; }
dl#features-sync { background: url(../images/features-sync.png) no-repeat 10px 12px; }
dl#features-lists { background: url(../images/features-lists.png) no-repeat 10px 12px; }
dl#features-socialmedia { background: url(../images/features-social.png) no-repeat 10px 12px; }
dl#features-webforms { background: url(../images/features-webforms.png) no-repeat 10px 12px; }
dl#features-sales { background: url(../images/features-sales.png) no-repeat 10px 12px; }
dl#features-screencasts { background: url(../images/features-screencasts.png) no-repeat 10px 12px; }
dl#features-iphone { background: url(../images/feature-iphone.png) no-repeat 10px 12px; }*/

/*div#signup { margin: 200px 20px 0 0;}
div#signup h2 { text-indent: -9999px; width: 100%; height: 100px; background: url(../images/index-signup.png) no-repeat right top; }
div#signup a { outline: none; display: block; float: right; width: 150px; height: 66px; margin-top: -125px; text-indent: -9999px;}
*/
#integration-options h2,
#product-reviews h2 { border-top: 1px solid #BFDEF0; background-color: #E5F2F9; padding: 0 4px;}


/*social logos banner*/

div#social-logos {
	margin-left: auto;
	margin-right: auto;
	height:110px;
}

div#social-logos h2{
	margin-bottom: 0px;
}

div#social-logos ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

div#social-logos li{
	padding:10px;
	display: inline; 
	float: left;
}

div#social-logos li a {
	display: block;
	height: 75px;
	text-indent: -99999px;
	outline: none; 
}

div#social-logos li a#derby {
	background: url(/images/social-banner-derby.png) no-repeat ;
	width: 75px;
	margin-left:15px;
}

div#social-logos li a#duct {
	background: url("/images/social-banner-duct.png") no-repeat 0 10px;
	width: 120px;
}

div#social-logos li a#brogan {
	background: url(/images/social-banner-brogan.png) no-repeat 0 15px;
	width: 100px;
}

div#social-logos li a#mashable {
		background: url(/images/social-banner-mashable.png) no-repeat 0 22px;
	width: 120px;
}

div#social-logos li a#chimp {
		background: url(/images/social-banner-mailchimp.png) no-repeat 0 22px;
	width: 125px;
}

div#social-logos li a#oneforty {
		background: url(/images/social-banner-oneforty.png) no-repeat 0 20px;
	width: 125px;
}

div#social-logos li a#poptech {
		background: url(/images/social-banner-poptech.png) no-repeat ;
	width: 75px;
}