/*THIS IS THE HANDCRAFTED LEADMD.COM CSS FILE. DON'T WET YOURSELF OVER IT'S AWESOMENESS.*/

/*****************************************************************************************************/
/*NE's additions**************************************/
/**/

/*SEO Change orders - 01-09-12*/

#col2 h3>a{
	color: #777;
	border-bottom: 1px solid #EEE;
	padding-bottom: 3px;
	padding-right: 3px;
	text-decoration:none;
}

#main_header_logo, #main_header_logo img{
	outline:none !important;
	border:none !important;
}



/*wibiya toolbar*/
#footer #bottom {
  color: #33434E; /*deep sea blue*/
  font-size: 80%;
  margin-top: 40px;
	margin-bottom:30px;
}
#footer #bottom ul {
  display: inline;
  position: absolute;
  bottom: 30px;
  right: 0;
}
/*partner page logos*/
.partner_logos{
	float:right;
}
/*homapege remodel - 12.30.11*/
#intro_box{
	background:url(../image/marketo-salesforce-cloud-background.png) no-repeat;
	width:726px;
	height:315px;
}
#intro_box h1{
	font-size: 21px;
	margin-left: 45px;
	padding-top: 15px;
}
#intro_box #heading_intro{
	margin: -15px 0px 0px 89px !important;
	font-size: 12px;
	color: #999;
}
#intro_box #marketo_cloud{
	position: absolute;
	top: 100px;
	left: 37px;
	height:81px;
	width:212px;
}
#intro_box #marketo_cloud a{
	width: 212px;
	height: 81px;
	display:block;
}
#intro_box #salesforce_cloud{
	position: absolute;
	width: 218px;
	height: 81px;
	top: 137px;
	left: 296px;
}
#intro_box #salesforce_cloud a{
	width: 217px;
	height: 81px;
	display:block;
}
#intro_box #right_tabs{
	position: absolute;
	height: 279px;
	width: 214px;
	top: 37px;
	left: 513px;
}
#right_tabs>div>a{
	color:white;
	text-decoration:none;
	text-align:center;
	padding-top:10px;
	font-size:100%;
	font-weight:bold;
}
#right_tabs #right_tab_1{
	position: absolute;
	height: 81px;
	width: 214px;
	top: 0px;
	left: 0px;
}
#right_tabs #right_tab_2{
	position: absolute;
	height: 81px;
	width: 214px;
	top: 94px;
	left: 0px;
}
#right_tabs #right_tab_3{
	position: absolute;
	height: 81px;
	width: 214px;
	top: 187px;
	left: 0px;
}
#right_tabs #right_tab_1 a, #right_tabs #right_tab_2 a, #right_tabs #right_tab_3 a{
	height: 81px;
	width: 214px;
	display:block;
	background:url(../image/right-tab-sprite.png) no-repeat;
	background-position: 0px 0px;
}
#right_tabs #right_tab_1 a:hover, #right_tabs #right_tab_2 a:hover, #right_tabs #right_tab_3 a:hover{
	background-position: 0px -93px;
}
/*2 Column Right Sidebar Template*/
#col1_2{
	height:500px;/*remove after content placed - this property is for demo purposes*/
}
#column1_2_meat{
	/*properties for the main div go here, ie padding or margin for an iframe contained within. You can also target internal elements via the id(#) tag, ie #column1_2 iframe{}*/
	margin:10px;
}

/*Customer Page*/
#featured_customers{
	border:1px solid #CCCCCC;
	margin-left: 10px;
	margin-right: 15px;
	padding-top:10px;
	padding-left: 10px;
	position:absolute;
	width:465px;
	height: 200px;
	-moz-border-radius-bottomleft: 2px;
  -moz-border-radius-bottomright: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-topleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
}
#featured_customers .images>div>img{
	height: 120px;
	float: left;
	clear:both;
	display: block;
	padding-top: 20px;
	margin-left: -10px;
}
#featured_customers .images>div>a>img{
	float: left;
	clear: both;
}
.featured_quote{
	width: 330px;
	position: absolute;
	right: 0px;
}
.slidetabs a.current {
	border-color: #6EBA01;
	border-right: none !important;
	right:0px !important;
	padding-right: 0px !important;
}
.slidetabs a {
	border-bottom: 6px solid #AFAFAF;
	width: 20px;
	float: left;
	margin: 2px;
	display: block;
	font-size: 1px;
}
.slidetabs {
	clear: both;
	position: absolute;
	right: 11px;
	bottom: 5px;
	z-index: 1;
	*width:75px;/*IE7 Hack*/
}

#customers_section{
	margin-top: 50px;
}
.customer_box{
	height:100px;
	width:150px;
	border: 1px solid #CCCCCC;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	*line-height: 100px;
}

.customer_box img{
	vertical-align:middle;
}
.customer_box>p{
	margin: 0px !important;
}

#customer_list li{
	display: block;
	background: none !important;
	float: left;
	margin: 0px 10px 20px 0px;
	padding: 0px !important;
	-moz-border-radius-bottomleft: 2px;
  -moz-border-radius-bottomright: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-topleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
}
#customer_list .last>.customer_box, #customer_list .last{
	margin-right: 0px !important;
}

.case_study_overlay{
	position: absolute;
	display: block;
	top: 0px;
	right: -151px;

}
.read_case{
	position:absolute;
}
.read_case p{
	position: absolute;
	top: -30px;
	left: 25px;
	width: 110px;
	font-size: 10px;
	*font-size:9px;
}
.read_case p a{
	
}
.case_overlay_wrapper{
	position:absolute;
}

#customers #cta2{
	margin-top: 250px;
	*overflow:visible !important;
}
#customers #cta2 #button{
	margin-top:8px;
}

/*New social media icons*/
#top #social a img {
	height:35px;
	padding-left:5px;
}

/*Contact Us - IE7 update for marketo button*/
#contact-us #col1 #mktFrmButtons{
	*background-image: none !important;
}
#contact-us #meat1{
	*padding-bottom: 30px;
}
#contact-us div.buttonSubmit span{
	*margin-left: -18px !important;
} 

/*Pigs Fly - IE7 update for marketo button*/
#pigsfly #col1 li{
	*background: none !important;
}
#pigsfly div.buttonSubmit input{
	*margin-left: -155px !important;
}
#pigsfly div.buttonSubmit span{
	/*margin-left: 85px !important;*/
}

/*****************************************************************************************************/
/*SCROLLABLE*/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
#customer_slider_box {
  position: relative;
  margin: -14px 0 10px 0;
}
#customer_slider_box h3{
	display: block;
	margin-top: 25px;
	margin-bottom: -15px;
}
.scrollable {
	/* required settings */
	position:relative;
  overflow:hidden;
	width: 182px;
	height:210px;
	/* custom decorations */
  border: 1px solid #EEEEEE;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
img.call-out {
  position: relative;
  top: 227px;
  left: 30px;
  z-index: 1;
}
#customer_slider_box .case_study{
	margin-left:25px;
	margin-top:0px;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}
.items div {
	float:left;
	width:182px;
}
/* single scrollable item */
.scrollable p {
  margin:5px 10px;
  font-size: 90%;
}
/*
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}*/

/* active item 
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}*/
/*BUTTONS***********************************/
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}
/* prev, next, prevPage and nextPage buttons */
#sidebar a.browse {
/*  background:url(hori_large.png) no-repeat;*/
	display:block;
	width:10px;
	float:left;
	cursor:pointer;
	font-size:20px;
	color: #DDDDDD;
}
/* right */
a.right { 
  position: relative;
	top: -117px;
	*top:52px;/*IE7 Hack*/
	left: 179px;
  *left:-8px;/*IE7 Hack*/
	clear:right; 
  margin-right: 0px;
}
#sidebar a.right:hover, #sidebar a.left:hover { 
  color: #999999;
}
a.right:active { 
} 
/* left */
a.left { 
  position: relative;
	top: 115px;
	left: -5px;
  margin-left: 0px; 
  z-index: 1;
} 
a.left:hover { 
}
a.left:active { 
}






/*****************************************************************************************************/
/*GENERAL STYLE*/
* {
  padding: 0;
  margin: 0;
}
/*get rid of those system borders being generated for A tags*/
a:active {
  outline:none;
}
:focus {
  -moz-outline-style:none;
}
a {
}
a:link {
  color: #6EBA01; /*light green*/
}
a:visited {
  color: #6EBA01; /*light green*/
  color: #006837; /*dark green*/
  color: #45331F; /*brown*/
  color: #006837; /*dark green*/
  
}
a:hover {
  color: #4ECBF6; /*blue*/
  color: #BBBBBB;
  color: #333333;
}

a img {
  border: none;
}
body {
  font: 13px/20px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  /*text-align: center; IE workaround*/
  color: #333333; /*main font color */
  background-color: white;
/*  border-top: 3px solid #D5D5D5;*/
}
.hide {
  display: none;
}
h1, h2, h3, h4 {
  font-family: Dolly, Georgia, "Times New Roman", serif; /*choose a serif font */
  margin: 10px;
  
}
h1 {
  font-size: 25px;
  line-height: 30px;
}
h2 {
  font-size: 20px;
  line-height: 25px;
}
h3 {
  font-size: 15px;
  line-height: 17px;
}
h4 {
  font-size: 13px;
  line-height: 20px;
}
p.intro { /*web 2.0 big time intros; like apple and 37signals*/
  font-size: 130%;
  line-height: 130%;
  color: #777777;
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 10px;
}
p, ul, ol {
  margin: 10px 10px 16px;
}
ul, ol {
  list-style-type: none;
}
/*****************************************************************************************************/
/*TOP*/
#top {
  height: 90px;
  background-color: #F4F4F4;
}
.container {
  position: relative; /*this awesome trick lets us absolutely postion elements within the realtively poistioned container box, which is really the wrapper on almost every main section of the page... eat your heart out*/
  margin: 0 auto;
  width: 920px;
  overflow: hidden; /*this was the magic fix for extending the lengtth of the box*/
}
#top .container {
  width: 940px; /*override normal container of 920px by 940px due to padding on all other containers*/
}
#top img { /*the logo*/
  position: relative;
  top: 8px;
  left: 0;
}
#top p { /*phone number: phonetic*/
  position: absolute;
  top: 3px;
  right: 265px;
  color: #6EBA01; /*light green*/
  margin: 0;
  padding: 0;
  
}
#top p span { /*phone number: numerical*/
  color: #5B5B5B; /*gray*/
  font-size: 80%;
}
/*****************************************************************************************************/
/*STATUS*/
#top ul { /*status box*/
  background-color: #D5D5D5;
  position: absolute;
  margin: 0;
  top: 0;
  right: 0;
  padding: 3px 0 5px 10px;
  font-size: 80%;
  border-left: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
}
#top ul li { /*status list items: make horizontal*/
  list-style-type: none;
  display: inline;
  margin-right: 5px;
  padding-right: 7px;
  border-right: 1px solid #AAAAAA;
}
#top ul li.last { /*override the separator for the final list item so it doesn't appear on right*/
  padding-right: 0;
  margin-right: 8px;
  border-right: none;
}
#top ul li a {
  color: #5B5B5B;
  text-decoration: none;
}
#top ul li a:link {
}
#top ul li a:visited {
}
#top ul li a:hover {
  color: #6EBA01; /*light green*/
}
#top #social {
  position: absolute;
  right: 0;
  top: 30px;
}
/*****************************************************************************************************/
/*NAVIGATION*/
#navigation {
  height: 42px;
  background: url("image/nav-bg.gif") repeat-x 0 0; /*the gradient for le navigation*/
}
#navigation .container {
  height: 100%;
  width: 940px; /*override typical 920px dimension of containers*/
  background: url(image/nav-divider.gif) no-repeat left top; /*this places the divider*/  
}
#navigation ul { /*navigation "box"*/
/*  float: left;*/
/*  left: auto;*/
/*  z-index: 99;*/
  background: url(image/nav-divider.gif) no-repeat right top; /*this places the divider*/
  margin: 0;
  position: relative;
  height: 100%;
  float: left;
  font-size: 120%;
}
#navigation ul li { 
  /*  list-style-type: none;*/
  margin: 0;
  position: relative;
  height: 100%;
  background: url(image/nav-divider.gif) no-repeat 0 0px; /*this places the divder*/
  float: left;
  display: block;
}
#navigation ul li {
}
#navigation ul li a, #navigation ul li#current {
  display:block;
  float:left;
  height:32px;
  padding:10px 8px 0px;
  color: #5B5B5B;
  color: #888888;
  color: #6EBA01; /*light green*/
  text-decoration: none;
}
#navigation ul li#current { /*current page*/
  color: #5B5B5B;
  color: white;
  background: url(image/navigation-bg3.png) no-repeat left top; /*this places the divder*/
}
#navigation ul li a:link {
}
#navigation ul li a:visited {
}
#navigation ul li a:hover {
  background: url(image/navigation-bg3.png) no-repeat left top; /*this places the divder*/
  color: #6EBA01; /*light green*/
  color:#333;
  color: white;
}
/*****************************************************************************************************/
/*FEATURE INTRO*/
/*this is the top of the home page*/
#feature {
  padding: 1px; /*this is a hack so that we can use margin to displace the container within this section, instead of using position relative that messes with the footer; not really sure why*/
  /*background: url("image/clouds.png") repeat-x 0 0;*/
  background: url("image/clouds3.gif") center top scroll no-repeat;
  
}
#feature .container { /*position the featured container of the home page*/
  margin-top: 30px;
  border: 1px solid #EEEEEE;
  border-bottom: none;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  padding: 10px;
  background: url("image/long-gradient.png") repeat-x 0 0; /*the gradient for le navigation*/
  background-color: white;
  overflow: hidden; /*this was the magic fix for extending the lengtth of the box*/ 
}
/*meat of the feature*/
/*commenting out as part of homepage remodel 12.30.11
#intro_box { 
  top: 30px;
  border: 1px solid #EEEEEE;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  width: 726px;
  background-color: white;
}
*/
#intro_box #copy { /*copy within the feature*/
  /*width: 430px;*/
}
/*
#intro_box #copy p.intro { 
  font-size: 110%;
  line-height: 130%;
  border: none;
  padding: 0;
  margin-right: 0;
}
*/
#vimeo_control{
	float:right;
	margin-right: 10px;
}
#video_shade{
	visibility: hidden;
	background:black;
	height: 310px;
	width: 430px;
	opacity: .8;
	filter: alpha(opacity=80);
	position:absolute;
	right: 213px;
	z-index: 10;
}

#video_control{
	visibility:hidden;
	position:absolute;
	left: 475px;
	top: 110px;
	z-index: 10001;
}
#video_control:hover{
	cursor:pointer;
}
#video_cta{
	visibility:hidden;
	text-align:center;
	color: white;
	position:absolute;
	left: 380px;
	top: 180px;
	z-index: 10001;
}
#video_cta h2{
	font-size: 20px;
}
#video_cta a{
    background: url("image/marketo-button.png") no-repeat scroll 0 0 transparent;
    color: white;
    display: block;
    font-size: 17px;
    font-weight: normal;
    height: 24px;
    line-height: 1em;
    margin-bottom: 0;
		margin-left: 50px;
    padding-top: 8px;
		padding-bottom: 4px;
    text-decoration: none;
    text-shadow: 0 -1px 1px #608925;
		width:156px;
}
#video_cta a:hover{
	background-position: 0 -36px;
}
#video_cta p{
	margin-bottom: 30px;
}
/*HOMEPAGE NEWSLETTER FORM*/
#newsletter{
	background: url('image/pinpoint-bg.png');
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 265px;
	padding: 1px 2px 1px 2px;
}
#newsletter p{
	margin-bottom: 5px;
}
#homepage_video_cta{
	font-size: 10px;
	margin-bottom: 10px !important;
	margin-top: 5px !important;
	color: #999999;
	clear: left;
}

#newsletter fieldset{
	border: none;
}
#newsletter label{
	font-size: 14px;
}
#newsletter input[type="text"]{
	height: 25px;
	width: 200px;
	margin-bottom: 10px;
	display:block;
	font-size: 17px;
}
#assurance{
	font-size: 10px;
	width: 200px;
	line-height: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #999999;
	clear: left;
}
.newsletter{
	background:url('image/weekly-tips-button.png') 0 0 no-repeat;
	height: 36px;
	width: 156px;
	text-indent: -999em;
	overflow: hidden;
	outline: none;
	border: none;
}
.newsletter:hover{
	background-position: 0 -36px;
	cursor:pointer;
}
#newsletter .mktFormMsg{
	float: left;
	display: block;
	margin-top: -10px;
	color: red;
	font-size: 11px;
}
/*****************************************************************************************************/
/*PIGS FLY PAGE*/
#pigs{
	background:url('image/pigs-fly.jpg') 225px 0px no-repeat;
	overflow: visible;
	height: 300px;
}
#pigs fieldset{
	border:none;
}
.pigs_fly_tbl{
	margin-left: 15px;
}
.pigs_fly_tbl label{
	font-size: 13px;
	vertical-align:middle;
}
.pigs_fly_tbl input[type="text"]{
	height: 30px;
	width: 200px;
	font-size:17px;;
}
.pigs_fly_tbl td{
	padding-top: 5px;
	padding-right: 10px;
}
#pigsFlySubmit .buttonSubmit{
	margin: 0 0 20px 0px !important;
}
#pigs ul{
	margin-left: 135px;
	margin-top: 20px;
}
#pigs .mktFormMsg{
	display: block;
	font-size: 11px;
	color: red;
}
#black_belt{
	background: url('image/pinpoint-bg.png');
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-right: 10px;
	padding: 5px 10px 5px 10px;
	margin-bottom: 10px;
}
#black_belt img{
	float: left;
	padding-right: 10px;
	margin-left:10px;
}
/*****************************************************************************************************/
/*CALL TO ACTION BUTTON*/
/*#cta_button { 
  border: 1px solid #006837;;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  padding: 5px;
  width: 250px;
  background: url("image/green-gradient.png") repeat-x left center; 
  background-color: white;
  margin-bottom: 10px;
  margin-left: 10px;
}
#cta_button h3, #cta_button p { 
  margin: 0;
  padding: 0; 
  text-align: center;
}
#cta_button h3 {
  font-size: 140%;
  color: white;
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#cta_button p {
  color: #006837;
  font-weight: bold;
  font-size: 80%;
}
#cta_button a {
  text-decoration: underline;
}
#cta_button a {
  color: white;
}
#cta_button a:hover {
  color: #CCCCCC;
  color: #6EBA01; 
  color: #006837; 
  
}*/
#guarantee #cta {
}
/*#managed-services #cta, #guarantee #cta, #marketo-customers #cta {
  margin: 0 auto 10px;
}*/
#cta {
  text-align:center;
  margin-left: 10px;
  margin-bottom: 10px;
  width: 245px;
}
#cta span, #cta2 span {
  font-size: 90%;
  color: #777777;
}
#cta a.button, #button a {
  background: transparent url(image/cta-button.png) no-repeat scroll -22px -22px; /*x y*/
  color:#FFFFFF;
  display:block;
  font-size:20px;
  font-weight:normal;
  height:36px;
  line-height:1em;
  margin-bottom:0px;
  padding-top:14px;
  text-decoration:none;
  text-shadow:0 -1px 1px #608925;
  color: white;
}
#cta a.button:hover, #button a:hover {
  background-position: -22px -72px; /*x y*/
}
#cta a.button:link, #cta a.button:visited, #cta a.button:hover, #button a:link, #button a:visited, #button a:hover {
  color: white;
}
/*for inline button*/
#cta2 #button {
  text-align:center;
  width: 245px;
  float: left;
  overflow: hidden;
}
#cta2 {
  margin: 0 10px;
  padding: 5px;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  overflow: hidden;
}
#cta2 span {
  margin-top: 5px;
  display: block;
  text-align: center;
}
/*****************************************************************************************************/
/*TAB BOX AND THE JQUERY HAMMER OF DOOM*/
/* root element for tabs  */
#tab_box { /*meat of the feature*/
  margin-top: 10px;
  margin-bottom: 10px;
  width: 726px; /*a little bit of a hack 716px+20px, can't figure out WHY i can't control the .css panes div direct, below*/
}
#tab_box ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #EEEEEE;   		
}
/* single tab */
#tab_box ul.css-tabs li {  
	float:left;	 
	padding:0;
	margin:0;  
	list-style-type:none;	
}
/* link inside the tab. uses a background image */
#tab_box ul.css-tabs a { 
  font-weight: bold;
	float:left;
	font-size:15px;
	display:block;
	padding:5px 10px;	/*was 15px (L & R); x > 10px and it breaks on iphone*/
	text-decoration:none;
	border:1px solid #EEEEEE;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef; /*gray*/
	background-color:#CFE7C5; /*lighter green*/
	color: #777777; /*gray*/
	color: #6EBA01; /*light green*/
	margin-right:2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	position:relative;
	top:1px;
}
#tab_box ul.css-tabs a:hover {
	/*background-color:#F7F7F7;*/
	color:#333333;
}
/* selected tab */
#tab_box ul.css-tabs a.current {
	background-color: white;
	border-bottom:2px solid white;
/*  background-image: none;*/
	color:#000;	
	cursor:default;
}
/* tab pane */
#tab_box .css-panes div.pane {
	display:none;
	border:1px solid #EEEEEE;
	border-width:0 1px 1px 1px;
	min-height:330px;
  padding:15px 0;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
	background-color:white;	
}
/*****************************************************************************************************/
/*TAB BOX IMAGES*/
#tab_box .text_box { /*the text within the tab*/
  width: 55%;
}
#tab_box h3 {
}
.candy_box { /*the box holding the downloadable treats*/
  float: right;
  width: 44%;
  margin-right: 5px;
/*  border: 1px solid red;*/
}
.treat { /*snickers, twix, peanut butter, you name it, it's here*/
  width: 100%;
  margin-bottom: 10px;
  min-height: 90px;
  clear: both;
  border-bottom: 1px solid #BBBBBB;
}
.treat img {
  position: relative;
  margin-top: 2px;
  float: left;
  width: 75px;
  margin-right: 10px;
  z-index: top;
}
.expand_area { /*this is for Justin, so he can expand the hyperlink area on landing page submit buttons*/
  position: relative; z-index: top;
}
.treat p {
  font-size: 90%;
  color: #777777;
  margin: 0 10px 0 0;
}
.treat h3 {
  margin: 0;
  padding: 0;
}
/*****************************************************************************************************/
/*SIDEBAR*/
/*old sidebar prior to flexible content
#index #sidebar {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 182px;
}*/
#sidebar p {
  margin-bottom: 10px;
}
#download_box, #video_box {
  position: relative;
  border: 1px solid #EEEEEE;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background: url("image/download-bg.png") no-repeat right top; 
  background-color: white;
  text-align: center;
  margin-bottom: 10px;
}

/*****************************************************************************************************/
/*DOWNLOAD BUTTON*/
/*.download_button {
  border: 1px solid #6EBA01; 
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  width: 130px;
  background-color: #006837; 
  margin-bottom: 10px;
}

.download_button a {
  text-decoration: underline;
  color: white;
  
}
#sidebar .download_button p a:link {
  color: white;
}
.download_button a:hover {
  color: #CCCCCC;
  color: #6EBA01; 
}*/

#sidebar #demo {
  position: relative;
  text-align: center;
}
#download_box, #video_box p { 
  margin-top: 0;
}
p.case_study {
  font-size: 90%;
  line-height: 130%;
  font-style: normal;
  background: url("image/case-study-button2.png") no-repeat 8px top;
  padding-left: 23px;
  margin-left: 0;
}
img.tiny_download_icon { /*in testimonial box, and download whitepaper box*/
  position: relative;
  top: 3px;
}
#sidebar p.sidebar_link {
  font-style: normal;
  font-weight: bold;
}
ul.mini_cta {
  margin-top: 10px;
  list-style-type: none;
  font-size: 90%;
  border-top: 1px solid #EEEEEE;
   
}
ul.mini_cta li {
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 2px;
}
ul.mini_cta img { /*these are the tiny images on home page sidebar*/
  position: relative;
  top: 4px;
  left: -3px;
}
ul.mini_cta li a {
  text-decoration: none;
}
/*****************************************************************************************************/
/*SECONDARY*/
#secondary {
  border-top: 2px solid #CCCCCC ;
  background-color: #F4F4F4;
  padding: 1px;
}
#secondary .container {
  width: 920px;
  margin: 0 auto;
  padding-top: 16px;
}
/*****************************************************************************************************/
/*FOOTER*/
#footer {
  border-top: 2px solid #BBBBBB;
  background-color: #D3D3D3;
  clear: both;
  position: relative;
  padding: 1px;
  
}
#footer ul {
  margin: 0;
  list-style-type: none;
}
#footer a {
  text-decoration: none;
  color: #444444;
}
#footer a:hover, #footer #bottom a:hover {
  color: #999999;
  color: #6EBA01; /*light green*/
}
#footer #sitemap {
  margin-top: 20px;
}
#footer #sitemap .block {
  float: left;
  margin-right: 30px;
  width: 160px;
}
#footer #sitemap .last {
  margin-right: 0; /*this overrides the final margin for the block, so things can seem centered*/
}
.fix {
  clear: both;
  height: 1px;
  margin: -1px 0 0;
  overflow: hidden;
}
#footer #certification {
  margin-top: 40px;
  text-align: center;
}
#footer #certification ul {
  display: inline;
}
#footer #certification ul li {
  display: inline;
  margin-right: 85px;
}
#footer #certification ul li.last {
  margin-right: 0;
}
#footer #certification img[src="/image/mai-member-small.png"] {
  width: 55px;
}
#footer #certification ul li a {
  border:none;
	outline:none;
}

#footer #bottom p {
  margin-bottom: 0px;
}

#footer #bottom ul li {
  display: inline;
  margin-left: 10px;
}
#footer #bottom a {
  color: #33434E; /*deep sea blue*/
  text-decoration: underline;
}
/*****************************************************************************************************/
/*non-homepage pages*/
#meat1 { /*single column*/
  border: 1px solid #EEEEEE;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: white;
  overflow: hidden;
  
}
/*#col1 ul, #meat1 ul, #meat1 ol { changed on 2010-09-05 for custom bullets, come back here if everything shatters!
  margin-bottom: 16px;
  margin-left: 32px;
  list-style-type: square;
}*/
#col2 ul, #col1 ul, #meat1 ul { /*style the lists*/
  list-style-type: none;
}
/*CUSTOM BULLETS*/
#col1 li, #meat li, ul.custom_bullet li {
  background: url(image/leadmd-bullet.gif) left 7px no-repeat;
  padding-left: 15px;
}
.blurb {
  margin: 20px 0 20px 10px;
}
.blurb p {
  margin: 0;
  color: #777777;
  font-size: 105%;
}
.blurb h3 {
  margin: 0;
}
#get-started #col1 h3 {
  margin-bottom: 0;
}
.small_text {
  color: #777777;
}
/*****************************************************************************************************/
/*THREE COLUMN LAYOUT*/
/*source: http://www.positioniseverything#net/ordered_floats.html*/
/*overflow: hidden is the key to expanding vertical height. position relative is an IE hack, but a valid one, and make things add up to 99%*/
#float_wrapper { /*** This can be floated left or right ***/
  float: left; 
  width: 79%;
  overflow: hidden;
  background-color: white;
  border: 1px solid #EEEEEE;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
#col1 { /*** This must be floated opposite to #col2 ***/
  float: right; 
  width: 69%; 
  overflow: hidden;
  background-color: ;
}
#col2 { /*** This must be floated opposite to #col1 ***/
  float: left; 
  width: 30%;
  overflow: hidden;
  background-color: ;
  text-align: right;
/*  border-right: 1px solid #EEEEEE;*/
  margin-top: 10px;
}
#col3 { /*** This must be floated opposite to #float_wrap ***/
  float: right; 
  width: 20%;
  position: relative;
  overflow: visible;
  background-color: transparent;
}
/*#three-column .container {
  overflow: hidden; this was the magic fix for extending the lengtth of the box
}*/
#col2 h3 {
  color: #777777;
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 3px;
  padding-right: 3px;
}
#sidebar a, #col2 a {
  color: #6EBA01; /*light green*/
}
#sidebar a:hover, #col2 a:hover {
  color: #333333;
}
/*****************************************************************************************************/
/*STYLE THE SUB MENU*/
#col2 ul li a {
  text-decoration: none;
  padding-right: 3px;
}
.current { /*for sub menu "current" items e.g. <span class="current">*/
  border-right: 3px solid #006837; /* #006837; dark green*/
  right: -3px;
  position: relative;
  padding-right: 3px;
}
#col2 ul li a:hover {
  border-right: 3px solid #777777; /* #006837; dark green*/
  position: relative;
  right: -3px;
}
#col2 ul li ul li a {
  color: #777777;
}
#col2 ul li { /*first tier items*/
  font-weight: bold;
  font-size: 110%;
}
#col2 ul li ul li {
  border: none;
  background-color: white;
}
#col2 ul li ul { /*this is the second tier list*/
  margin: 0 0 0; /*negate the right global margin*/
  font-size: 75%;
}
#col2 ul li ul li { /*second tier items*/
  font-weight: normal;
}
img.headshot { /*profile shot*/
  float: right;
  margin: 0 0 10px 10px;
/*  padding: 2px;*/
  border: #DDDDDD solid 2px;
  vertical-align: middle;
  /*  height: 100%; killed it on 2011-11-07 due to safari huge head issue*/
  /*http://haslayout.net/css-tuts/CSS-Proportional-Image-Scale*/
}
#meet-the-team img.headshot {
  float: left;
  margin: 0 10px 0 10px;
  height: 100px;
}
#vision img.headshot {
  border: none;
}
.quick_bio {
  border-top: 1px dotted #BBBBBB; 
  overflow: hidden;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-top: 10px;
}
p.quick_bio {
  margin-bottom: 0px
}
h3.border { /*profile pages*/
  color: #777777;
  border-bottom: 1px dotted #BBBBBB; 
}
p.author { /*this is the author of the leadership section*/
  margin-top: -10px;
  font-style: italic;
}
/*****************************************************************************************************/
/*ALL THINGS SHADOW BOXES*/
.shadow {
  background: url("image/shadow-bg.gif") repeat-x left top; 
  padding: 5px 5px;
  margin: 10px 10px 30px;
}
.shadow h3, .shadow h4 {
  border-bottom: 1px dotted #777777; /*#6EBA01; light green*/
  margin-bottom: 3px;
}
.shadow h3 a {
  text-decoration: none;
}
.shadow .floater {
  float: right;
  text-align: center;
  margin-top: -20px;
  width: 180px;
}
.shadow .floater span {
  position: relative;
  display: block;
  font-size: 90%;
}
.shadow .floater span a {
  padding-left: 15px;
  background: url("image/case-study-button2.png") no-repeat 0 0;
}
.shadow p.tagline {
  margin-top: 0;
  margin-bottom: 0;
  color: #777777;
  font-size: 100%;
}
#ebooks .shadow p, #webinars .shadow p, #ebooks .shadow ul, #best-practices .shadow ul,  #best-practices .shadow p, #case-studies .shadow p, #buyers-guides .shadow p {
  font-size: 85%;
  width: 280px;
}
#buyers-guides .floater span, #case-studies .floater span {
  margin-top: -20px;
}
p.press_release {
  border-bottom: 1px dotted #777777;
  border-top: 1px dotted #777777;
  padding: 5px 0;
}
p.press_release span {
  color: #777777;
}
/*****************************************************************************************************/
/*PRICING/PLANS*/
#holder {
  height:360px;
  margin-left: 60px;
  margin-top: 30px;
  clear: both;
}
#holder .plan {
  background-color:#EFEFEF;
  border:1px solid #999999;
  float:left;
  /*font-family:helvetica,arial,sans-serif;*/
  height:270px;
  margin-top:22px;
  padding:10px 0;
  text-align:center;
  width:250px;
}
#holder .left {
  border-right: 0 none;
  background-image:url(image/shadow-right.png);
  background-position:right center;
  background-repeat:no-repeat;
}
#holder .right {
  border-left: 0 none;
  background-image:url(image/shadow-left.png);
  background-position:left center;
  background-repeat:no-repeat;
}
#holder p.synopsis {
  font-size: 120%;
  border-bottom:1px solid #999999;
  margin: 0;
  padding-bottom: 10px;
}
#holder p.synopsis em {
  color: #006837; /*dark green*/
  
}
.plan h1 {
  margin: 0;  
}
#holder .highlight h1 {
  font-size: 30px;
}
#holder .highlight p, .highlight p {
}
#holder ul {
  list-style-type: none;
  margin-left: 16px;
}
#holder .highlight {
  background-color:#FFFFFF;
  border:3px solid #3671A1;
  border:3px solid  #6EBA01; /*light green*/
  float:left;
  height:310px;
  padding:10px 0 10px 0;
  text-align:center;
  width:270px;
  position: relative;
  top: -20px;
  font-size: 115%;
}
/*****************************************************************************************************/
/*GET STARTED BUTTONS*/
/*a.get_started {
  text-align: center;
  padding: 13px 63px;
  padding-bottom: 14px;
  position: relative;
  top: 10px;
  background: transparent url(image/get-started3.png) no-repeat 0 0;
  text-decoration:none;
}
#holder .highlight a.get_started {
  top: 25px;
}
a:hover.get_started {
  background-position: 0 -45px;
}*/
a.get_started {
  text-align: center;
  padding: 23px 64px;
  font-size: 0px;
  line-height: 0px;
  position: relative;
  top: 10px;
  background: transparent url(image/get-started5.png) no-repeat 0 0; /*x y*/
  text-decoration:none;
}
#holder .highlight a.get_started {
  top: 25px;
}
a:hover.get_started {
  background-position: 0 -45px;
}
/*****************************************************************************************************/
/*TWO COLUMN LAYOUT, LEFT COLUMN see column three*/
#get-started #col1 {
  width: 75%;
}
#get-started #col2 {
  width: 218px;
}
/*****************************************************************************************************/
/*plans & pricing page*/
.plan_overview h2 {
  margin: 0px 0 0 10px;
}
.plan_overview p.tagline {
  margin: 0 0 0 10px;
  color: #777777;
  width: 100%;
}
.plan_overview p {
  width: 60%;
}
.plan_overview img {
  position: absolute;
  top: 0px;
  right: 20px;
}
.plan_overview {
  position: relative;
  margin: 20px 20px 20px 0;
  border-bottom: 1px dotted #999999;
  height: 260px;
}
/*****************************************************************************************************/
/*marketo specialty*/
div.buttonSubmit {   
  position:relative;   
  float:left; 
}
div.buttonSubmit input, div.buttonSubmit span {   
  background-image:url(http://my.leadmd.com/rs/leadmd/images/button-submit01.gif); /* change button and path to correct customer partition */   
  background-position:right 0px;   
  background-repeat:no-repeat;   
  border:0px none;   
  color:#FFFFFF;   
  cursor:pointer;   
  float:left;   
  font-weight:bold;   
  height:36px;   
  padding:0px 15px 2px;   
  position:relative;   
  z-index:5; 
  margin: 0px 0  20px -24px;
}
div.buttonSubmit span {   
  background-position:left -36px;   
  left:0px;   
  padding:0px;   
  position:absolute;   
  top:0px;   
  width:4px;   
  z-index:10; 
}
div.buttonSubmit input {   
  width:auto;   
  padding-left: 10px !important;   
  padding-right: 10px !important;  
}
#mktFrmSubmit{     
  color: #FFFFFF !important; 
}
div.buttonSubmit:hover input {  
  background-position: right -72px;
}
div.buttonSubmit:hover span {  
  background-position: left -108px;
}
#mktFrmReset {   
  display:none; 
}
/* end fancy button */
#contact-us #col2 p {
  font-size: 85%;
  color: #777777;
}
#contact-us #col1 ul {
  list-style-type: none;
}
img.apple {
  margin: 0px 0px 2px 3px;
}
li.apple { /*tiny cta link*/
  position: relative;
  top: 2px;
}
#articles #col1 h3 {
  padding-top: 16px;
  border-top: 1px dotted #777777; /*#6EBA01; light green*/
}
#contact-us #col1 h3 {
  border-bottom: 1px dotted #CCCCCC; /*#6EBA01; light green*/
  width: 85%;
  
}
table.contact {
  margin: 10px 0 20px 20px;
}
table.contact label {
  color: #777777;
}
table.contact td.field {
  padding: 2px;
}
table.contact input, table.contact select {
  color: #444444 ;
  font-size:16px;
  font-weight:bold;
  padding: 3px;
  
}
table.contact option {
  padding: 0 7px;
}
table.contact span span { /*these are the warnings*/
  color: red;
  margin-left: 5px;
}
/*****************************************************************************************************/
/*SPRITES*/
#col1 .blurb h3 a {
  /*background: transparent url(image/heading-icons.png) no-repeat top right;*/
  padding: 3px 45px 3px 0;
}
/*ROI CALC*/
#roi-calculator input, #roi-calculator textarea, #roi-calculator select {
  padding: 1px;
  font-size: 120%;
  margin-bottom: 10px;
}
#roi-calculator label {
  display: block;
}
#roi-calculator label.checkbox {
  display: inline;
}
#roi-calculator input.note, #roi-calculator textarea.note {
  margin: 0px 0 2px 0;
}
#roi-calculator fieldset {
  background: url("image/shadow-bg.gif") repeat-x left top; 
  padding: 5px 10px;
  margin: 0 10px;
  border: none;
  clear: both;
}
.small_text {
  font-size: 10px;
  line-height: 12px;
  color: #777777;
}
.error {
  color: #971414;
}
.stat {
  font-size: 10px;
}
.stat li {
  color: #777777;
}
.stat span {
  font-size: 18px;
}
.stat ul li {
  list-style-type: none;
  margin-left: -20px;
}
.stat ul {
}
.stat {
  float: left;
  width: 49%;
}
.stat2 span {
  color: #6EBA01;
  color: #333333;
}
#footer h4 {
  margin: 0;
}
#index h4 {
  margin: 0;
}

#sidebar-about { /*about us pages*/
 position: relative;
 border: 1px solid #EEEEEE;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 background-color: white;
 height: 100%;
}
#sidebar-about p {
  margin-bottom: 10px;
  list-style-type: none;
  background-image: none;
}
#sidebar-about span.title {
  font-size: 12px;
  color: #777777;
  font-size: 10px;
}
#sidebar-about .thumbnail {
  float: left;
  margin: 2px 5px 0 10px;
  border: 1px solid #AAAAAA;
}
#index #float_wrapper {
  border: none;
}
/*VIDEO PAGE *********************************************/
iframe.vimeo {
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}
.pane1 {
  margin-top: 40px;
}
.pane1 .candy_box {
  margin-top: -10px;
}
.pane1 h4 {
  margin-bottom: 0px;
}
#linkedin {
  position: absolute;
  right: 0;
  top: 7px;
}
/*Marketo on home page *********************************************/
#marketo {
  border: 1px solid #EEEEEE;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  overflow: hidden;
}
#marketo .inset {
  width: 27%;
  float: left;
}
#marketo img {
  margin-left: 10px;
  margin-top: 10px;
}
#marketo ul {
  width: 154px;
}
#marketo ul li {
  text-align: center;
  margin-bottom: 10px;
}
#marketo .text {
  width: 72%;
  float: right;
}
#marketo h4 {
  margin-top: 10px;
  margin-left: 10px;
}
#marketo a.button {
  background: transparent url(image/marketo-button.png) no-repeat scroll 0px 0px; /*x y*/
  color:#FFFFFF;
  display:block;
  font-size:11px;
  font-weight:normal;
  height:24px;
  line-height:1em;
  margin-bottom:0px;
  padding-top:12px;
  text-decoration:none;
  text-shadow:0 -1px 1px #608925;
  color: white;
}
#marketo a.button:hover {
  background-position: 0px -36px; /*x y*/
}
#marketo a.button:link, #marketo a.button:visited, #marketo a.button:hover {
  color: white;
}
/*CLINIC PAGES****************************************************************************************************/
#marketing-clinic .launch_pad, #sales-clinic .launch_pad {
  background: transparent url('image/pinpoint-bg.png');
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
}
#marketing-clinic p.intro, #sales-clinic p .intro {
  font-size: 130%;
  line-height: 130%;
  color: #777777;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 10px;
  margin-top: 0;
}
#marketing-clinic p, #sales-clinic p {
margin-top: 0;
}
/*below h1
.jumper { 
  display: block;
  margin: 0 0 10px 10px;
}*/
/*below intro*/
.jumper { 
  display: block;
  margin: 10px 0 0 0px;
}
.launch_pad .step {
  background-repeat: no-repeat;
  padding: 20px;
  padding-left: 30px;
}
.launch_pad .step1 {
  background-image: url(image/corners/1.png);
}
.launch_pad .step2 {
  background-image: url(image/corners/2.png);
}
.launch_pad .step3 {
  background-image: url(image/corners/3.png);
}