/* Reset
------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,img { 
	border: 0;
	}
address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
	}
strong {
	font-style: normal;
	font-weight: bold;
	}
ul, ol {
	list-style-type: disc;
	margin: 0 0 10px 40px;
	}
caption,th {
	text-align: left;
	}
h1,h3,h4,h5,h6 {
	margin: 10px 0;
	line-height: 1em;
	}
q:before,q:after {
	content: '';
	}
abbr,acronym { 
	border: 0;
	}
.c {
	clear: both;
	}

/* Global
------------------------------ */
body {
	background: #fff;
	}
#page {
	padding: 0;
	margin: 0 auto;
	width: 960px;
	}
#nav {
	height: 81px; 
	overflow: hidden;
	}
	#nav ul {
		list-style: none;
		margin: 0;
		}
	#nav ul li {
		float: left;
		list-style: none;
		margin: 0;
		}
		#nav ul li a {
			position: relative; 
			overflow: hidden;
			display: block;
			text-indent: -9999px;
			background: url(../img/nav-bg.png) no-repeat;
			top: 25px;
			height: 33px;
			margin-right: 15px;
			text-decoration: none;
			}
		#nav ul li#logo a {
			top: 20px;
			width: 227px;
			height: 43px;
			background: url(../img/logo.png) no-repeat top center;
			margin-right: 30px;
			}
		#nav ul li#nav-features a {
			background-position: 0 0;
			width: 67px;
			}
			#nav ul li#nav-features a:hover,
			#nav ul li#nav-features a.current {
				background-position: 0 -33px;
				}
		#nav ul li#nav-pricing a {
			background-position: -85px 0;
			width: 58px;
			}
			#nav ul li#nav-pricing a:hover,
			#nav ul li#nav-pricing a.current {
				background-position: -85px -33px;
				}
		#nav ul li#nav-support a {
			background-position: -161px 0;
			width: 63px;
			}
			#nav ul li#nav-support a:hover,
			#nav ul li#nav-support a.current {
				background-position: -161px -33px;
				}
		#nav ul li#nav-our-story a {
			background-position: -242px 0;
			width: 70px;
			}
			#nav ul li#nav-our-story a:hover,
			#nav ul li#nav-our-story a.current {
				background-position: -242px -33px;
				}
		#nav ul li#nav-blog a {
			background-position: -329px 0;
			width: 41px;
			}
			#nav ul li#nav-blog a:hover,
			#nav ul li#nav-blog a.current {
				background-position: -329px -33px;
				}
		#nav ul li#nav-contact a {
			background-position: -388px 0;
			width: 64px;
			margin-right: 45px;
			}
			#nav ul li#nav-contact a:hover,
			#nav ul li#nav-contact a.current {
				background-position: -388px -33px;
				}
		#nav ul li#sign-up a {
			background-position: -512px 0;
			width: 108px;
			margin-right: 10px;
			}
		#nav ul li#log-in a {
			background-position: -635px 0;
			width: 64px;
			margin-right: 0;
			}
			
/* Forms
------------------------------ */
textarea,
input,
select {
	color: #000;	
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	}
	textarea {
		overflow: hidden;
		}
	textarea,
	textarea.formelement,
	input.formelement,
	select.formelement {
		border: 1px solid #b2b2b2;
		width: 250px;
		margin: 1px;
		padding: 6px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
	}
#content input:focus,
#content textarea:focus {
	background: #fff;
	border: 1px solid #686868;
	}

input[type $= 'submit'],
input[type $= 'button'] {
	font-size: 1em;
	font-weight: bold;
	border: 1px solid #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 8px 6px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	-webkit-border-radius: 11px;
	}
	
form.contact label, 
form.contact input, 
form.contact textarea, 
form.contact select { 
	float: left; 
	font-family: Arial, sans-serif; 
	font-size: 1em; 
	}
form.contact input,
form.contact textarea, 
form.contact select, 
.formelement { 
	margin: 0 6px 15px 0; 
	}
form.contact label { 
	margin: 0 10px 6px 0; 
	padding: 4px 0 0; 
	font-weight: bold; 
	}
	form.contact input.small { 
		width: 80px !important; 
		}
form.contact select.formelement { 
	width: 266px; 
	padding: 3px !important; 
	}
form.contact textarea.formelement { 
	width: 500px; 
	height: 200px; 
	}
form.contact textarea.small { 
	width: 440px !important; 
	height: 80px; 
	}

/* Layout
------------------------------ */
#home {
	background: url(../img/home-bg.jpg) repeat-x top center;
	}
#home #wrapper {
	background: url(../img/home-header.jpg) no-repeat top center;
	}
#home #header {
	position: relative;	
	height: 640px;
	background: url(../img/content-sep.jpg) no-repeat bottom center;
	}
#home #benefits {
	position: absolute;
	display: block;
	background: url(../img/home-benefits.jpg) no-repeat top right;
	width: 558px;
	height: 265px;
	top: 144px;
	left: 8px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	}
#home #monitor {
	position: absolute;
	width: 402px;
	height: 467px;
	left: 573px;
	}
#home #iphone {
	width: 140px;
	height: 313px;
	background: url(../img/iphone_screen.png) no-repeat;
	position: absolute;
	right: 20px;
	bottom: 0;
	}
#home #buttons {
	list-style: none;
	margin: 0;
	position: absolute;
	top: 500px;
	}
	#home #buttons li {
		float: left;
		list-style: none;
		margin: 0 10px 0 0;
		}
	#home #buttons li a {
		display: block;
		width: 208px;
		height: 60px;
		text-indent: -9999px;
		}
	#home #buttons li#button-try a {
		background: url(../img/home-button-try.jpg) top left no-repeat;
		}
	#home #buttons li#button-features a {
		background: url(../img/home-button-features.jpg) top left no-repeat;
		}
	#home #buttons li#button-testimonials a {
		background: url(../img/home-button-testimonials.jpg) top left no-repeat;
		}
#home-left {
	float: left;
	width: 685px;
	}
#home-right {
	float: left;
	width: 260px;
	}

#sub {
	background: url(../img/sub-bg.jpg) repeat-x top center;
	}
#sub #wrapper {
	background: url(../img/sub-header.jpg) no-repeat top center;
	}
#sub #header {
	width: 960px;
	margin: 0 auto;
	position: relative;	
	height: 320px;
	}
#sub #header-try {
	display: block;
	position: absolute;
	top: 150px;
	right: 50px;
	text-indent: -9999px;
	background: url(../img/header-try.png) top left no-repeat;
	width: 193px;
	height: 43px;
	}
#sub #header-testimonials {
	display: block;
	position: absolute;
	top: 150px;
	right: 250px;
	text-indent: -9999px;
	background: url(../img/header-testimonials.png) top left no-repeat;
	width: 193px;
	height: 43px;
	}
#sub #content {
	position: relative;
	width: 100%;
	min-height: 200px;
	}

#content-sidebar {
	float: left;
	width: 285px;
	}
#content-text {
	float: left;
	width: 675px;
	}

.box-heading {
	font-size: 18px;
	text-align: center;
	}
.box {
	width: 257px;
	background: url(../img/box-bg.jpg) top left repeat-y;
	margin-bottom: 20px;
	}
	.box-header {
		background: url(../img/box-t.jpg) top left no-repeat;
		}
	.box-footer {
		background: url(../img/box-b.jpg) bottom left no-repeat;
		padding: 30px 15px;
		}
	.box-line {
		background: url(../img/box-line.jpg) top center no-repeat;
		height: 1px;
		margin: 10px 0;
		}
	.box-footer p {
		padding: 5px 10px 16px;
		font-size: 12px;
		}
		
p.bread {
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding: 0 0 25px 0;
	}
	span.breadArrow {
		background: url(../img/breadArrow.gif) no-repeat left top;
		margin:0 6px;
		}
		
div.msgbox {
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0px 0px 4px #ccc; 
	-moz-box-shadow: 0px 0px 4px #ccc; 
	box-shadow: 0px 0px 4px #ccc;
	border: 1px solid #EEEEEE;
	margin: 0 0 20px;
	padding: 20px;
	}
div.msgbox.highlighted {
	border-color: #c4d3ea;
	background: #eef3f8;
	}
	div.msgbox.highlighted h2 {
		color: #336699;
		}	
	div.msgbox p.testimonial {
		color: #7E8388;
		font-size: 12px;
		padding: 5px 0 16px;
		}
		div.msgbox p.testimonial-name {
			color:#4F5256;
			font-weight: bold;
			font-size: 12px;
			padding: 0 0 16px;
			text-align: right;
			}
			
div.bubble {
	background: url(../img/bubble-bg.jpg) top left repeat-y;
	margin-bottom: 20px;
	}
	div.bubble-header {
		background: url(../img/bubble-header.jpg) top left no-repeat;
		}
	div.bubble-footer {
		background: url(../img/bubble-footer.jpg) bottom left no-repeat;
		padding: 30px 30px 70px 30px;
		color: #6c6c6c;
		min-height: 145px;
		}
	div.bubble-footer p {
		margin: 0;
		padding: 0;
		}
	div.bubble-footer p.bubble-name {
		color:#4F5256;
		font-weight: bold;
		padding: 20px 0 16px;
		text-align: right;
		}

.icons {
	padding: 40px 0 20px;
	background: url(../img/content-sep.jpg) no-repeat top center;
	}
.icon-left {
	float: left;
	width: 100px;
	text-align: center;
	}
.icon-right {
	float: left;
	width: 220px;
	margin-bottom: 35px;
	font-size: 12px;
	}
	.icon-right strong {
		font-size: 14px;
		}
.icon-heading {
	display: block;
	font-size: 16px;
	margin-bottom: 5px;
	}
	
.line {
	margin: 10px 0;
	border-top: 1px solid #ddd;
	}
	
#columns {
    overflow: hidden;
}
#columns .column {
    float: left;
    width: 300px;
}
#columns .column.left {
    float: left;
    margin: 0 20px 0 140px;
}
#columns .column.right {
    float: right;
    margin: 0 140px 0 20px;
}
#columns .column.wide {
    float: none;
    margin: 0 20px 0 140px;
    width: 650px;
}
#columns .column h2 {
    font-size: 1.25em;
    font-weight: normal;
    margin: 0 0 1em;
    color: #333;
}
#columns .column p {
    color: #888888;
    margin: 0 0 60px;
}
#columns .column em {
    color: #007DCC;
    display: inline;
    font-size: 1.5em;
    font-style: normal;
    font-weight: bold;
}
		
ul#features {
	margin: 0;
	list-style: none;	
	}
	ul#features li {
		margin: 0 40px 10px 0;
		list-style: none;	
		float: left;
		width: 300px;
		font-size: 12px;
		}
	ul#features li img {
		float: left;
		margin: 0 10px 5px 0;
		}
	ul#features li a.title {
		display: block;
		margin: 12px 0 5px;
		color: #333;
		font-size: 18px;
		line-height: 20px;
		text-decoration: none;
		}
	ul#features li p.more {
		padding: 25px 0;
		text-align: right;
		}	
	
p.feature-text {
	color: #333;
	font-size: 14px;
	line-height: 22px;
	}
		
#features-bar {
	margin: 0;
	padding: 0 0 45px 0;
	}
#features-bar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	#features-bar ul li {
		float: left;
		width: 230px;
		margin-right: 10px;
		}
	#features-bar ul li a {
		display: block;
		font-size: 14px;
		line-height: 16px;
		background: #185A96 url(../img/pricing-radio.png) 5px 10px no-repeat;
		padding: 10px 5px 10px 40px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		text-align: center;
		-moz-border-radius: 11px;
		border-radius: 11px;
		-webkit-border-radius: 11px;
		position: relative;
		}
	#features-bar ul li a.selected,
	#features-bar ul li a:hover {
		background: #59A901 url(../img/pricing-radio-selected.png) 5px 10px no-repeat;
		
		-webkit-box-shadow: 0px 0px 4px #666; 
		-moz-box-shadow: 0px 0px 4px #666; 
		box-shadow: 0px 0px 4px #666; 
		}
	#features-bar ul li a span.radio_selected,
	#features-bar ul li a span.radio {
		position: absolute;
		top: 10px;
		left: 0;
		width: 32px;
		height: 32px;
		margin-left: 20px;
		}
	#features-bar ul li a span.radio_selected {
		background: url(../img/pricing-radio-selected.png);
		}
	#features-bar ul li a span.radio {
		background: url(../img/pricing-radio.png);
		}
	#features-bar ul li a span.text {
		display: block;
		margin-left: 30px;
		}

/*			
#features-bar ul {
	height: 59px;
	margin: 0 0 45px 0;
	padding: 0;
	background: #185A96;
	-moz-border-radius: 11px;
	border-radius: 11px;
	-webkit-border-radius: 11px;
	}
	#features-bar ul li {
		list-style: none;	
		float: left;
		margin: 0;
		padding: 0;
		}
	#features-bar ul li a {
		display: block;
		font-size: 14px;
		line-height: 16px;
		padding: 10px 10px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		width: 220px;
		text-align: center;
		}
	#features-bar ul li a.selected {
		display: block;
		font-size: 14px;
		line-height: 16px;
		padding: 10px 10px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		width: 220px;
		text-align: center;
		}	
*/

#features-button-left,
#features-button-right {
	width: 45%;
	margin: 10px 0 60px;
	}
	#features-button-left {
		float: left;
		}
	#features-button-right {
		float: right;
		text-align: right;
		}
	#features-button-left.top,
	#features-button-right.top {
		margin-bottom: 20px;
		}

.section {
	margin: 27px 0 17px;
	position: relative;
	display: block;
	}
	.section-nopadding {
		margin-top: 0;
		}
	.section .img {
		margin-bottom: 18px;
		padding-top: 10px;
		}
	.section .img-nopadding {
		padding-top: 0;
		}
	.section .img-left {
		float: left;
		margin-right: 27px;
	}
	.section .img-right {
		float: right;
		margin-left: 27px;
		}
	.section .img-left p,
	.section .img-right p {
		padding-top: 35px;
		text-align: center;
		}

.col-half {
	float: left;
	width: 48%;
	margin-right: 30px;
	}
.col-third {
	float: left;
	width: 33%;
	margin-right: 30px;
	}
.col-twothirds {
	float: left;
	width: 63%;
	margin-right: 30px;
	}
.col-right {
	margin-right: 0;
	}
	
	
.content-sep {
	background: url(../img/content-sep.jpg) no-repeat bottom center;
	height: 65px;
	}
	
	
div#church_attendence {
	padding: 0 0 30px;
	border-bottom: 1px solid #E9E9E9;
	font-size: 30px;
	margin-bottom: 30px;
	text-align: center;
	}
	div#church_attendence ul {
		margin: 40px 0 0 0;
		padding: 0;
		list-style: none;
		}
		div#church_attendence ul li {
			float: left;
			width: 150px;
			margin-right: 10px;
			}
		div#church_attendence.volunteers ul li {
			width: 181px;
			}
		div#church_attendence ul li a {
			display: block;
			font-size: 14px;
			line-height: 16px;
			background: #185A96;
			padding: 10px 5px;
			color: #fff;
			text-decoration: none;
			font-weight: bold;
			-moz-border-radius: 11px;
			border-radius: 11px;
			-webkit-border-radius: 11px;
			position: relative;
			}
		div#church_attendence.volunteers ul li a {
			background: #333;
			}
		div#church_attendence ul li a.selected,
		div#church_attendence ul li a:hover {
			background: #59A901;
			-webkit-box-shadow: 0px 0px 4px #666; 
			-moz-box-shadow: 0px 0px 4px #666; 
			box-shadow: 0px 0px 4px #666; 
			}
		div#church_attendence ul li a span.radio_selected,
		div#church_attendence ul li a span.radio {
			position: absolute;
			top: 10px;
			left: 0;
			width: 32px;
			height: 32px;
			margin-left: 20px;
			}
		div#church_attendence ul li a span.radio_selected {
			background: url(../img/pricing-radio-selected.png);
			}
		div#church_attendence ul li a span.radio {
			background: url(../img/pricing-radio.png);
			}
		div#church_attendence ul li a span.text {
			display: block;
			margin-left: 30px;
			}
		
div.price {
	text-align: center;
	font-family: 'Droid Sans', 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 25px;
	margin: 0 0 20px;
	}
	#contact_price div.price {
		margin-top: -30px;
		}
	div.price span.number {
		font-size: 80px;
		line-height: 85px;
		}
	div.price span.number sup {
		font-size: 20px;
		line-height: 85px;
		}
		
#currency_dropdown {
	position: absolute;
	width: 200px;
	background: #fff;
	border: 1px solid #999;
	z-index: 100;
	padding: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	#currency_dropdown span {
		display: block;
		font-weight: bold;
		background: #f0f0f0;
		padding: 3px;
		}
	
	#currency_dropdown a {
		display: block;
		padding: 3px;
		}
		
div.contact_price {
	text-align: center;
	font-family: 'Droid Sans', 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 35px;
	margin: 30px 0;
	}
		
div#price_fromto {
	text-align: center;
	font-family: 'Droid Sans', 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 25px;
	margin: 10px 0 40px;
	color: #999;
	}
	

table.pricing {
	width: 100%;
	border-collapse: collapse;
	font-size: 16px;
	}
	table.pricing td {
		border-top: 1px solid #E9E9E9;
		font-weight: bold;
		padding: 10px 0;
		text-align: right;
		}
	table.pricing tr:last-child {
		border-bottom: 1px solid #E9E9E9;
		}
	table.pricing td.feature {
		font-size: 14px;
		padding: 10px 20px 10px 0;
		color: #50506E;
		}
	table.pricing td.paid,
	table.pricing td.free {
		text-align: center;
		width: 140px;
		font-size: 13px;
		}
	table.pricing td.paid {
		background: #F0F4E8;
		}


.col-signup-left {
	float: left;
	width: 35%;
	margin-right: 30px;
	}
.col-signup-right {
	float: left;
	width: 60%;
	}

.col-login-left {
	float: left;
	width: 48%;
	margin-right: 30px;
	}
.col-login-right {
	float: left;
	width: 48%;
	}

.form {
	display: block;
	margin: 0 0 9px 10px;
	width: 100%;
	line-height: 27px;
	}
.form label {
	float: left;
	line-height: 27px;
	margin-right: 10px;
	text-align: right;
	width: 90px;
	font-size: 12px;
	}
.form input {
	width: 208px;
	}
.form input, 
.form textarea, 
.form select {
	float: left;
	margin-right: 5px;
	}
	
p.testimonial {
		color: #7E8388;
		font-size: 12px;
		padding: 5px 0 16px;
		}
		p.testimonial-name {
			color:#4F5256;
			font-weight: bold;
			font-size: 12px;
			padding: 0 0 16px;
			text-align: right;
			}
		
/* Typography
------------------------------ */
body {
	margin: 0;
	color: #333;
	font: normal 13px 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 19px;
	}
p {
	padding: 0 0 16px 0;
	}
	p.big {
		color: #669933;
		font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		line-height: 27px;
		margin: 0 0 18px;
		padding: 0;
		}
h1,
h2.page-title {
	font: normal 36px 'Droid Sans', 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 20px;
	padding: 0 0 6px 0;
	color: #333;
	}
	#home h1 {
		font-size: 44px;
		}
	h1.page-title {
		display: block;
		margin-top: 75px;
		width: 400px;
		height: 43px;
		text-indent: -9999px;
		}
		h1#page404 {
			background: url(../img/titles/404.png) no-repeat;
			}
		h1#the-features {
			background: url(../img/titles/features.png) no-repeat;
			}
		h1#pricing {
			background: url(../img/titles/pricing.png) no-repeat;
			}
		h1#our-story {
			background: url(../img/titles/our-story.png) no-repeat;
			}
		h1#blog {
			background: url(../img/titles/blog.png) no-repeat;
			}
		h1#contact {
			background: url(../img/titles/contact.png) no-repeat;
			}
		h1#sign-up1 {
			background: url(../img/titles/sign-up.png) no-repeat;
			width: 500px;
			}
		h1#sign-up-offer {
			background: url(../img/titles/sign-up.png) no-repeat;
			width: 500px;
			}
		h1#log-in {
			background: url(../img/titles/log-in.png) no-repeat;
			}
		h1#terms-of-use {
			background: url(../img/titles/terms-of-use.png) no-repeat;
			}
		h1#privacy-policy {
			background: url(../img/titles/privacy-policy.png) no-repeat;
			}
		h1#help {
			background: url(../img/titles/help.png) no-repeat;
			}
		h1#testimonials {
			background: url(../img/titles/testimonials.png) no-repeat;
			}
		h1#cloud-ebook {
			background: url(../img/ebooks/cloud/title.png) no-repeat;
			width: 500px;
			}
h2 {
	font: normal 24px 'Droid Sans', 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	line-height: 28px;
	color: #999;
	margin: 10px 0 25px;
	}
	h2.blue a:link,
	h2.blue a:visited,
	h2.blue a:hover {
		color: #336699;
		text-decoration: none;
		}
	h2 img {
		margin: 0 6px -10px 0;
		}
		h2 img.small {
			margin: 0 6px -4px 0;
			}
		h2 img.small {
			margin: 0 6px -7px 0;
			}
h3 {
	font: normal 18px 'Droid Sans', 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 0 20px;
	font-weight: normal;
	}
h4 {
	margin: 5px 0 7px;
	font-size: 18px;
	}
a:link {
	color: #185A96;
	text-decoration: underline;
	}
a:active,
a:visited {
	color: #185A96;
	text-decoration: underline;
	}
a:hover {
	text-decoration: none;
	}
.hoverfade:hover {
	opacity: 0.8;
	}
.hl {
	color: #669933;
	}
.blue {
	color: #336699;
	}
.success {
	color: #00A000;
	font-size: 12px;
	}
.errors {
	color: #C53131;
	font-size: 12px;
	}
	.errors ol {
		margin-bottom: 30px;
		list-style: decimal;
		font-size: 12px;
		}
blockquote {
	background: transparent url(../img/quote.gif) no-repeat scroll left top;
	color: #666666;
	margin: 5px 0 15px 30px;
	padding-left: 35px;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 27px;
	}
	blockquote .right {
		font-weight: bold;
		text-align: right;
		font-size: 16px;
		padding-top: 8px;
		}
	#home blockquote {
		margin: 10px 50px 0 0;
		}
	blockquote.small {
		margin: 0 25px 0 0;
		font-size: 13px;
		line-height: 18px;
		}
		blockquote.small .right {
			font-size: 12px;
			}

#all-features, 
#all-features ul, 
#all-features li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	}
	#all-features li ul  {
		margin-left: 85px;
		}
		#all-features li ul li {
			float: left;
			list-style: disc outside none;
			margin: 0 0 5px 38px;
			width: 380px;
			}
	#all-features .feature {
		clear: both;
		margin-bottom: 18px;
		position: relative;
		}
	#all-features h3 {
		padding-top:  5px;
		margin:  0 0 9px 83px;
		font:  normal 22px 'Droid Sans', 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
		line-height:  26px;
		color:  #336699;
		}
		#all-features h3 a:link,
		#all-features h3 a:visited,
		#all-features h3 a:hover {
			color:  #336699;
			text-decoration:  none;
			}
	#all-features img {
		left: 0;
		position: absolute;
		top: 0;
		}
	
/* Help
------------------------------ */
.helpSearch {
	margin: 5px 0 15px 0;
	border: 1px solid #eee;
	padding: 20px 15px 20px 15px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	-webkit-border-radius: 11px;
	-webkit-box-shadow: 0px 0px 4px #ccc; 
	-moz-box-shadow: 0px 0px 4px #ccc; 
	box-shadow: 0px 0px 4px #ccc;
	background: #fff;
	}
	.helpSearch input.keywords {
		float: left;
		padding: 15px;
		font-size: 15px;
		width: 740px;
		margin: 0 10px;
		border: 1px solid #d5d5d5;
		}
	.helpSearch input.button {
		padding: 3px 0 0 0;
		}
	.helpSearch.helpSearchSmall input.keywords {
		width: 455px;
		}
ul.help_categories {
	list-style: none;
	margin: 15px 40px 0;
	padding: 0;
	}
	ul.help_categories li {
		float: left;
		width: 280px;
		margin-bottom: 30px;
		}
		ul.help_categories li a {
			display: block;
			margin-left: 80px;
			line-height: 35px;
			font-size: 18px;
			}
		ul.help_categories li img {
			border: none;
			float: left;
			margin: 0 10px 0 0;
			}
		ul.help_categories li div.description {
			display: block;
			}
ul.help_categories_side {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	ul.help_categories_side li {
		margin-left: 10px;
		}
		ul.help_categories_side li a {
			background: url(../img/help/category.png) left center no-repeat;
			padding-left: 30px;
			line-height: 18px;
			}
ul.help {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
	}
	ul.help li {
		margin: 0 0 15px 4px;
		background: url(../img/help/article-bullet.gif) left center no-repeat;
		padding-left: 25px;
		}
		ul.help li a {			
			line-height: 16px;
			font-size: 14px;
			}
.helpContainer {
	margin: 5px 0 15px 0;
	border: 1px solid #eee;
	padding: 20px 15px 10px 15px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	-webkit-border-radius: 11px;
	-webkit-box-shadow: 0px 0px 4px #ccc; 
	-moz-box-shadow: 0px 0px 4px #ccc; 
	box-shadow: 0px 0px 4px #ccc;
	background: #fff;
	}
	.helpContainer img,
	.helpContainerArticle img{
		padding: 3px;
		border: 4px solid #ccc;
		}
div.helpPopular {
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 4px #FFDE99; 
	-moz-box-shadow: 0px 0px 4px #FFDE99; 
	box-shadow: 0px 0px 4px #FFDE99;
	background: #FFFDE4;
	border: 1px solid #FFDE99;
	margin: 10px 0 30px;
	padding: 10px 15px 0;
	}
	div.helpPopular ul li {
		margin-left: 15px;
		}
		div.helpPopular ul li a {
			font-size: 13px;
			line-height: 17px;
			}
		
/* Footer
------------------------------ */
#try-banner {
	margin-top: 40px;
	}
#footer {
	margin-top: 50px;
	background: url(../img/footer-bg.gif) repeat-x;
	height: 319px;
	}
#footer-inner {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 319px;
	}
	#footer-inner h4 {
		font: normal 17px 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		padding-bottom: 15px;
		margin-bottom: 0;
		border-bottom: 1px solid #666;
		}
	.footer-links {
		float: left;
		width: 160px;
		margin: 20px 50px 20px 0;
		color: #fff;
		}
		.footer-links ul {
			margin: 0;
			padding: 0;
			list-style: none;
			}
			.footer-links ul li {
				margin: 0;
				padding: 0;
				border-bottom: 1px solid #666;
				font-size: 12px;
				}
				.footer-links ul li:hover {
					background: #4e4e4e;
					}
				.footer-links ul li a:link,
				.footer-links ul li a:visited {
					display: block;
					padding: 8px 0 8px 5px;
					color: #c6c6c6;
					text-decoration: none;
					}
				.footer-links ul li a:hover {
					color: #fff;
					}
				.footer-links ul li.last {
				border-bottom: 0 none;
				}
	.footer-blog {
		float: left;
		width: 450px;
		margin: 20px 50px 20px 0;
		text-align: left;
		color: #fff;
		}
		.footer-blog ul {
			list-style: none;
			margin: 0;
			}
		.footer-blog li {
			background: url(../img/footer-bullet.gif) center left no-repeat;
			padding: 10px 0 10px 40px;
			color: #828282;
			font-size: 12px;
			}
		.footer-blog li a {
			color: #c5c5c5;
			font-size: 13px;
			}
	.footer-newsletter {
		float: left;
		width: 230px;
		margin: 20px 0 20px 0;
		text-align: left;
		color: #fff;
		}
		.footer-newsletter p {
			margin-top: 5px;
			}	
		.footer-newsletter a:link,
		.footer-newsletter a:visited {
			color: #c6c6c6;
			text-decoration: underline;
			}
		.footer-newsletter a:hover {
			color: #fff;
			text-decoration: none;
			}
		.footer-newsletter input {
			margin: 0 0 15px 0;
			}	
		.footer-newsletter input.formelement {
			background: #747474;
			border: 0 none;
			width: 210px;
			padding: 8px;
			color: #fff;
			border-radius: 6px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			}
	#footer-sm {
		position: absolute;
		bottom: 20px;
		left: 10px;
		list-style: none;
		margin: 0;
		}
		#footer-sm li {
			list-style: none;
			margin: 0;
			float: left;
			}
		#footer-sm li a {
			display: block;
			height: 32px;
			padding-left: 40px;
			color: #fff;
			font-size: 11px;
			line-height: 32px;
			}
		#footer-sm li#facebook a {
			background: url(../img/footer-icon-facebook.gif) top left no-repeat;
			margin-right: 20px;
			width: 140px;
			}
		#footer-sm li#twitter a {
			background: url(../img/footer-icon-twitter.gif) top left no-repeat;
			width: 130px;
			}
	#footer-c {
		position: absolute;
		bottom: 20px;
		right: 10px;
		width: 400px;
		text-align: right;
		font-size: 11px;
		color: #c6c6c6;
		}
	#footer-c a:link,
	#footer-c a:visited {
		color: #c6c6c6;
		}
	#footer-c a:hover {
		color: #fff;
		}
/*
 * Sexy Buttons
 * 
 * DESCRIPTION:
 * 	Sexy, skinnable HTML/CSS buttons with icons.
 * 
 * PROJECT URL: 
 * 	http://code.google.com/p/sexybuttons/
 * 
 * AUTHOR:
 * 	Richard Davies
 * 	http://www.richarddavies.us
 * 	Richard@richarddavies.us
 * 
 * VERSION:
 * 	1.1
 * 
 * LICENSE:
 * 	Apache License 2.0  (http://www.apache.org/licenses/LICENSE-2.0)
 * 	Creative Commons 3.0 Attribution  (http://creativecommons.org/licenses/by/3.0/)
 * 
 * CREDITS:
 * 	Inspired by, derived from, and thanks to:
 * 	http://www.p51labs.com/simply-buttons-v2/
 * 	http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html
 * 	http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba
 * 	http://www.elctech.com/snippets/make-your-buttons-look-super-awesome
 * 
 * USAGE:
 * 	Simply add class="sexybutton [skin]" to a <button> or <a> element and wrap the label text with double <span>s.
 * 	You can optionally add a "silk" icon to the button text by using a third <span> with class to identify the icon.   
 * 
 * EXAMPLE: 
 * 	<button id="btn1" class="sexybutton" name="btn1" type="submit" value="Submit">
 * 		<span><span><span class="ok">Submit</span></span></span>
 * 	</button>
 */


/* 
 *	Generic styles for all Sexy Buttons
 */

.sexybutton {
	display: inline-block;
	margin: 0;
	padding: 0;
	font: bold 13px "Helvetica Neue", Helvetica, Arial, clean, sans-serif !important;
	text-decoration: none !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.20);
	background: none;
	border: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	
	/* Fix extra width padding in IE */
	_width: 0;
	overflow: visible;
}

.sexybutton span {
	display: block;						/* Prevents :active from working in IE--oh well! */
	height: 24px;
	padding-right: 12px;
	background-repeat: no-repeat;
	background-position: right top;
}

.sexybutton span span {
	padding-right: 0;
	padding-left: 12px;
	line-height: 24px;
	background-position: left top;
}

.sexybutton span span span {
	padding-left: 21px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left center;
	/* IE6 still requires a PNG transparency fix */ 
	/* _background-image: none;		Or just hide icons from the undeserving IE6 */
	/* _padding-left: 0;					Or just hide icons from the undeserving IE6 */
}

.sexybutton span span span.after {
	padding-left: 0px;
	padding-right: 21px;
	background-position: right center;
	/* IE6 still requires a PNG transparency fix */ 
	/* _padding-right: 0;					Or just hide icons from the undeserving IE6 */
}

.sexybutton[disabled],
.sexybutton[disabled]:hover,
.sexybutton[disabled]:focus,
.sexybutton[disabled]:active,
.sexybutton.disabled,
.sexybutton.disabled:hover,
.sexybutton.disabled:focus,
.sexybutton.disabled:active {
	color: #333 !important;
	cursor: inherit;
	text-shadow: none; 
	opacity: 0.33;
}

.sexybutton:hover span,
.sexybutton:focus span {
	background-position: 100% -24px;
}

.sexybutton:hover span span,
.sexybutton:focus span span {
	background-position: 0% -24px;
}

.sexybutton:active span {
	background-position: 100% -48px;
}

.sexybutton:active span span {
	background-position: 0% -48px;
}

.sexybutton[disabled] span,
.sexybutton.disabled span {
	background-position: 100% -72px;
}

.sexybutton[disabled] span span,
.sexybutton.disabled span span {
	background-position: 0% -72px;
}

.sexybutton:hover span span span,
.sexybutton:focus span span span,
.sexybutton:active span span span,
.sexybutton[disabled] span span span,
.sexybutton.disabled span span span {
	background-position: left center;
}

.sexybutton:hover span span span.after,
.sexybutton:focus span span span.after,
.sexybutton:active span span span.after,
.sexybutton[disabled] span span span.after,
.sexybutton.disabled span span span.after {
	background-position: right center;
}

.sexybutton img {
	margin-right: 5px;
	vertical-align: text-top;
	/* IE6 Hack */
	_margin-top: 4px;
	_vertical-align: text-bottom;
	/* IE6 still requires a PNG transparency fix */ 
	/* _display: none;		Or just hide icons from the undeserving IE6 */
}

.sexybutton img.after {
	margin-right: 0;
	margin-left: 5px;
	/* IE6 still requires a PNG transparency fix */ 
	/* _margin-left: 0;		Or just hide icons from the undeserving IE6 */
}

.sexybutton.sexymedium	{ font-size: 15px !important; }
.sexybutton.sexylarge	{ font-size: 18px !important; }


/*
 * Button Skins
 * 
 * .PNG background images with alpha transparency are also supplied if you'd rather use them instead of the 
 * default .GIF images. (Just beware of IE6's lack of support.) 
 * 
 * Additional skins can be added below. The ../img/sexybuttons/ButtonTemplate.psd can be used to create new skins.
 * Prefix the skin name with "sexy" to avoid any potential conflicts with other class names. 
 */

/* 
 * Simple Skin Buttons
 */

.sexybutton.sexysimple { 
	position: relative; 
	padding: 5px 10px 5px;
	font: inherit;
	font-size: 13px !important;
	font-style: normal !important; 
	font-weight: bold !important; 
	color: #fff !important;
	line-height: 1; 
	background-image: url(../img/sexybuttons/simple/awesome-overlay-sprite.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	
	/* Special effects */
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25); 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-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);
	
	/* IE only stuff */
	border-bottom: 1px solid transparent\9;
	_background-image: none;
	
	/* Cross browser inline block hack - http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*display: inline !important;
	position: relative;
	
	/* Force hasLayout in IE */
	zoom: 1;
	
	/* Disable text selection (Firefox only)*/
	-moz-user-select: none;
}

.sexybutton.sexysimple::selection {
	background: transparent;
}

.sexybutton.sexysimple:hover,
.sexybutton.sexysimple:focus {
	background-position: 0 -50px; 
	color: #fff !important;
}

.sexybutton.sexysimple:active { 
	background-position: 0 -100px; 
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7); 
	/* Unfortunately, Safari doesn't support inset yet */
	-webkit-box-shadow: none;
	
	/* IE only stuff */
	border-bottom: 0\9;
	border-top: 1px solid #666\9;
}

.sexybutton.sexysimple[disabled], 
.sexybutton.sexysimple.disabled { 
	background-position: 0 -150px; 
	color: #333 !important;
	text-shadow: none; 
}

.sexybutton.sexysimple[disabled]:hover,
.sexybutton.sexysimple[disabled]:focus,
.sexybutton.sexysimple[disabled]:active,
.sexybutton.sexysimple.disabled:hover,
.sexybutton.sexysimple.disabled:focus,
.sexybutton.sexysimple.disabled:active {
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); 
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
} 

.sexybutton.sexysimple span {
	height: auto;
	padding-left: 24px;
	padding-right: 0;
	background-position: left center;
	background-repeat: no-repeat;
	/* IE6 still requires a PNG transparency fix */ 
	/* _padding-left: 0;		Or just hide icons from the undeserving IE6 */
}

.sexybutton.sexysimple span.after {
	padding-left: 0;
	padding-right: 24px;
	background-position: right center;
	/* IE6 still requires a PNG transparency fix */ 
	/* _padding-right: 0;		Or just hide icons from the undeserving IE6 */
}

/* Simple button colors */
.sexybutton.sexysimple					{ background-color: #333; }		/* Default */
.sexybutton.sexysimple.sexyblack		{ background-color: #333; }
.sexybutton.sexysimple.sexyred		{ background-color: #a90118; }
.sexybutton.sexysimple.sexyorange	{ background-color: #ff8a00; }
.sexybutton.sexysimple.sexyyellow	{ background-color: #ffb515; }
.sexybutton.sexysimple.sexygreen		{ background-color: #59a901; }
.sexybutton.sexysimple.sexyblue		{ background-color: #015ea9; }
.sexybutton.sexysimple.sexyteal		{ background-color: #2daebf; }
.sexybutton.sexysimple.sexymagenta	{ background-color: #a9014b; }
.sexybutton.sexysimple.sexypurple	{ background-color: #9d01a9; }

/* Simple button sizes */
.sexybutton.sexysimple.sexysmall          { padding: 4px 7px 5px; font-size: 10px !important; }
.sexybutton.sexysimple.sexysmall:active   { padding: 5px 7px 4px; }
.sexybutton.sexysimple                    { /* default */ }
.sexybutton.sexysimple:active             { padding: 6px 10px 4px; }
.sexybutton.sexysimple.sexymedium         { /* default */ }
.sexybutton.sexysimple.sexymedium:active  { padding: 6px 10px 4px; }
.sexybutton.sexysimple.sexylarge          { padding: 8px 14px 8px; font-size: 14px !important; }
.sexybutton.sexysimple.sexylarge:active   { padding: 9px 14px 7px; }
.sexybutton.sexysimple.sexyxl             { padding: 8px 14px 8px; font-size: 16px !important; }
.sexybutton.sexysimple.sexyxl:active      { padding: 9px 14px 7px; }
.sexybutton.sexysimple.sexyxxl            { padding: 8px 14px 8px; font-size: 20px !important; }
.sexybutton.sexysimple.sexyxxl:active     { padding: 9px 14px 7px; }
.sexybutton.sexysimple.sexyxxxl           { padding: 8px 14px 8px; font-size: 26px !important; }
.sexybutton.sexysimple.sexyxxxl:active    { padding: 9px 14px 7px; }

.sexybutton.sexysimple.sexysmall[disabled]:active,
.sexybutton.sexysimple.sexysmall.disabled:active   	{ padding: 4px 7px 5px; }
.sexybutton.sexysimple[disabled]:active,
.sexybutton.sexysimple.disabled:active 	            { padding: 5px 10px 5px; }
.sexybutton.sexysimple.sexymedium[disabled]:active,
.sexybutton.sexysimple.sexymedium.disabled:active 		{ padding: 6px 10px 4px; }
.sexybutton.sexysimple.sexylarge[disabled]:active,
.sexybutton.sexysimple.sexylarge.disabled:active   	{ padding: 8px 14px 8px; }
.sexybutton.sexysimple.sexyxl[disabled]:active,
.sexybutton.sexysimple.sexyxl.disabled:active	      { padding: 8px 14px 8px; }
.sexybutton.sexysimple.sexyxxl[disabled]:active,
.sexybutton.sexysimple.sexyxxl.disabled:active 		   { padding: 8px 14px 8px; }
.sexybutton.sexysimple.sexyxxxl[disabled]:active,
.sexybutton.sexysimple.sexyxxxl.disabled:active    	{ padding: 8px 14px 8px; }


/*
 * Icon Definitions
 */

/* Silk Icons - http://www.famfamfam.com/lab/icons/silk/ */
/* (Obviously not all Silk icons are defined here. Feel free to define any other icons that you may need.) */

.sexybutton span.ok				{ background-image: url(../img/tick.png) !important; padding-left: 30px; }