
body {
	background: #f6f7f8;
	color: #181818;
	font-size: 14px;
	margin: 0;
    -webkit-text-stroke: 1px transparent;
}

a {	color: #069; text-decoration: underline; }
a:hover { text-decoration: none; }

h2 {
	font-size: 58px;
	color: #999;
	letter-spacing: -0.06em;
	line-height: 1em;
	margin: 0;
}
	h2.waste { background: transparent url(../images/txt_are_meetings_wasting_your_time_2.png) no-repeat 0 0; height: 79px; text-indent: -999em; width: 515px; }

h3 {
	font-size: 24px;
	line-height: 1.2em;
}
	h3.reduce { background: transparent url(../images/big_checkmark.png) no-repeat top center; margin-top: 10px; padding-top: 100px; }
	h3.encourage { background: transparent url(../images/big_handshake.png) no-repeat top center; margin-top: 10px; padding-top: 100px; }
	h3.target { background: transparent url(../images/big_target.png) no-repeat top center; margin-top: 10px; padding-top: 100px; }
	h3.helps { background: transparent url(../images/txt_atm_helps_you.png) no-repeat 0 0; height: 89px; margin: 10px 0 0 0; text-indent: -999em; width: 237px; }

h4 {
	font-size: 14px;
	line-height: 1.3em;
	margin: 1.5em 0 0.5em 0;
}
	h4.easy {
		background: transparent url(../images/sketch_plus.png) no-repeat 0 0;
		line-height: 33px;
		padding-left: 45px;
	}
	h4.order {
		background: transparent url(../images/sketch_list.png) no-repeat 0 0;
		padding-left: 45px;
		padding-right: 50px;
	}
	h4.scattered {
		background: transparent url(../images/sketch_inet.png) no-repeat 0 0;
		height: 56px;
		padding-left: 60px;
	}
	h4.email {
		background: transparent url(../images/sketch_letter.png) no-repeat 0 0;
		line-height: 40px;
		padding-left: 45px;
	}

p {
	line-height: 1.3em;
	margin: 0.75em 0;
}

.ttfn {
	color: #181818;
}

.ttfn p {
	margin: 1.2em 0;
}

.ttfn div.box {
	padding: 2em 0;
}

.ttfn blockquote {
	border-left: solid 3px #dadada;
	background-color: #f4f4f4;
	padding: 0.75em 1em;
}

/* Define focus styles as needed */
:focus { outline: 0; }

img#da {
	margin-left: 75px;
	margin-top: 10px;
}


/* HEADER
-------------------------------------------- */

#header {
	background: #303e46;
	color: #ed3305;
	height: 58px;
	line-height: 58px;
}
#header h1 {
	display: inline;
	float: left;
}
#header h1 a {
	background: url(../images/logo.png) 0 0 repeat-x;
	display: block;
	height: 52px;
	overflow: hidden;
	text-indent: -999em;
	width: 181px;
}

/* HEADER NAV
-------------------------------------------- */

#header ul {
	float: right;
	text-align: right;
}
#header li {
	display: inline;
	list-style: none;
}
#header li a {
	border-bottom: solid 1px #a8a8a8;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
}
#header li a:hover {
	border-bottom: none;
	text-decoration: none;
}
#header li a:focus {
	outline: 1;
}
#header li.active a {
	border-bottom: none;
	color: #fcfb70;
	font-size: 18px;
	text-decoration: none;
}


/* BOX
-------------------------------------------- */

.box {
	background-color: #fff;
	border: solid 1px #d8d8d8;
	font-size: 16px;
	margin: 1em 0;
	padding: 0;

	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;

	-moz-box-shadow: 0 0 3px #d8d8d8;
	-webkit-box-shadow: 0 0 3px #d8d8d8;
	box-shadow: 0px 0px 3px #d8d8d8;
}
.box:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.box li {
	background: transparent url(../images/icon_checkmark.png) no-repeat 0 2px;
	list-style: none;
	line-height: 1.3em;
	margin-left: 0;
	padding-left: 20px;
}
.box .grid_4 {
	margin: 20px 0 0 30px;
	width:190px
}

.motivate {
	background: transparent url(../images/bg_brains.png) no-repeat 0 0;
	border-top: solid 1px #fff;
	color: #fff;
	height: 221px;
	margin: 0 0 0 10px;
	padding: 0 20px 0 100px;
	width: 321px;
	margin-top: -115px;
}
.motivate h4 { font-size: 16px; margin-top: 10px; }
.motivate p { line-height: 1.2em; }

.signup {
	background: #ecedf1;
	margin: 20px 10px;
	padding: 50px 0 105px 0;
	text-align: center;
	width: 656px;
}

/* UPSELL
-------------------------------------------- */

.upsell {
	margin-top: 30px;
	position: relative;
}
.upsell h3 {
	color: #888;
}
.upsell table {
	background: #fff;
	border: solid 1px #eaeaea;
	margin: 0;
	width: 100%;
}	
.upsell table td {
	padding: 15px 20px;
}
.upsell table td h3 { font-size: 24px; }
.upsell table td ul li {
	background: transparent url(../images/icon_checkmark.png) no-repeat 0 0;
	list-style: none;
	margin: 0 0 5px 0;
	padding-left: 22px;
}
.upsell table td.all {
	border-right: solid 1px #eaeaea;
	width: 35%;
}
.upsell table td.paid ul li { background-position: 0 4px; font-size: 16px; }
.upsell .signup {
	background: #fff;
	border-left: solid 1px #eaeaea;
	border-right: solid 1px #eaeaea;
	margin: 0;
	padding: 40px 0;
	width: auto;
}
	
.planFooter {
	background: #303e46;
	color: #fff;
	font-size: 14px;
	line-height: 68px;
	margin-bottom: 30px;
	padding-left: 100px;
	position: relative;
}
.planFooter strong { color: #fdfdba; }
.planFooter a { border-bottom: solid 1px #999; color: #fff; text-decoration: none; }
.planFooter a:hover { border-bottom: solid 1px #fff; }


#agency {
	background: transparent url(../images/agency.png) no-repeat 0 0;
	bottom: 8px;
	height: 78px;
	left: 10px;
	position: absolute;
	width: 78px;
}
#priceTag {
	background: transparent url(../images/price_tag.png) no-repeat top right;
	float: right;
	margin-right: -50px;
	min-height: 111px;
	padding: 40px 90px 0 0;
}
#priceTag .price {
	color: #98d661;
	display: block;
	font-size: 52px;
	font-weight: bold;
	padding: 0;
	line-height: 52px;
}
#priceTag span { font-size: 14px; }
#priceTag .hint {
	color: #444;
	display: block;
	font-style: italic;
	margin-top: -10px;
	padding-left: 5px;
}


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

body.home {
	background: #303e46;
	color: #fff;
}

body.home .main {
	background: transparent url(../images/bg_white_band.png) repeat-x top left;
	color: #303e46;
	font-size: 18px;
	height: 401px;
}
body.home .main h2 { margin-top: 20px; }
body.home .call { margin-top: 30px; }

.pitch { margin-top: -8px; position: relative; }
#hero {
	position: absolute;
	top: 100px;
	right: 40px;
}


/* SCREENSHOTS
-------------------------------------------- */

.features h4 {
	color: #ff0;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0;
	min-height: 45px;
}
.features p {
	font-size: 15px;
}
a.th {
	border: solid 1px #989da0;
	display: block;
	height: 150px;
	padding: 0;
	width: 218px;
	-moz-box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	box-shadow: 0px 0px 3px #000;
}
a.th img { margin: 0; }


/* QUOTES
-------------------------------------------- */

.container_16:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.quotes {
	background: transparent url(../images/bg_hline.png) repeat-x top left;
	clear: left;
	margin-top: 20px;
	padding-top: 20px;
}
.quotes p, .quotes cite {
	color: #cff;
	font-family: Baskerville, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	line-height: 24px;	
	text-shadow: 1px 1px 1px #000;
}
.quotes p { margin-bottom: 0.5em; }
.quotes cite { 
	display: block; 
	font-size: 14px;
	font-style: normal; 
	font-variant: small-caps;
	margin-bottom: 1.5em;
}


