/* @override 
	http://localhost/marketing/stylesheets/marketing.css
	http://marketing.dev:8888/stylesheets/marketing.css
*/

@import url("reset.css"); 


/* For poorly rendered light-on-dark text on OSX with default text rendering settings */
.textfix{
	-webkit-text-stroke:1px transparent; /*fixes it for safari*/
///	opacity: 0.9999; /*improves it a little bit for FF */
}
@media only screen and (max-device-width:480px) {.textfix{-webkit-text-stroke:0 black;}} 


*{
	
	outline:none;
	outline:0;
}

img
{
	border-style: none;
	border: 0;
	outline: none;
}

*:focus {
  outline-width: 0
}
body {
	background: #e7f1fd url(../images/background-public-body.png) repeat-x;
	font-size: 12px;
	font-family: "Helvetica", "Arial", sans-serif;
}

h2, h3, h4, h5 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.clear {
	clear: both;
}

a {
	color:#011934;
}

hr {
	margin: 10px 0 10px;
	height: 0;
	clear: both;
	border: solid #ddd;
	border-width: 1px 0 0;
}

hr {
	border-top: 1px solid #d4dde8; /* Dark */
	border-bottom: 1px solid #ffffff; /* Light */
}

#header {
	width: 990px;
	height: 60px;
	margin: 0 auto;
	position: relative;
	display: block;
}

#body-index #header h1 a {
	cursor: default;
}

#body-index #header h1 a:hover {
	width: 145px;
}

#header h1 a {
	width: 145px;
	height: 36px;
	background: url(../images/background-ballpark-logo.png) no-repeat left top;
	position: absolute;
	text-indent: -9999px;
	top: 16px;
	left: 5px;
}

#header h1 a:hover {
	width: 169px;
}

ul#navigation {
	position: absolute;
	top: 15px;
	right: 5px;	
}

ul#navigation li {
	float: left;
}

#body-plans ul#navigation li#tab-sign-up a,
#body-signup ul#navigation li#tab-sign-up a  {
	background: url(../images/button-nav-sign-up.png) no-repeat left top;
}

#body-tour ul#navigation li#tab-feature-tour a {
	background: url(../images/button-nav-feature-tour.png) no-repeat left top;
}

ul#navigation li#tab-feature-tour a {
	width: 88px;
	height: 33px;
	text-indent: -9999px;
	background: url(../images/button-nav-feature-tour.png) no-repeat left bottom;
	display: block;
	margin-right: 5px;
}

ul#navigation li#tab-feature-tour a:active {
	background: url(../images/button-nav-feature-tour.png) no-repeat left top;
}

ul#navigation li#tab-sign-up a {
	width: 65px;
	height: 33px;
	text-indent: -9999px;
	background: url(../images/button-nav-sign-up.png) no-repeat left bottom;
	display: block;
}

ul#navigation li#tab-sign-up a:active {
	background: url(../images/button-nav-sign-up.png) no-repeat left top;
}

ul#navigation li#tab-sign-up {
	margin-right: 5px;
}


ul#navigation li#tab-blog a {
	width: 65px;
	height: 33px;
	text-indent: -9999px;
	background: url(../images/button-nav-blog.png) no-repeat left bottom;
	display: block;
}

ul#navigation li#tab-blog a:active {
	background: url(../images/button-nav-blog.png) no-repeat left top;
}

ul#navigation li#tab-blog {
	margin-right: 5px;
}

ul#navigation li#tab-login a {
	width: 65px;
	height: 33px;
	text-indent: -9999px;
	background: url(../images/button-nav-login.png) no-repeat left bottom;
	display: block;
}

ul#navigation li#tab-login a:active {
	background: url(../images/button-nav-login.png) no-repeat left top;
}

#body-plans #splash {
	position: relative;
	background: url(../images/background-public-splash-plans.png) repeat-x left top;
}

#body-index #splash {
	position: relative;
	background: url(../images/background-public-splash-home.png) repeat-x left top;
	height: 348px;
	overflow:hidden;
}

#splash #screenshot {
	width: 833px;
	height: 348px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	right: -137px;
	background: url(../images/image-homepage-screenshot.png) no-repeat;
	/* z-index: 1; */
}

#splash #left {
	width: 389px;
	height: 166px;
	position: absolute;
	/* z-index: 100; */
	left: 6px;
	top: 50px;
}

#left h2.head
{
	width: 389px;
	height: 27px;
	text-indent: -9999px;
	background: url(../images/text-splash-left.png) no-repeat left top;
}

#left p.main
{
	width: 389px;
	color: #99d6fa;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-weight: light;
	line-height: 140%;
	text-shadow: 0 1px 1px #000;
	margin: 20px 0 15px 0;
	
}

#left p.sub
{
	width: 389px;
	color: #f2f2f2;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: light;
	line-height: 140%;
	text-shadow: 0 1px 1px #000;
}

#splash a#button-see-plans {
	width: 291px;
	height: 57px;
	text-indent: -9999px;
	display: block;
	background: url(../images/button-see-plans.png) no-repeat left top;
	position: absolute;
	/* z-index: 100; */
	left: 6px;
	top: 242px;
}

#splash a:active#button-see-plans {
	background: url(../images/button-see-plans.png) no-repeat left bottom;
}

#sign-up-bar {
	background: url(../images/public-background-sign-up-bar.png) repeat-x;
	border-bottom:  1px solid #7197c2;
}

#sign-up-bar .wrap {
	width: 785px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#sign-up-bar a.button-sign-up {
	width: 241px;
	height: 51px;
	display: block;
	text-indent: -9999px;
	background: url(../images/button-top-sign-up.png) no-repeat left bottom;
	float: left;
}

#sign-up-bar a:active.button-sign-up {
	width: 241px;
	height: 51px;
	display: block;
	text-indent: -9999px;
	background: url(../images/button-top-sign-up.png) no-repeat left top;
	float: left;
}

#sign-up-bar h3 {
	float: left;
	font-size: ;
	color: #003269;
	font-family: "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-shadow: #d7e8fe 0 1px 0;
	margin-top: 15px;
	margin-left: 10px;
}

#body-index #splash .wrap {
	width: 990px;
	margin: 0 auto;
	padding-top: 1px;
	padding-bottom: 0;
	position: relative;
	left: 3lpx;
}

#splash .wrap {
	width: 990px;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 25px;
}

#splash h2#text-the-better-way-to {
	width: 776px;
	height: 36px;
	text-indent: -9999px;
	display: block;
	background: url(../images/text-the-better-way.png) no-repeat;
	margin: 0 auto;
	display: none;
}

#splash h2#choose-a-plan {
	width: 621px;
	height: 34px;
	text-indent: -9999px;
	display: block;
	background: url(../images/text-start-your-30-day.png) no-repeat;
	margin: 0 auto;
}

#splash h3#thousands-of{
	
	width:917px;
	height:40px;
	text-indent: -9999px;
	display: block;
	background: url(../images/tour-thousands-of-small.png) no-repeat;
	margin: 0 auto;	
	margin-top:16px;
}



#sign-up-bar a:active.button-sign-up {
	width: 241px;
	height: 51px;
	display: block;
	text-indent: -9999px;
	background: url(../images/button-top-sign-up.png) no-repeat left top;
	float: left;
}

#sign-up-bar h3 {
	float: left;
	font-size: ;
	color: #003269;
	font-family: "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-shadow: #d7e8fe 0 1px 0;
	margin-top: 15px;
	margin-left: 10px;
}

/* ############# iPhone Dashboard & Notifier Download ############# */

#notifier
{
	display: block;
	background: #f4fde2 url(../images/macintosh-badge.png) center right no-repeat;
	width: 205px;
	margin-top: 15px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
	
}

#notifier h1
{
	font-size: 10pt;
	font-weight: 600;
	font: "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	text-shadow: 0 1px 1px #fff;
}

#notifier p
{
	text-align: left;
	font-size: 8pt;
	font-weight: 400;
	line-height: 140%;
	margin-top: 5px;
	width: 160px;
	font: "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

#download-it
{
	display: block;
	background: url(../images/download-it.png);
	background-position: 0 0;
	margin-top: 4px;
	height: 24px;
	width: 118px;
	text-indent: -9999px;
}

#download-it:active
{
	background-position: 0 -25px;
}

/* ############# iPhone Dashboard & Notifier Download ############# */

#video-bar {
	background: url(../images/public-background-video-bar.png) repeat-x left top;
	font-family:"Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

#video-bar .wrap {
	width: 960px;
	margin: 0 auto;
	padding-top: 20px;

	
}

#video-bar ul {
	width: 620px;
	float: left;

}

#video-bar li {
	width: 285px;
	height: 97px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	
}

#video-bar li .blurb {
	width: 220px;
	float: left;
	margin-left: 15px;
}

#video-bar li .blurb p {
	/*text-shadow: #e7f1fd 0 1px 0;*/
	font-size: 12px;
	line-height: 18px;
	color: #545454;
}

#video-bar li .blurb {
	width: 220px;
	float: left;
	margin-left: 10px;
}

#video-bar li img {
	float: left;
}

#video-bar li #icon-team{
	margin-left:-3px;
}

#video-bar li #icon-envelope{
	margin-left:-4px;
}


#video-bar h4 {
	color: #0350a6;
	/* text-shadow: #f2fefe 0 1px 0;
	*/
	font: bold 15px "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	margin-bottom: 4px;
}

#video-bar p {
	color: #151515;
	line-height: 18px;
	font-size: 12px;
}

#main-content {
	background: #e7f1fd url(../images/public-background-main-content.png) repeat-x left top;
}

#main-content .wrap {
	width: 960px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 5px;
}

#main-content #left-wrap {
	width: 545px;
	float: left;
}

#main-content #sidebar {
	float: right;
	width: 350px;
	position: relative;
	right: -6px;
}

#screenshots{
	background-color:#f0f6fe;
	padding:16px;
	padding-left:18px;
	padding-bottom:10px;
	width:962px;
	background: url(../images/background-marketing-screenshots-container.png) no-repeat left top;
	color: #0C5AB1;
	font-size:13px;
	font-weight:bold;
}

#screenshots-bottom{
	width:962px;
	height: 6px;
	background: url(../images/background-marketing-screenshots-container-bottom.png) no-repeat left top;
	position:relative;
	margin-bottom: 25px;
}

#screenshots h3{
	color: #003269;
	font-size:18px;
	font-weight:bold;
	margin-bottom:8px;
}

#screenshots a{
	text-decoration:none;
	color:#0C5AB1;
}

#screenshots li {
	float:left;
	text-align:center;	
	margin-right:12px;
}

#screenshots li.last {
	margin-right:0;
}

#screenshots li div{
	width:175px;
	padding-top:4px;
	background: url(../images/background-marketing-screenshots-small.png) no-repeat top left;
	position:relative;
}

#screenshots li div.bot{
	width:175px;
	background: url(../images/background-marketing-screenshots-small-bottom.png) no-repeat top left;
	position:relative;
	padding:0;
	height:7px;
}

#screenshots li div span{
	display:block;
	width:28px;
	height:28px;
	background: url(../images/icon-marketing-screenshots-magnify.png) no-repeat top left;
	position:absolute;
	bottom:7px;
	right:10px;
	display:none;
}

#screenshots li div b{
	display:block;
	width:165px;
	height:145px;
	background-color: #f8f8f8;
	position:absolute;
	top:5px;
	left:5px;
	display:none
	
}

#screenshots li a img{
	border: 1px solid #b5b5b5;
}

#screenshots li strong{
	font-weight:bold;
}

#ZoomCaption{
	-webkit-text-stroke:1px transparent;
}
@media only screen and (max-device-width:480px) {#ZoomCaption{-webkit-text-stroke:0 black;}}

#video-bar a#video-demo {
	width: 331px;
	height: 213px;
	display: block;
	float: right;
	text-indent: -9999px;
	background: url(../images/background-watch-a-demo.png) no-repeat left top;
}

#video-bar a:active#video-demo {
	background: url(../images/background-watch-a-demo.png) no-repeat left bottom;
}

#left-wrap h3,
#quotes h3 {
	font-size: 15px;
	color: #0350a6;
	text-shadow: #fff 0 1px 0;
	margin-bottom: 10px;
	font-family: "Helvetica Neue (TT)", "HelveticaNeue", Helvetica, Arial, sans-serif;
}

#left-wrap p {
	color: #3c3c3c;
	margin-bottom: 15px;
	text-shadow: #fff 0 1px 0;
	font: 14px/20px "Helvetica Neue (TT)", "HelveticaNeue", Helvetica, Arial, sans-serif;
}

#left-wrap #main-blurb p {
	font-size: 13px;
	margin-top: 0;
	margin-bottom: 0px;
	text-shadow: #fff 0 1px 0;
}

#left-wrap #left-column {
	width: 285px;
	float: left;
	padding-right: 5px;
}

#left-wrap #right-column {
	width: 285px;
	float: right;
	padding-right: 5px;
}

#sidebar #quote {
	width: 294px;
	background: url(../images/background-quote.png) no-repeat left top;
	padding-right: 20px;
	padding-left: 31px;
	padding-top: 12px;
}

#sidebar #quote p {
	font-size: 15px;
	color: #011933;
	line-height: 20px;
	text-shadow: #fff 0 1px 0;
	margin-bottom: 5px;
}

#sidebar #quote span {
	display: block;
	font-size: 15px;
	text-align: right;
	color: #032c5a;
	text-shadow: #fff 0 1px 0;
}

#sidebar #quote span strong {
	font-weight: bold;
}

#sidebar #quote span em {
	font-style: italic;
	color: #034186;
}

#sidebar #quote-bottom {
	width: 345px;
	height: 16px;
	background: url(../images/background-quote-bottom.png) no-repeat left bottom;
	position: relative;
	top: -1px;
}

#sidebar #features-list {
	width: 333px;
	background: url(../images/background-feature-list-header.png) no-repeat left top;
	padding-top: 29px;
	margin-left: 12px;
	margin-top: 10px;
}

#sidebar #features-list li {
	padding: 10px;
	border-bottom: 1px solid #b1b2b2;
	background: url(../images/background-feature-line.png) repeat-x top;
	border-left: 1px solid #929292;
	border-right: 1px solid #929292;
}

#sidebar #features-list li img {
	float: left;
}


#sidebar #features-list strong {
	color: #1f1e1e;
	font: bold 12px "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	text-shadow: #fff 0 1px 0;
}

#sidebar #features-list li .right {
	float: left;
	width: 260px;
	margin-left: 10px;
}

#sidebar #features-list li p {
	color: #313131;
	font: 10px "Lucida Grande";
	margin-top: 1px;
}

ul#features-list #sidebar-take-tour {
	text-indent: -9999px;
	display: block;
	background: transparent;
	background-image: none;
	padding: 0;
	border: none;
}

#sidebar a#take-tour{
	width: 333px;
	height: 39px;
	background: url(../images/background-feature-list-header-bottom.png) no-repeat left top;
	display: block;
	text-indent: -9999px;
	margin-left:12px;
}

#sidebar  a#take-tour:hover{
	background: url(../images/background-feature-list-header-bottom.png) no-repeat left bottom;
}



#bottom-sign-up {
	display: block;
	width: 586px;
	height: 81px;
	background: url(../images/background-sign-up-bar-bottom.png) no-repeat left top;
	margin: 0;
	position: relative;
	margin-top: 27px;
}

a#button-sign-up-bottom {
	width: 221px;
	height: 49px;
	display: block;
	text-indent: -9999px;
	background: url(../images/button-bottom-sign-up.png) no-repeat left bottom;
	position: absolute;
	top: 15px;
	left: 15px;
}

a:active#button-sign-up-bottom {
	background: url(../images/button-bottom-sign-up.png) no-repeat left top;
}

a#button-take-a-tour-bottom {
	position: absolute;
	left: 270px;
	top: 30px;
	height: 50px;
	background: url(../images/icon-tour-go-bottom.png) no-repeat right 4px;
	padding-right: 15px;
	text-decoration: none;
	font-size: 17px;
	color: #1e650a;
	font-weight: bold;
	text-shadow: #f0ffee 0 1px 0;
}

a:hover#button-take-a-tour-bottom {
	background: url(../images/icon-tour-go-bottom-hover.png) no-repeat right 4px;
}

a:hover#button-take-a-tour-bottom strong {
	text-decoration: none;
}

a#button-take-a-tour-bottom strong {
	color: #114700;
	font-weight: bold;
	text-decoration: underline;
}

/** PLANS PAGE **/

ul#plans {
	margin-top:20px;
}

ul#plans li{
	float:left;
	width:223px;
	margin-right:29px;
	display:block;
	height:340px;
	position:relative;
}

ul#plans li.last {
	margin-right:0;
}

ul#plans li#freelancer-plan{
	/*background: url("../images/image-marketing-plan-freelancer.png") bottom left no-repeat;*/
		background: url("../images/plan-freelancer.png") bottom left no-repeat;		
}

ul#plans li#studio-plan{
	/*background: url("../images/image-marketing-plan-studio.png") bottom left no-repeat;*/
		background: url("../images/plan-studio.png") bottom left no-repeat;				
}

ul#plans li#agency-plan{
	/*background: url("../images/image-marketing-plan-agency.png") bottom left no-repeat;*/
		background: url("../images/plan-agency.png") bottom left no-repeat;				
}

ul#plans li#corporate-plan{
	/*	background: url("../images/image-marketing-plan-corporate.png") bottom left no-repeat;*/
		background: url("../images/plan-corporate.png") bottom left no-repeat;				
}

ul#plans li a {
	background: url("../images/button-choose-a-plan.png") top left no-repeat;
	display:block;
	width:197px;
	height:38px;
	position:absolute;
	bottom:10px;
	left:15px;
	text-indent:-99999px;
}

ul#plans li a:active {
	background: url("../images/button-choose-a-plan.png") bottom left no-repeat;
}


#sign-up-bar.plans-page .wrap {
	width:990px;
	text-align:center;
	padding-top:22px;
	padding-bottom:17px !important;
}

#sign-up-bar.plans-page a{
	float:none;
	text-decoration:none;
	color:#003269;
	font-family:"Helvetica Neue (TT)","Helvetica Neue","Helvetica","Arial",sans-serif;
	font-size:18px;
	font-weight:bold;
	text-shadow:0 1px 0 #D7E8FE;
	padding:6px;
	padding-right:30px;
	background: url("../images/icon-marketing-free-plan-arrow.png") center right no-repeat;
}
#sign-up-bar.plans-page a strong{
	color:#055FC7;
	font-weight:bold;
}


#sign-up-bar.plans-page a:hover{
	background-color: #d4e8fe;
	border: 1px solid #7ca5d4;
}	
	

ul#plan-questions li{
	width:460px;
	float:left;
	margin-bottom:25px;
	margin-right:30px;
}

ul#plan-questions li.right{
	margin-right:0px;
}

ul#plan-questions h3{
	color:#0350A6;
	font-family:"Helvetica Neue (TT)","Helvetica Neue","Helvetica","Arial",sans-serif;
	font-size:18px;
	font-weight:bold;
	margin-bottom:4px;
	text-shadow:0 1px 0 #F2FEFE;
}

ul#plan-questions li p{
	font-size:13px;
	line-height:1.4;
	color: #011934;
	text-shadow:0 1px 0 #E7F1FD;
}	

#quote {
	border-top: 1px solid #c4d3e6;
	border-bottom: 1px solid #c4d3e6;
	margin-top: 10px;
	padding-bottom: 15px;
}

#quote p {
	color: #1f3248;
	font-size: 17px;
	font-family: Georgia, Times, serif;
	font-style: italic;
	line-height: 24px;
	margin-right: 10px;
	margin-left: 10px;
}

#quote span {
	display: block;
	margin-top: 10px;
	color: #024186;
	font-family: "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	margin-right: 10px;
	text-align: right;
}

#quote span strong {
	color: #032c5a;
	font-weight: bold;
}


/* ############################ SIGN UP PAGE ############################ */

#signup-form{
	text-shadow: #fff 0 1px 1px;
	}

#top-error-message{
	font-family:"Helvetica Neue",helvetica,Arial,sans-serif;
	font-size:16px;
	margin-bottom:20px;
	background-color: #FFFABF;
	float:left;
	padding: 5px 10px;
	border:1px solid #888	;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#signup-form label{
	font-size:13px;
	font-weight:bold;
	color:#29384c;
	width:165px;
	text-align:right;
	display:block;
	float:left;
	line-height:32px;	
	margin-right:10px;
}

#signup-form input[type=text],#signup-form input[type=password]{
	width:420px;
	height:20px;
	border: 1px solid #8d9095;
	border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;	
	background: #fff url(../images/background-signup-inputs.png) repeat-x top left;
	font-size:13px;
	color:#29384c;
	padding:5px;
	padding-top:7px
}

#signup-form select{
	font-size:13px;
	color:#29384c;
	margin-bottom:5px;
	margin-top:5px;	
}

#signup-form input#company_url{
	width:290px;
}

#signup-form ul.section{
	width:626px;
	border: 1px solid #c1cad5;
	border-top:1px solid #8f9aa7;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-color:#f1f7fe;
	margin-bottom:20px;
	float:left;
	

}

#signup-form h3{
	font-family: "Helvetica Neue", helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#0350a6;
	margin-left:82px;
	margin-top:6px;
}

#signup-form h4{
	font-family: "Helvetica Neue", helvetica, Arial, sans-serif;
	font-size:11px;
	color:#011934;
	margin-left:82px;
}	
#signup-form ul.section li{
	background-color:#e3e9f2;
	border-top:1px solid #f3f6f9;
	border-bottom:1px solid #c1cad5;
	padding:8px;
	position:relative;
	zoom:1;
}

#signup-form ul.section li.incomplete{
	background-color:#fcffc9;	
	fcffc9
}

#signup-form ul.section li.header{
	border:0;
	border-bottom: 1px solid #c1cad5;
	height:52px;
	background-color:transparent;
	position:relative;
	padding:0;
	
}

#signup-form ul.section li.header span{
	position:absolute;
	display:block;
	width:59px;
	height:62px;
	top:-15px;
	left:15px;
}

#signup-form ul#company-info.section li.header span{
	background: url(../images/signup-icon-company.png) no-repeat top left;
}

#signup-form ul#user-info.section li.header span{
	background: url(../images/signup-icon-user.png) no-repeat top left;
}

#signup-form ul#payment-info.section li.header span{
	background: url(../images/signup-icon-payment.png) no-repeat top left;
}

#signup-form ul#confirm-details.section li.header span{
	background: url(../images/signup-icon-confirm.png) no-repeat top left;
}

#signup-form ul#payment-info.section li.header {
	padding-bottom:10px;
}


span.wrap{
	border:1px solid #f00;
	display:block;
}
#signup-form ul.section li.bottom{
	border:0;
	height:5px;
	background-color:transparent;	
}

#signup-form ul.section li.url b{
	font-size:15px;
	font-weight:bold;
	color:#29384c;
	margin-top:10px;
	margin-left:5px;
	line-height:30px;
}

#signup-form #CC_note{
	float:left;
	width:260px;
	margin-left:15px;
	margin-top:60px;
	font-size:12px;
	color:#011934;
	font-family: "Helvetica Neue", helvetica, Arial, sans-serif;	
}

#signup-form #CC_note h3{
	font-size:14px;
	margin:0;
	padding:0;

}

#signup-form #CC_note img{
	margin-top:10px;
	margin-bottom:10px;
}
 
#signup-form span#company_url_result{
	width:27px;
	height:27px;
	display:block;
	position:absolute;
	right:4px;
	top:50%;
	margin-top:-13px;
 }
 
 #signup-form span#company_url_result span{
 	width:27px;
	height:27px;
	display:block;
 }

 #signup-form span#company_url_result span.available{
	background: url(../images/signup-form-url-availability.png) no-repeat top left;
}

#signup-form span#company_url_result span.unavailable{
	background: url(../images/signup-form-url-availability.png) no-repeat bottom left;
}
 
 #url-wrap {
	position:relative;
	float:left;
 }
 

 #signup-form  .form-error{
	width:566px;
	border-radius:5px;
	-moz-border-radius:5px;	
	-webkit-border-radius: 5px;
	background:#AF2B2B url(../images/icon-error.png) no-repeat scroll 10px 6px;	
	border:1px solid #DA3536;
	color:#FFDAD3;
	display:block;
	font-size:18px;
	margin-bottom:25px;
	margin-top:10px;
	padding:10px 10px 10px 50px;
	text-shadow:0 1px 0 #000000;
 }
 
#signup-form  .form-error h2{
	font-size:18px;
  }
 
 #signup-form .form-error ul{
	margin-left:1em;
	list-style-type:disc;
 }
 
#signup-form #discount-code-heading{
	background-color:transparent;
	padding-top:10px;
	color:#0350a6;
	padding-left:81px;
	font-size:13px;
 
}

 #signup-form ul#confirm-details li{

 }
 
 #signup-form .confirm-result{
	font-size:18px;
	font-weight:bold;
	color:#29384c;
	line-height:30px;
 }
 
 #signup-form ul#confirm-details .bottom{
	height:auto;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:20px;
 }

 #signup-form ul#confirm-details .bottom .signup-button-wrap{
	display:block;
	float:left;
	position:relative;
}
 
 #signup-form ul#confirm-details .bottom .signup-button-wrap .spinner{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background: #f4f9fe url("../images/ajax-loader-32.gif") no-repeat center center;
	opacity:.5;
}
 #signup-form ul#confirm-details .bottom #button-sign-up-now{
	width:158px;
	height:41px;
	display:block;
	border:0px;
	background:  url(../images/button-sign-up-now.png) no-repeat top left;
	text-indent:-99999px;
	cursor:pointer;
	outline:0;
	line-height:90px
 }

 #signup-form ul#confirm-details .bottom #button-sign-up-now.disabled{
		opacity:0.75;
	}
 
#signup-form ul#confirm-details .bottom #button-sign-up-now:active{
	background: url(../images/button-sign-up-now.png) no-repeat bottom left;
}

#signup-form ul#confirm-details .bottom #button-sign-up-now.disabled:active{
	background: url(../images/button-sign-up-now.png) no-repeat top left;
	
}
 
 #signup-form .formError{
	float:right;
	position:absolute;
	background-color: #ffdfdf;
	background-color: #FFFABF;
	top:12px;
	width:110px;
	right:-150px;
	padding:5px 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5	px;
	opacity:.75;
	border:1px solid #888888;
}

#signup-form #li_openID a , #signup-form #li_login a{
	font-size:11px;
	cursor:pointer;
	color:#0350a6;
}
 
 /* ################################# */

#left-wrap .float-left {
	float: left;
}

#left-wrap .float-right {
	float: right;
}

#left-wrap p.float-left,
#left-wrap p.float-right {
	width: 425px;
	margin-top: 0;
}

#feature-matrix
{
	background: url(../images/background-feature-matrix.png);
	display: block;
	float: left;
	width: 581px;
	height: 308px;
}

#featured
{
	float: right;
	width: 360px;
	position: relative;
}

#featured h4 {
	color: #0350a6;
	font: bold 14px "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	margin-bottom: 4px;
}

#featured p {
	font-size: 12px;
	line-height: 16px;
	color: #545454;
}

#featured img
{
	margin-top: 5px;
	vertical-align: middle;
}

#featured img.press
{
	margin-top: 5px;
	vertical-align: middle;
	text-align: center;
	margin-left: 50px;
}

#featured .press
{
	color: #545454;
	font-size: 15px;
	font-family: Georgia, serif;
	font-weight: 500;
	text-align: center;
	margin-bottom: 5px;	
}

#featured span.author
{
	color: #686868;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	padding: 0 0 0 5px;
	text-align: center;
}

#featured span.publication
{
	color: #686868;
	font-size: 12px;
	font-style: italic;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: light;
	text-align: center;
}

#quotes {
	float: right;
	width: 337px;
	background: url(../images/background-quotes-container.png) no-repeat left top;
	padding: 10px;
	padding-left: 25px;
	position: relative;
	margin-bottom: 15px;
}

#quotes h3 {
	margin-bottom: 5px;
}

#quotes li {
	background: url(../images/background-quote-line.png) repeat-x top;
	padding-top: 15px;
	padding-bottom: 12px;
	clear: both;
	zoom:1;
}


#quotes li.last {
	padding-bottom:0px;
}

#quotes li#bottom {
	padding-bottom: 0px;
}

#quotes li img {
	float: left;
}

#quotes li div {
	float: left;
	width: 270px;
	margin-left: 10px;
}

#quotes li p {
	color: #323f50;
	font-size: 14px;
	text-shadow: #e8f2fe 0 1px 0;
	line-height: 18px;
}

#quotes li span {
	display: block;
	margin-top: 8px;
	text-align: right;
	color: #032c64;
	text-shadow: #e8f2fe 0 1px 0;
}

#quotes li span a {
	font-weight: bold;
	color: #034b9d;
	text-decoration: none;
}

#quotes li span a:hover {
	color: #0b3063;
	text-decoration: underline;
}

#quotes #quotes-bottom {
	width: 373px;
	height: 15px;
	background: url(../images/background-quotes-container-bottom.png) no-repeat left bottom;
	position: absolute;
	bottom:-15px;
	left: 0px;
}

#testimonials
{
	float: left;
	background-color:#fafafa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	padding:10px;
	width: 940px;
	color: #0C5AB1;
	font-size:13px;
	margin-top: 8px;
}

#buzz-ul
{
	float: left;
}

#buzz-ul li
{
	float: left;
	padding-right: 40px;
}

#buzz-ul li img
{
	float: left;
}

#buzz-ul li div
{
	float: left;
	width: 211px;
	margin-left: 10px;
}

#buzz-ul li p
{
	color: #626262;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 12px;
	font-weight: light;
	text-shadow: #fff 0 1px 0;
	line-height: 16px;
	margin-bottom: 5px;
}

#buzz-ul li span
{
	text-align: left;
	color: #5e5e5e;
	font-size: 12px;
	font-weight: 600;
	text-shadow: #fff 0 1px 0;
}

#buzz-ul li span a
{
	color: #626262;
	font-size: 11px;
	font-weight: 500;
	text-shadow: #fff 0 1px 0;
}

#bottom-bar {
	width: 960px;
	margin:0 auto;
	height: 80px;
	background: url(../images/background-footer-trial.png) no-repeat left top;
	position: relative;
	margin-top:23px;
}

#bottom-bar a
{
	position: absolute;
	top: 15px;
	right: 15px;
	display: block;
	width: 331px;
	height: 51px;
	text-indent: -9999px;
	background: url(../images/button-trial.png) no-repeat left top;
}

#bottom-bar h3
{
	position: absolute;
	top: 17px;
	left: 15px;
	display: block;
	width: 468px;
	height: 48px;
	text-indent: -9999px;
	background: url(../images/try-ballpark-text.png) no-repeat left top;
}

#body-tour .bottom-bar-tour-link{
	display:none;
}

.return-home-link{
	display:none;
}

.return-home-link a{
	color:#003269
}	

#body-tour .return-home-link{
	display:block;
}

#body-tour .return-home-link a{
	color:#05a0db;
}
	
#bottom-bar a.button-sign-up {
	width: 235px;
	height: 51px;
	background: url(../images/button-top-sign-up.png) no-repeat left bottom;
	display: block;
	text-indent: -9999px;
	float: left;
}

#bottom-bar a:active.button-sign-up {
	background: url(../images/button-top-sign-up.png) no-repeat left top;
}

#bottom-bar p {
	float: left;
	margin-left: 7px;
	font-size: 15px;
	color: #003269;
	font-weight: bold;
	margin-top: 15px;
	position: relative;
}

#bottom-bar a#button-take-a-tour {
	width: 125px;
	height: 35px;
	background: url(../images/button-take-a-tour.png) no-repeat left bottom;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 22px;
	top: 50%;
	margin-top:-15px
}

#bottom-bar a:active#button-take-a-tour {
	background: url(../images/button-take-a-tour.png) no-repeat left top;
}

#bottom-bar #newsletter-signup {
	width: 300px;
	position: absolute;
	right: 17px;
	top: 27px;
}

#bottom-bar input#text-field {
	width: 200px;
	padding: 5px;
	height: 19px;
	border: 1px solid #8f8f8f;
	background: #fcfcfc url(../images/background-newsletter-input.png) repeat-x left top;
	font-size: 13px;
	color: #303030;
	position: relative;
	margin-right: 5px;
	float:left;
}


/* ############################ TOUR PAGE ############################ */

#body-tour .bar {
	background: url(../images/public-background-sign-up-bar.png) repeat-x;
	border-bottom:  1px solid #87a1c1;
}

#body-tour .bar h2{
	width:618px;
	height:26px;
	background: url(../images/text-tour-learn.png) no-repeat top left;	
	text-indent:-99999px;
	margin-left:5px;
}

#body-tour .bar .wrap {
	width: 990px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

#body-tour #main-content{
	background-image:none;
}

#body-tour  #main-content .wrap{
	width:908px;
}

#body-tour .leaf {
	width:908px;
	background-color:#fff;
	border:1px solid #c9d2dc;
	border-bottom:0;
	padding-bottom:10px;
	padding-top:13px;
}

#body-tour .leaf-bottom{
	width:910px;
	height:17px;
	background: url(../images/background-tour-leaf-bottom.png) no-repeat top left;
	margin-bottom:30px;
}

#body-tour .leaf  .inner{
	background: url(../images/background-marketing-tour-leaf-inner.png) no-repeat top left;
	width:886px;
	border:1px solid #b3b6ba;
	margin:0 auto;
	padding-top:20px;
}



#body-tour .leaf .screenshot {
	float:right;
	border:5px solid #d9d9d9;
	margin-right:22px;
}

#body-tour .leaf h3{
	background: url(../images/tour-h3-background-ribbon-right.png) no-repeat top right;
	color:#b7d8fc;
	font-size: 25px;
	line-height: 49px;
	font-weight: bold;
	text-shadow: #000 0 1px 0;
	padding-left:10px;
	padding-bottom:7px;
	padding-right:20px;
	float:left;
	margin-right:15px;
	margin-bottom:7px;
	position:relative;
	letter-spacing: 1px;
}

#body-tour .leaf h3 span{
	position:absolute;
	height:56px;
	width:9px;
	background: url(../images/tour-h3-background-ribbon-left.png) no-repeat top left;
	top:0;
	left:-9px;
}

#body-tour .leaf h4{
	color:#032f60;
	font-size:20px;
	padding-top:15px;
}

#body-tour .leaf h5{
	color:#0252aa;
	font-size:17px;
	font-weight:bold;
	margin-bottom:3px;
}

#body-tour .leaf .caption{
	width:220px;
	color:#011934;
	font-size:12px;
	margin-left:27px;
	float:left;
}

#body-tour .leaf .caption p{
	line-height:18px;
	margin-right: 10px;
}

#body-tour .leaf li{
	clear:both;
	padding-bottom:30px;
	display:inline-block;
	position:relative;
}

#body-tour .leaf li .number-badge{
	width:56px;
	height:56px;
	display:block;
	position:absolute;
	left:-35px;
	top:0px;
	z-index:100;
}

#body-tour .leaf li.num1 .number-badge{ background: url(../images/tour-badge-number-1.png) no-repeat top left; }
#body-tour .leaf li.num2 .number-badge{ background: url(../images/tour-badge-number-2.png) no-repeat top left; }
#body-tour .leaf li.num3 .number-badge{ background: url(../images/tour-badge-number-3.png) no-repeat top left; }
#body-tour .leaf li.num4 .number-badge{ background: url(../images/tour-badge-number-4.png) no-repeat top left; }

#tour-signup-bottom{
	background-color:#f1f7fe;
	width:852px;
	margin:0 auto;
	border:1px solid #c1cad5;
	border-top:1px solid #8f9aa7;
	padding:17px 0;
	overflow:hidden;
	-moz-border-radius:.4em;
	-webkit-border-radius:.4em;
	border-radius:.4em;
}

#tour-signup-bottom h3{
	color:#003269;
	font-size:18px;
	font-weight:bold;
	margin-right:23px;
	float:right;
	line-height:51px;
}

#tour-signup-bottom h3 a{
	text-decoration:none;
	color:#003269;	
}

#tour-signup-bottom h3 a:hover{
	text-decoration:underline;
}

#tour-signup-bottom a.button-sign-up {
	width: 241px;
	height: 51px;
	display: block;
	text-indent: -9999px;
	background: url(../images/button-top-sign-up.png) no-repeat left bottom;
	float: left;
	margin-left:23px;
}

#tour-signup-bottom  a:active.button-sign-up {
	width: 241px;
	height: 51px;
	display: block;
	text-indent: -9999px;
	background: url(../images/button-top-sign-up.png) no-repeat left top;
	float: left;
}

.marketing-footer{
	width: 955px;
	margin: 0 auto;
	padding-bottom:20px;
	margin-top: 5px;
	color:#2677CF;
	font-size: 11px;
	font-family: "HelveticaNeau", Helvetica, Arial, sans-serif;
	position: relative;
	text-align: center;
}

.marketing-footer div {
	color: #154477;
	display: inline;
	font-weight: bold;
}

.marketing-footer div a {
	color: #154477;
	font-weight: bold;
}

.marketing-footer div span {
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-weight: normal;
}

.marketing-footer a, .marketing-footer a:visited{
	color:#2677CF;
	text-decoration:none;
}

.marketing-footer a:hover{
	text-decoration:underline;
}

.legal{
	font-size:14px;
	line-height:22px;
	color:#011934;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.legal h1{
	font-size:20px;
	font-weight:bold;
}

.legal h2{
	font-size:18px;
	font-weight:bold;
}

.legal h3{
	font-size:16px;
	font-weight:bold;
}
.legal p{
	margin-bottom:0.5em;
}
.legal ul li {
	margin:0.5em;
	margin-left:2em;
	list-style-type:disc;
	}
	
.legal ol li {
	margin:0.5em;
	margin-left:2em;
	list-style-type:decimal;
	}	
	
a#twitter-link {
	position: absolute;
	display: block;
	width: 174px;
	height: 53px;
	text-indent: -9999px;
	right: 340px;
	background: url(../images/image-follow-us-twitter.png);
	opacity:0.8;
	top:50%;
	margin-top:-26px;
}

a#twitter-link:hover{
	opacity:1;	
}

#dashboard
{
	float: left;
	margin-left: -20px;
}

#copy
{
	float: left;
	display: block;
	margin-left: 15px;
	width: 225px;
}

#copy p
{
	font-size: 12px;
	line-height: 18px;
	color: #545454;
	font: "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}


/*
.fade
{
	background-image: url(../images/ballpark-notifier-marketing-hover.png);
}

a.notifier
{
	border-style: none;
	border-bottom: 0;
	text-decoration: none;
	outline: none;
}
*/