/***************************************************************************************
--MAIN--
****************************************************************************************/
html {
	width: 100%;
	background-repeat: repeat-x;
	background-position: left top;
}
body {
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #666;
	margin: 0px;
}
#header {
	height: 68px;
	margin: 0 auto;
	width: 958px;
	position: relative;
}
#logo {
	margin-top: 8px;
	display: block;
	float: left;
}
p {
margin:0 0 10px;
padding:0;
}
/***************************************************************************************
--LOGIN--
****************************************************************************************/
#login {
	position:relative;
	top:13px;
	list-style:none;
	width:245px;
	height:35px;
	padding:0;
	margin:0 1px 0 0;
	position:absolute;
	right:23px;
}
#login ul {
	width:470px;
	height:35px;
	padding:0;
	display: block;
}
#login li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width: 150px;
	height: 35px;
}
#login li a { 
	background: url('../images/signup_login_bg.png') top left no-repeat;
	text-indent:-999em;
	padding:0;
	display:block;
	height:35px;
}
#login li.signup a {
	background-position:top right;
	width:95px;
}
#login li.signup a:hover { 
	background-position:bottom right;
}
#login li.login a {
	width:142px;
}
#login li.login a:hover {
	background-position:bottom left;
}
/***************************************************************************************
--NAV SETTINGS--
****************************************************************************************/
#nav {
	height: 30px;
	width: 980px;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#nav li {
	margin: 0;
	list-style:none;
	padding: 0 0 0 1px;
	height: 39px;
	display: block;
	float: left;
	background: transparent url('../images/bg_nav_item.gif') no-repeat left bottom;
}
#nav li a {
	display: block;
	color: #3C2313;
	line-height: 39px;
	padding: 0 30px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #FFFFFF;
}
#nav li.current a:link {
	color: #ce853d;
	background: transparent url('../images/bg_nav_change.gif') repeat-x left bottom;
}
#nav a:link, #nav a:visited, #nav a:active {
	text-decoration: none;
} 
#nav a:hover {
	background-color: #fefefc;
	color: #ef5823;
	background: transparent url('../images/bg_nav_change.gif') repeat-x left bottom;
}
#number {
	margin-top: 0px;
	display: block;
	width: 240px;
	color: #000;
	line-height: 39px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 1px 0 #FFFFFF;
	float: left;
	height: 39px;
	text-align: right;
	padding-right: 15px;
}
/***************************************************************************************
--FOOTER STYLES--
****************************************************************************************/
#footer_bottom {
	width: 100%;
	border-top: 2px solid #815d92;
	clear: both;
	height: 100%;
	background-color: #482463;
	background-position: bottom;
}
.footer_content {
	width: 980px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
}
.footer a:link, .footer a:visited, .footer a:active, .footer a:hover {
	color: #fff;
	padding: 0 12px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
/***************************************************************************************
--FOOTER COPYRIGHT--
****************************************************************************************/
.terms {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 15px 0 10px;
	margin: 10px 0 0 0;
}
.terms a:link, .terms a:visited, .copyright a:visited, .copyright a:active, .copyright a:hover {
	color: #fff;
	padding: 0 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
.terms a:hover {
	text-decoration: underline;
}
#footerline {
	background: url(../images/footer_nav_border.png) no-repeat 0 0;
	text-align: center;
	padding: 5px 0 0 0;
}
#footerline a {
	margin: 10px 15px;
}
/***************************************************************************************
--PRICING LOGIN PAGE-VERSION1--
****************************************************************************************/
#pricinglogin {
	width:200px;
	height:36px;
	float: right;
}
#pricinglogin ul {
	width:195px;
	height:35px;
	padding:0;
}
#pricinglogin li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width: 195px;
	height: 35px;
}
#pricinglogin li a { 
	background: url('../images/starttrial1.png') top left no-repeat;
	text-indent:-999em;
	padding:0;
	display:block;
	height:35px;
}
#pricinglogin li.login a {
	background-position:top right;
	width:195px;
}
#pricinglogin li.login a:hover { 
	background-position:bottom right;
}
#pricinglogin li.signup a {
	width:197px;
}
#pricinglogin li.signup a:hover {
	background-position:bottom left;
}
/***************************************************************************************
-- INTERIOR PAGES -- 
****************************************************************************************/
#interior_container{
	width:958px;
	margin:0 auto;
	padding-top:25px;
}
#interior_white_bg .container{
	background:url() repeat-y;
	float:left;
	position:relative;
}
#interior_end_container_subnav{
	width:100%;
	float:left;
	background:url() no-repeat bottom left;
	padding-bottom:0px;
	margin-bottom:7px;
}
#interior_white_bg .subnav{
	background:url(../images/subcontent_subnav_bg2.png) repeat-y;
}
#interior_white_bg .content .sub-heading{ 
	height:35px;
	margin-left:2px; 
	padding:0 0 0 20px; 
	width:928px;
}
#interior_white_bg .content .sub-heading h1{
	font-size:28px;
	margin:10px 0 0 0;
	line-height:1em;
	text-shadow:0 1px 0 #fff;
}
#interior_white_bg .subnav .sub-content{
	float:left;
	width:660px;
	padding:0;
	margin-left:250px;
}
/***************************************************************************************
-- LEFT NAVIGATION -- 
****************************************************************************************/
ul#subnav{
	width:212px;
	float:left;
	list-style:none;
	margin-left:1px;
	margin-top:0px;
	padding-left:10px;
	position:absolute;
	top:71px;
	left:-10px;
}
ul#subnav li{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
ul#subnav li a{
	width:205px;
	float:left;
	border-top:1px solid #dcddde;
	border-bottom:1px solid #fff;
	text-decoration:none;
	font-weight:bold;
	color:#817b7b;
	display:block;
	padding:10px 0;
	line-height:1.7em;
	margin-left:1px;
	font-family:"Lucida Grande",Lucida,Arial,sans-serif;
	font-size:13px;
	padding-left:20px;
	position:relative;
	text-shadow :0px 1px 0px #fff;
}
ul#subnav li a:hover{
	color:#ef5823;
}
ul#subnav li a.active,ul#subnav li a.active:hover{
	border:none;
	color:#fff;
	text-shadow:-1px -1px 0 #362a21;
	background-image: url(../images/bg_nav-01-current1.png);
	background-repeat: no-repeat;
	background-position: left;
}
ul#subnav li a.active span{
	position:absolute;
	width:15px;
	height:10px; 
	bottom left no-repeat;top:39px;
	left:0;
}
ul#subnav li a.first{
	border-top:0;
}
/***************************************************************************************
--FEATURES SECTION--
****************************************************************************************/
.features_overview{
	float:left;
	width:100%;
	padding-bottom:30px;
	border-bottom:2px dotted #e3e3e3;
	margin-bottom:30px;
}
.features_overview_left{
	float:left;
	width:310px;
}
.features_overview_right{
	float:left;
	width:350px;
}
.features_overview_right a{
	font-size: 12px;
	color: #00F;
	text-decoration: none;
}
.features_overview_right a:hover{
	font-size: 12px;
	text-decoration: underline;
}
.features_overview_left img.main_screenshot{
	border:4px solid #e3e3e3;
}
.features_overview_right ul{
	margin:0 0 0 0;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #17120f;
	font-weight: bold;
}
h5{
	color:#000;
	font:normal 20px Arial, sans-serif;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 18px;
	margin-left: 0;
}
/***************************************************************************************
--PRICING--
****************************************************************************************/
#pricing_signup {
	margin:0 auto;
	overflow: hidden;
	position: relative;
	width: 740px;
}
#pricing_signup .signup_button {
	position: absolute;
	right: 0;
	top: 7px;
}
#pricing_signup h2, #pricing_signup p {
	width: 500px;
	text-align: center;
	float: left;
}
#pricing_signup p {
	font-size: 14px;
}
.plan_detail h2 {
	margin-bottom: 6px;
}
.plan_detail p {
	width: 658px;
	font:18px/27px Arial,serif;
	margin-bottom: 12px;
}
.read_detail h2 {
	margin-bottom: 6px;
}
.read_detail p {
	width: 658px;
	font:18px/27px Arial,serif;
	margin-bottom: 12px;
}
.read_detail a {
	font-size: 18px;
	color: #00F;
	text-decoration: none;
}
.read_detail a:hover {
	font-size: 18px;
	text-decoration: underline;
}
.pricing_all #pricing_faq {
	border-top: solid 1px #CCC;
	padding-top: 20px;
}
tr.price_detail td {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 18px;
}
th em {
	font-size: 10px;
	display: block;
	font-style: italic;
	color: #666;
}
/***************************************************************************************
--PRICING DATA TABLE--
****************************************************************************************/
.pricing_data {
	background: #3b87d6 url('') repeat-x top left;
	font-size: 12px;
	margin: 20px auto 0 auto;
	width: 100%;
	border-top: solid 1px #eaeaea;
	border-right: solid 1px #eaeaea;
}
.pricing_data th {
	color: #333;
	background: #CCC url('../images/bg_pricing_header.gif') repeat-x top left;
	border-left: solid 1px #eaeaea;
	border-top: solid 1px #FFF;
	border-right: solid 1px #eaeaea;
	border-bottom: solid 1px #cfcfcf;
	padding: 11px 0;
	text-align: center;
	width: 150px;
}
tr.header_row td {
	background: #3b87d6 url('../images/bg_pricing_leadrow.gif') repeat-x bottom left;
	color: #ffffff;
	border-top: none;
}
.pricing_data td {
	color: #FFF;
	border-bottom: solid 1px #000000;
	border-top: solid 1px #4f9ff2;
	text-align: center;
	vertical-align: middle;
}
#content {
     padding: 15px;
     overflow: hidden;
}
/***************************************************************************************
--TESTIMONIAL PRICING FRAMEWORK--
****************************************************************************************/
blockquote.testimonialpricing {
	display:block;
	position:relative;
	margin:10px 0;
	padding:10px 10px 15px 15px;
	color:#000;
	font:italic 13px/20px Georgia, times, serif;
	border:1px solid #dcdad8;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFF;
}
blockquote.testimonialpricing cite {
	display:block;
	position:absolute;
	bottom:0px;
	left:39px;
	margin:0 0 -23px 0;
	padding:5px 0 0 42px;
	height:18px;
	background:url(../images/testimonial-cite1.png) no-repeat;
	clear:both;
	color:#333;
	font:bold normal 12px/20px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}
blockquote.testimonialpricing cite a, blockquote.testimonialpricing cite span {
	font-weight:normal;
}
/***************************************************************************************
--TESTIMONIAL FEATURES FRAMEWORK--
****************************************************************************************/
blockquote.testimonialfeature {
	display:block;
	position:relative; 
	background:url(../images/testimonial-footer1.png) repeat-x bottom; 
	margin:10px 0; 
	padding:10px 10px 15px 15px; color:#888; 
	font:italic 13px/20px Georgia, times, serif; 
	border:1px solid #dcdad8; 
	border-radius:15px; 
	-moz-border-radius:15px; 
	-webkit-border-radius:15px;
}
blockquote.testimonialfeature cite {
	display:block;
	position:absolute;
	bottom:0px;
	left:39px;
	margin:0 0 -23px 0;
	padding:5px 0 0 42px;
	height:18px;
	background:url(../images/testimonial-cite.png) no-repeat;
	clear:both;
	color:#333;
	font:bold normal 12px/20px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}
blockquote.testimonialfeature cite a, blockquote.testimonialfeature cite span {
	font-weight:normal;
}
/***************************************************************************************
--ORG BOX--
****************************************************************************************/
.orgbox1 {
	background:#fff url('../images/bg_sidebox.png') no-repeat left bottom;
	margin-bottom:18px;
	padding:0px 13px 13px 13px;
	width:189px;
	position: absolute;
	top: 434px;
	height: 300px;
	left: 1px;
}
.orgbox1 a {
	font-size: 12px;
	color: #00F;
	text-decoration: none;
}
.orgbox1 a:hover {
	font-size: 12px;
	text-decoration: underline;
}
.orgbox1 h3 {
	color:#3e434a;
	font:bold 15px/18px Arial;
	margin:0 -13px 18px -13px;
	padding:17px 13px;
	background-image: url(../images/bg_sidebox-top.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.vbox1 .title {
	color:#000;
	font:normal 16px Arial, sans-serif;
}	
.orgbox2,.vbox2-wide {
	background:#fff url('../images/bg_vbox-btm.png') no-repeat left bottom;
	margin-bottom:18px;
	padding:0 13px 13px 13px;
	width:189px
}
/***************************************************************************************
--TUTORIAL BOX--
****************************************************************************************/
.tutorialbox1 {
	margin-bottom:18px;
	padding:0px 13px 0px 13px;
	width:189px;
	position: absolute;
	top: 262px;
	height: 250px;
	left: 14px;
	background-color: #fff;
	background-image: url(../images/bg_sidebox3.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.tutorialbox1 h3 {
	background: url('../images/bg_sidebox-top2.png') no-repeat 0 0;
	color:#FFFFFF;
	font:bold 13px/16px Arial;
	margin:0 -13px 18px -13px;
	padding:7px 13px;
}
.tutorialbox1 p {
	color:#666;
	padding:7px 13px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	line-height: 16px;
}
.tutorialbox1 a {
	font-size: 12px;
	color: #00F;
	text-decoration: none;
}
.tutorialbox1 a:hover {
	font-size: 12px;
	text-decoration: underline;
}
.vbox1 .title {
	color:#000;
	font:normal 16px Arial, sans-serif;
}	
.tutorialbox2,.vbox2-wide {
	background:#fff url('../images/bg_vbox-btm.png') no-repeat left bottom;
	margin-bottom:18px;
	padding:0 13px 13px 13px;
	width:189px
}
.thumbnail{
	position:relative;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 27px;
	margin-left: 0;
}
.section{
	position:relative;
	margin-top: 27px;
	margin-right: 0;
	margin-bottom: 27px;
	margin-left: 0;
}
.section a{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.section a:hover{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.section h3{
	line-height:24px;
	font-weight:normal;
	margin-top:0
}
.section h2{
	line-height:10px;
	font-weight:normal;
	margin-top:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
}
.section ul,ol {
	list-style-type: disc;
	list-style-position: inside;
}
.faq{
	position:relative;
	margin-top: 15px;
	margin-right: 0;
	padding-bottom:10px;
	border-bottom:2px dotted #e3e3e3;
	margin-bottom: 25px;
	margin-left: 0;
}
.faq a{
	font-size: 12px;
	color: #00F;
	text-decoration: none;
}
.faq a:hover{
	font-size: 12px;
	text-decoration: underline;
}
.faq h3{
	line-height:24px;
	font-weight:normal;
	margin-top:0
}
.faq h2{
	line-height:20px;
	font-weight:normal;
	margin-top:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
}
.figure{
	margin-bottom:18px
}
.figure-a{
	float:right;
	margin-left:15px
}
h2.sifr{
	color:#000;
	font:normal 30px/1em Arial, sans-serif;
	margin:10px 0 18px 0;
	padding:0;
	letter-spacing:-1px
}
h2.sifr2{color:#000;font:normal 22px/1em Arial, sans-serif;margin:36px
0 18px 0;padding:0;letter-spacing:0px}

.leader{
	font:18px Arial,serif
}
.links{
	font:12px Arial,serif
}
.links a{
	font-family: Arial, serif;
	font-size: 12px;
	line-height: 27px;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
}
.links a:hover{
	font-family: Arial, serif;
	font-size: 12px;
	text-decoration: underline;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	text-align: center;
}

.icon-list, .icon-list ul, .icon-list li {
list-style-type:none;
margin:0;
padding:0;
position:relative;
}
.icon-list li ul li {
list-style:disc outside none;
margin-bottom:45px;
}
.icon-list h2 {
border-bottom:1px solid #DDDDDD;
margin-bottom:26px;
padding-bottom:12px;
}
.icon-list img {
	left:7px;
	position:absolute;
	top:7px;
}
.icon-list .gt {
margin-top:27px;
}
.icon-list .gr {
clear:both;
}
.icon-list .gc {
margin-bottom:12px;
position:relative;
}
.icon-list .gc h3 {
margin-bottom:0px;
margin-top:0;
}
.icon-list .gc h3, .gc p, .gc ul {
margin-left:63px;
}
.icon-list .gc {
float:left;
margin-right:2%;
}
.icon-list .gc h3 {
font-size:13px;
font-weight:bold;
}
.icon-list .gc p {
	font-size:11px;
	line-height: 16px;
}
.icon-list .gc {
width:31.3%;
}
.icon-list .gc a {
	color: #00F;
	text-decoration: none;
}
.icon-list .gc a:hover {
	text-decoration: underline;
}
#livechat {
	width:189px;
	position: absolute;
	top: 375px;
	height: 84px;
	left: 23px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#chatlivenav {
	margin-top: 0px;
	list-style:none;
	height: 39px;
	display: block;
	float: none;
	padding-top: 1;
	padding-right: 0;
	padding-bottom: 1;
	padding-left: 1px;
}
#tempcat {
	height: 150px;
	width: 225px;
	position: absolute;
	font-size: 12px;
}
#tempcat a {
	font-size: 12px;
	color: #00F;
	text-decoration: none;
}
#tempcat a:hover {
	font-size: 12px;
	color: #00F;
	text-decoration: underline;
}
/***************************************************************************************
--NAV2--
****************************************************************************************/
#nav-02{
	border-bottom:0px solid #fff;
	margin:0 0 18px 0;
	padding:0px 0 0;
	background-color: #BBB;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#nav-02 ul{
	margin:0; 
	padding:5px 0;
}
#nav-02 li li{
	margin-bottom:5px; 
	position:relative;
}
#nav-02 li li a, #nav-02 .current li a{
	border:none;
	color:#797c80;
	font-size:12px;
	font-weight:normal;
	padding:5px 0px 5px 25px;
	text-shadow:none;
	width:200px;
	background-image: url(../images/nav-02-arrow.png);
	background-repeat: no-repeat;
	background-position: 205px center;
}
#nav-02 li .current{
	background-color: #e6ebf7;
}
#more_testimonials{
	width: 858px;
	margin-bottom: 40px;
	padding-left: 50px;
}
.testimonial_bubble{
	width:100%;
	float:left;
	background:#ebeefe;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-border-radius:6px;
}
.quotes{
	margin-bottom:21px;
	width:100%;
	float:left;
}
.quotes cite{
	padding-top:15px;
	float:left;
	background-image: url(../images/testimonial_arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.quotes strong{
	color:#444;
}
.quotes blockquote{
	margin:0 0 7px 0;
	font-size:14px;
	padding: 0 13px 5px;
	float:left;
	font-style: italic;
}
.quotes h4{
	color:#336699;
	margin:4px 0 12px 0;
	padding:10px 13px 0;
	float:left;
	font:normal 21px/1em Arial, sans-serif;

}
.quotes p {
	width: 958px;
	font:18px/27px Arial,serif;
	margin-bottom: 12px;
}
.quotes a {
	font-size: 12px;
	color: #00F;
	text-decoration: none;
}
.quotes a:hover{
	font-size: 12px;
	text-decoration: underline;
}
#emailcontact_customers {
	text-align: center;
	clear: both;
	width: 958px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 300px;
}
#emailcontact_customers img {
	margin: 0 15px;
}
#emailcontact_customers h2 a {
	color: #666;
	text-decoration: none;
}
#emailcontact_customers h2 {
	font-family: Georgia, Times, serif;
	font-style: italic;
	padding-bottom: 6px;
	color: #666;
	font-size: 18px;
	border-bottom: solid 1px #CCC;
	margin-bottom: 12px;
	font-weight: normal;
	text-align: left;
}
/* position and dimensions of the navigator */
.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}
/***************************************************************************************
--VIDEO ICONS--
****************************************************************************************/
.video-list, .video-list ul, .video-list li {
list-style-type:none;
margin:0;
padding:0;
position:relative;
}
.video-list li ul li {
list-style:disc outside none;
margin-bottom:45px;
}
.video-list h2 {
border-bottom:1px solid #DDDDDD;
margin-bottom:26px;
padding-bottom:12px;
}
.video-list img {
	left:7px;
	position:absolute;
	top:4px;
	width: 83px;
	height: 56px;
}
.video-list .gt {
margin-top:27px;
}
.video-list .gr {
clear:both;
}
.video-list .vc {
margin-bottom:28px;
position:relative;
}
.video-list .vc h3 {
margin-bottom:0px;
margin-top:0;
}
.video-list .vc h3, .vc p, .vc ul {
margin-left: 96px;
}
.video-list .vc {
float:left;
margin-right:2%;
}
.video-list .vc h3 {
font-size:13px;
font-weight:bold;
}
.video-list .vc p {
	font-size:11px;
	line-height: 16px;
}
.video-list .vc {
width:31.3%;
}
.video-list .vc a {
	color: #00F;
	text-decoration: none;
}
.video-list .vc a:hover {
	text-decoration: underline;
}
/***************************************************************************************
--PRICING PAGE--
****************************************************************************************/
ul {
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
}
h1 {
	font-weight: bold; 
	font-size: 5em; 
	line-height: 1; 
	margin-bottom: 0.5em; 
	font-family: "Helvetica",verdana,sans-serif
}
h3 {
	font-size: 1.5em; 
	line-height: 1.25em; 
	margin-bottom: 0.5em; 
	font-family: "Helvetica Neue",Helvetica,Trebuchet,Verdana; 
	font-weight: bold
}
td {
	font-family: helvetica,verdana,arial,helvetica,sans-serif
}
.bold {
	font-weight: bold
}
#grid-wrapper {
	height: 310px; 
	text-align: left
}
#grid-wrapper .first-short,#grid-wrapper .short, #grid-wrapper .last-short {
	float: left;
	border: 1px solid #999999;
	float: left;
	height: 240px;
	padding: 10px;
	text-align: center;
	width: 133px;
	margin-top: 20px;
}
#grid-wrapper .first-short img,#grid-wrapper .short img, #grid-wrapper .last-short img,#grid-wrapper .tall img {
	margin-top: 8px;
}
#grid-wrapper .first-short span,#grid-wrapper .short span, #grid-wrapper .last-short span {
	font-weight: bold;
	color: #000;
}
#grid-wrapper .tall span {
	font-weight: bold;
	color: #2642ce;
}
#grid-wrapper .tall li {
	color: #64503F;
	font-size: 14px;
	line-height: 26px;
}
#grid-wrapper .tall {
	float: left; 
	width: 136px; 
	background-color: #FFF9DF; border: 8px solid #3A60AC; 
	float: left; 
	height: 275px; 
	padding: 5px; 
	text-align: center; 
	width: 160px; 
	-moz-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px
}
#grid-wrapper .short,#grid-wrapper .last-short {
	border-left: 0 none
}
#grid-wrapper .first-short {
	border-right: 0 none; 
}
#grid-wrapper .first-short h2,#grid-wrapper .short h2, #grid-wrapper .last-short h2,#grid-wrapper .tall h2 {
	color: #333; 
	font-family: helvetica,arial,sans-serif; 
	font-size: 24px; 
	margin-top: 4px; 
	font-weight: bold
}
#grid-wrapper .first-short h3,#grid-wrapper .short h3, #grid-wrapper .last-short h3,#grid-wrapper .tall h3 {
	border-bottom: 1px solid #777; 
	color: #1B1464; 
	font-family: helvetica,arial,sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
	margin: 0 0 8px; 
	padding: 0 0 4px; 
	text-transform: uppercase
}
#grid-wrapper .tall h3 {
	color: #ff5900
}
#sub h3,#application-sub h3,#audience-sub h3 {
	border-bottom: 1px dashed #666666; 
	color: #444; 
	font-size: 19px; 
	font-weight: bold; 
	padding-bottom: 4px
}
#grid a,#main-form a {
	text-decoration: none
}
#secondary-grid th {
	width: 20%; 
	border: 1px solid #999999; 
	background-color: #C4D7F2; 
	color: #000; font-size: 14px; 
	text-align: center; 
	font-weight: bold; 
	padding: 4px 0px; 
	vertical-align: middle
}
table#secondary-grid {
	width: 650px; 
	padding-bottom: 5px
}
#secondary-grid td {
	padding: 6px; 
	vertical-align: middle; 
	text-align: center; 
	font-weight: bold; 
	color: #1B1464; 
	border: 1px solid #999999;
	background-color: #FFFFFF 

}
/***************************************************************************************
-- Programmed --
****************************************************************************************/
	
.errors { font-family: verdana,arial; font-size: 12px; font-weight: bold; color: #CF3339; }

/***************************************************************************************
-- NEW PRICING PAGE NAV --
****************************************************************************************/

#monthly-plans {
	width:657px;
	float: right;
	height:285px;
	position:relative;
}
#monthly-plans #plans-nav {
	float: left; 
	width: 165px; 
	background: #fff;
}
#monthly-plans #plans-nav li {
	color: #505050; 
	text-align: center; 
	background: #e0e0e0; 
	margin-bottom: 1px;
}
#monthly-plans #plans-nav .option a {
	display: block; 
	padding: 6px 0;
}
#monthly-plans #plans-nav .option a span {
	display: block;
	height: 23px;
	color: #505050;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -1px;
	position: relative;
	z-index: 50;
	/* Fixes letter spacing clip */margin-right: 1px;
	font-family: Verdana, Geneva, sans-serif;
}
#monthly-plans #plans-nav #description, #monthly-plans #plans-nav #full-pricing {
	height: 13px; 
	font-size: 14px; 
	font-weight: bold; 
	background-image: url(../images/pricing-sprite.png); 
	background-repeat: no-repeat;
}
#monthly-plans #plans-nav #description {
	background-position: 0 -250px; 
	border-top-left-radius: 10px; 
	-moz-border-radius-topleft: 8px; 
	-webkit-border-top-left-radius: 10px; 
	padding: 7px 0;
}
#monthly-plans #plans-nav #full-pricing {
	background-position: 0 100%; 
	margin-bottom: 0; 
	border-bottom-left-radius: 10px; 
	-moz-border-radius-bottomleft: 8px; 
	-webkit-border-bottom-left-radius: 10px; 
	padding: 8px 0 12px;
}
#monthly-plans #plans-nav .current {
	position: absolute; 
	width: 193px; 
	height: 37px; 
	display: block; 
	background: url(../images/pricingslider.png) no-repeat top left; 
	top: -1px; 
	left: -7px;
}
#monthly-plans #scroll-container {
	float: right; 
	width: 456px; 
	height: 281px; 
	padding: 15px 0 19px 35px; 
	background: #eeeeee url(../images/pricing-sprite.png) 100% -400px; 
	border-top-right-radius: 10px; 
	-moz-border-radius-topright: 8px; 
	-webkit-border-top-right-radius: 10px; 
	border-bottom-right-radius: 10px; 
	-moz-border-radius-bottomright: 8px; 
	-webkit-border-bottom-right-radius: 10px;
}
#monthly-plans .plan {
	width: 436px; 
	height: 285px;
}
#monthly-plans .plan h3 {
	font-size: 26px; 
	letter-spacing: 0px;
}
#monthly-plans .plan h4 {
	color: #006699; 
	font-size: 16px; 
	padding-bottom: 12px;
	letter-spacing: -1px;

}
#monthly-plans .plan h3, #monthly-plans .plan p {
	color: #000;
}
#monthly-plans .plan p {
	padding-bottom: 10px;
}
#monthly-plans .plan p.you-get {
	font-size: 14px; 
	font-weight: bold; 
	padding-bottom: 5px;
}
#monthly-plans .plan h3 span.price {
	color: #ff6330;
}
#monthly-plans .plan ul {
	padding-bottom: 10px;
}
#monthly-plans .plan ul li {
	padding-left: 13px; 
	background: url(../pricing/images/orange-arrow.png) no-repeat 0 4px; 
	margin-bottom: 3px;
}
#monthly-plans .plan p.get-more {
	color: #000;
}
#monthly-plans .plan a.button {
	margin-top: 0;
}
#monthly-plans #scroller-window {
	position:relative; 
	overflow:hidden; 
	width: 456px; 
	float:right; 
	background-color:#eeeeee; 
	height: 285px;
}
#monthly-plans #scroller-vertical {
	position:absolute; 
	height: 2760px; 
	width:456px;
}
#monthly-plans #scroller-one-window, #scroller-two-five-window, #scroller-five-window, #scroller-ten-window, #scroller-twenty-five-window, #scroller-fifty-window, #scroller-fifteen-thousand-plus-window, #scroller-twentyfive-thousand-plus-window {
	height:285px;
}

/***************************************************************************************
-- Banner Nav --
****************************************************************************************/
#siteContainer{
	text-align:left;
	position:relative;
	width:950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	top: 10px;
}
#homeContainer #headerWrap{
	height:270px;background:#ffffff url('') no-repeat;
	margin:0;
}
#headerWrap .tagline{
	float:right;
	display:inline;
	margin:7px 0 0 0;
	width:525px;
}
#headerWrap .tagline h1,#headerWrap .tagline h2{
	float:left;
	width:360px;
	font:normal 12px/24px Arial,Verdana,Helvetica,sans-serif;
	color:#8eaec9;
	padding:0 0 0 25px;
}
#headerWrap .tagline h1 span.contact,#headerWrap .tagline span.contact{
	float:left;
	font:normal 14px/24px Arial,Verdana,Helvetica,sans-serif;
	color:#fff;
	padding:0;
	margin:0;
}
#headerWrap .tagline h1 a.account,#headerWrap .tagline a.account{
	float:left;
	text-decoration:none;
	font:bold 14px/24px Arial,Verdana,Helvetica,sans-serif;
	color:#b6e595;
	border-right:1px solid #badaf0;
	padding:0 10px 0 0;
	margin:0 10px 0 20px;
}
#headerWrap .tagline h1 a.accountLast,#headerWrap .tagline a.accountLast{
	float:left;
	text-decoration:none;
	font:bold 14px/24px Arial,Verdana,Helvetica,sans-serif;
	color:#b6e595;
	padding:0 10px 0 0;
	margin:0;
	border:none;
}
#headerWrap .tagline h1 span.contact,#headerWrap .tagline span.contact select{
	float:left;
	width:180px;
	outline:none;
	position:relative;
	z-index:999;
	background:#294b71;
	border:none;
	background-color:none;
	-khtml-appearance:none;
	-webkit-appearance:none;
	color:#fff;
	margin:0 7px 0 0;
	padding:0 0 0 10px;
	font:normal 14px/18px Arial,Helvetica,Verdana,sans-serif;
}
#headerWrap .tagline h1 span.contact,#headerWrap .selector{
	width:190px;
	height:35px;
	position:absolute;
	z-index:999;
	top:-3px;
	right:145px;
	background:#294b71 url(/static/img/selectorArrow.jpg) no-repeat 100% 2px;
	border-bottom:1px solid #355277;
	border-left:1px solid #355277;
	border-right:1px solid #355277;
}
#headerWrap .tagline h1 span.contact,#headerWrap .selectorArrow{
	display:none;
	position:absolute;
	z-index:999;
	top:0;
	right:140px;
}
#navWrap{
	float:right;
	display:inline;
	width:700px;
	margin:19px 0 0 0;
}
#navWrap ul{
	position:relative;
	z-index:900;
	float:right;
	display:inline;
	margin:0;
	padding:0;
}
#navWrap ul li{
	position:relative;
	z-index:999;
	float:left;display:inline;margin:5px 0 0 5px;
}
#navWrap ul li:hover,#navWrap ul li.currentPage{
	float:left;
	display:inline;
	margin:5px 0 0 1px;
	padding:0 0 0 4px;
}
#navWrap ul li a{
	float:left;
	display:inline;
	text-decoration:none;
	font:normal 16px/30px Arial,Verdana,Helvetica,sans-serif;
	color:#fff;
	padding:0 0 7px 0;
	text-align:center;
}
#navWrap ul li a:hover,#navWrap ul li a.green:hover{
	float:left;
	display:inline;
	color:#fff;
}
#navWrap ul li a.green{
	float:left;
	display:inline;
	text-decoration:none;
	font:normal 16px/30px Arial,Verdana,Helvetica,sans-serif;
	color:#b6e595;
}
#navWrap ul li a.green:hover,#navWrap ul li a.green:hover{
	float:left;
	display:inline;
	text-decoration:none;
	font:normal 16px/30px Arial,Verdana,Helvetica,sans-serif;
	color:#b6e595;
}
#slider{
	clear:both;
	overflow:hidden;
	position:absolute;
	width:950px;
	height:272px;
	margin:0;
}
#slides{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
#slides .next,#slides .prev{
	position:absolute;
	top:105px;
	left:0px;
	width:49px;
	height:49px;
	display:block;
	z-index:9999;
	overflow:hidden;
	background-image: url(../images/billboardArrows.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.slides_container{
	width:6000px;
	height:270px;
	overflow:hidden;
	position:relative;
}
#slides .next{
	left:880px;
	background:url(../images/billboardArrows.png) no-repeat -49px 0;
}
#slides ul.pagination{
	display:none;
}
#slider .features{
	width:969px;
	float:left;
}
#slider .craftFeature{
	width:969px;
	float:left;
	margin:0;
	padding:0;
	height:272px;
	background:url(../images/crafthobbybanner.gif) no-repeat;
}
#slider .craftFeature .mainCopy{
	position:relative;
	z-index:1;
	float:left;
	display:inline;width:380px;
	margin:41px 0 0 85px;
}
#slider .craftFeature .mainCopy h3{
	color:#D81C6A;
	margin:5px 0 0 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 25px;
	line-height: 28px;
	font-weight: bold;
}
#slider .craftFeature .mainCopy p{
	color:#69798D;
	margin:5px 0 0 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	font-variant: normal;
}
#slider .craftFeature .mainCopy a{
	text-decoration:underline;
	font:bold 14px/20px Arial,Helvetica,Verdana,sans-serif;
	color:#b6e595;
}
#slider .craftFeature .mainCopy img{
	float: left;
	display:inline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
#slider .holidayBillboard{
	position:relative!important;
	width:969px;
	float:left;
	margin:0;
	padding:0;
	height:318px;
	background:url(../images/emailmadeeasy.jpg) no-repeat;
}
#slider .holidayBillboard .mainCopy{
	width:560px;
	float:left;
	margin:45px 0 0 315px;
}
#slider .holidayBillboard .mainCopy p{
	float:left;
	font:normal 19px/22px Arial,Helvetica,sans-serif;
	color:#69798D;margin:10px 0 35px 0;
}
#slider .holidayBillboard .mainCopy h3{
	font:bold 36px/30px Arial,Helvetica,Verdana,sans-serif;
	color:#D81C6A;
	margin:5px 0 0 0;
}
#slider .holidayBillboard .holidayButton{
	float:right;
	margin:30px 0 0 0px;
}
#slider .nonprofitFeature{
	width:950px;
	float:left;
	margin:0;
	padding:0;
	height:272px;
	background:url() no-repeat;
}
#slider .nonprofitFeature .mainCopy{
	position:relative;z-index:1;
	float:left;
	display:inline;
	width:370px;
	margin:157px 0 0 537px;
}
#slider .nonprofitFeature .mainCopy h3{
	font:bold 24px/24px Arial,Helvetica,Verdana,sans-serif;
	color:#b3e091;
	margin:5px 0 0 0;
}
#slider .nonprofitFeature .mainCopy p{
	font:normal 14px/20px Arial,Helvetica,Verdana,sans-serif;
	color:#fff;margin:5px 0 0 0;
}
#slider .nonprofitFeature .mainCopy a{
	text-decoration:underline;
	font:bold 14px/20px Arial,Helvetica,Verdana,sans-serif;
	color:#b6e595;
}
#slider .nonprofitFeature .mainCopy img{
	float:left;display:inline;margin:0 0 5px 0;
}
#slider .familyFeature{
	width:969px;
	float:left;
	margin:0;
	padding:0;
	height:318px;
	background-image: url();
	background-repeat: no-repeat;
}
#slider .familyFeature .mainCopy{
	position:relative;
	z-index:1;
	float:left;
	display:inline;
	width:405px;
	margin:115px 0 0 86px;
}
#slider .familyFeature .mainCopy h3{
	font:bold 20px/24px Arial,Helvetica,Verdana,sans-serif;
	color:#b3e091;
	margin:5px 0 0 0;
}
#slider .familyFeature .mainCopy p{
	font:normal 12px/18px Arial,Helvetica,Verdana,sans-serif;
	color:#fff;
	margin:5px 0 0 0;
}
#slider .familyFeature .mainCopy a{
	text-decoration:underline;font:bold 14px/20px Arial,Helvetica,Verdana,sans-serif;
	color:#b6e595;
}
#slider .familyFeature .mainCopy img{
	float:left;
	display:inline;
	margin:0 0 5px 0;
}
#slider .mainCopy{
	position:relative;
	z-index:1;
	float:left;
	display:inline;
	width:370px;
	margin:20px 60px 0 0;
}
#slider .mainCopy h3{
	font:bold 18px/24px Arial,Helvetica,Verdana,sans-serif;
	color:#fff;
	margin:5px 0 0 0;
}
#slider .mainCopy p{
	font:normal 14px/20px Arial,Helvetica,Verdana,sans-serif;
	color:#fff;
	margin:5px 0 0 0;
}
#slider .mainCopy a{
	text-decoration:underline;
	font:bold 14px/20px Arial,Helvetica,Verdana,sans-serif;
	color:#b6e595;
}
#slider .mainCopy img{
	float:left;
	display:inline;
	margin:0 0 5px 0;
}
.mainCopy .trialButton{
	float:right;
	display:inline;margin:4px 8px 0 0;
	width:167px;
	height:41px;
	overflow:hidden;
}
.mainCopy .trialButton a{
	float:left;
	display:inline;
	margin:0 10px 0 0;
}


a.button {color: #fff!important; font-family: Verdana; font-weight: bold; text-decoration: none; float: left;}
a.button, a.button span {overflow: hidden; display: -moz-inline-box; display: inline-block; line-height: 1;}
/*//// SOFT BUTTONS ////*/
/* To use, place the button text inside a span and add classes 'button' and 'soft' to the anchor. You can also determine the color and add an arrow (see below). */
a.button.soft {font-size: 12px; height: 36px; padding-right: 12px; background: no-repeat 100% -511px; margin-top: 12px;}
a.button.soft span {display: block; height: 12px; padding: 11px 0 13px 11px; background-position: 0 -451px;}
a.button.soft.medium, a.button.soft.medium span {height: 28px;}
a.button.soft.medium {font-size: 11px; background-position: 100% -307px;}
a.button.soft.medium span {padding: 7px 0 10px 11px; background-position: 0 -349px;}
a.button.soft.small, a.button.soft.small span {height: 24px;}
a.button.soft.small {font-size: 11px; background-position: 100% -139px;}
a.button.soft.small span {padding: 5px 0 8px 11px; background-position: 0 -260px;}
a.button.right {float: right;}
a.button.center {float: none; text-align: center;}
/* Colors // To use, add a class of 'green', 'blue' or 'orange' to the anchor. These buttons default to green if no color is specified. */
a.button.soft, a.button.soft span, a.button.soft.orange, a.button.soft.orange span {background-image: url(../images/button-soft-orange.png);}
/* Right Arrow // To use, add a class of 'arrow' to the anchor. */
a.button.soft.arrow {padding-right: 29px; background-position: 100% -397px;}
a.button.soft.arrow.medium {background-position: 100% -217px;}
a.button.soft.arrow.small {background-position: 100% -61px;}
/* Hover State // Works for all variations. */
a.button.soft:hover {background-position: 100% -549px;}
a.button.soft:hover span {background-position: 0 -489px;}
a.button.soft.arrow:hover {background-position: 100% -435px;}
a.button.soft.medium:hover {background-position: 100% -337px;}
a.button.soft.medium:hover span {background-position: 0 -379px;}
a.button.soft.arrow.medium:hover {background-position: 100% -247px;}
a.button.soft.small:hover {background-position: 100% -165px;}
a.button.soft.small:hover span {background-position: 0 -286px;}
a.button.soft.arrow.small:hover {background-position: 100% -87px;}
/* Active State // Works for all variations. */
a.button.soft:active {background-position: 100% -587px;}
a.button.soft:active span {background-position: 0 -527px;}
a.button.soft.arrow:active {background-position: 100% -473px;}
a.button.soft.medium:active {background-position: 100% -367px;}
a.button.soft.medium:active span {background-position: 0 -409px;}
a.button.soft.arrow.medium:active {background-position: 100% -277px;}
a.button.soft.small:active {background-position: 100% -191px;}
a.button.soft.small:active span {background-position: 0 -312px;}
a.button.soft.arrow.small:active {background-position: 100% -113px;}