/* 
Colors: 
Blue: #3d71a5;
Orange: #b34c00;
Green:  #6f8a40;
Brownish Green (hr): #b5bb80;
Black: #323232;
Background color: #cce2ec;

H1:
font-family: Arial;
font-size: 20px;
font-weight: bold;
color: #6f8a40;

H2:
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: #6f8a40;

H3 (default = body text + bold):
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #323232;

p (main body text):
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #323232;

Login - header
font-family: Arial;
font-size: 13px;
font-weight: normal;
color: #3d71a5;
underline on hover

top nav (inactive):
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #6f8a40;

top nav (active):
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #e9e9bb;

Marketing title(the better way to get projects done):
font-family: Arial;
font-size: 20px;
font-weight: bold;
color: #444444;

Marketing body text:
font-family: Arial;
font-size: 16px;
font-weight: normal;
color: #444444;

Marketing tabs(2) - title:
font-family: Arial;
font-size: 18px;
font-weight: bold;
color: #444444;

Marketing tabs(2) - body text:
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #444444;

Marketing tabs(2) - body text - active link:
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #bd1d64;

testimonials - body text:
font-family: Georgia;
font-size: 12px;
font-weight: normal;
text-dec: italic;
color: #323232;

testimonials - name:
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #323232;

read/learn more:
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #b34c00;

Copyright:
font-family: Arial;
font-size: 10px;
font-weight: bold;
color: #8fa1a9;
*/



/*------------- reset styles --------------*/
* {
margin:0;
padding:0;}

html {
overflow-y: scroll;} /* Firefox scrollbar fix */

.clear {
clear:both;}

a img {
border:none;}


/*--------- site-wide font styles ----------*/
body {
font-family:Arial, sans-serif;
font-size: 13px;
color: #323232;}

h1 {
font-family:Arial, sans-serif;
font-size: 20px;
color: #6f8a40;
margin-bottom:10px;}

h2 {
font-family:Arial, sans-serif;
font-size: 16px;
color: #6f8a40;}

h3 {
font-family:Arial, sans-serif;
font-size: 13px;
color: #323232;}

p {
margin-bottom:10px;
line-height:130%;}


#quick_links a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
text-decoration:none;}

#login a {
font-family:Arial, sans-serif;
font-size:13px;
color:#3d71a5;
font-weight:normal;
text-decoration:none;
background:url(../../images/arrow_login.png) left center no-repeat;
padding-left:10px;}

#login a:hover {
text-decoration:underline;}


#nav a {
font-family:Arial, sans-serif;
font-size:14px;
font-weight:bold;
color:#6f8a40;
text-transform:uppercase;
text-decoration:none;}

#nav a:hover {
color:#e9e9bb;}

#nav a.navsel {
color:#e9e9bb;
background:url(../../images/nav_right.png) right center no-repeat;}


#tabs .marketing #tagline h1 {
font-family:Arial, sans-serif;
font-size:20px;
font-weight:bold;
color:#444444;
margin-bottom:0;}

#tabs .marketing #tagline p {
font-family:Arial, sans-serif;
font-size:13px;
font-weight:normal;
color:#444444;
margin-bottom:0px;}

#tabs .marketing a.demo {
font-family:Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#eff3ea;
text-shadow: 2px 2px 2px #333;
text-decoration:none;}

#tabs .marketing a.demo span {
color:#EFF3EA;
font-size:18px;}


#tabs a {
font-family:Arial, sans-serif;
font-size:12px;
font-weight:normal;
color:#444444;
text-decoration:none;}

#tabs a h3  {
font-family:Arial, sans-serif;
font-size:18px;
font-weight:bold;
color:#444444;
text-decoration:none;}

#tabs a span {
color:red;}



#subnav li a {
font-family:Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#323232;
text-decoration:none;
display:inline-block;
padding:0 10px;}

#subnav li a:hover {
color:#6f8a40;
text-decoration:underline;}



#main #list ul li a {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#444444;
text-transform:uppercase;
text-decoration:none;}

#main #list p {
margin:10px 0 10px 25px;}


p.welcome {
font-size:12px;
margin-bottom:0;}

#welcome h2 {
border-bottom:1px solid #B4BC81;
margin-bottom:10px;}


#main a {
font-family:Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#b34c00;
text-decoration:none;}

#main a:hover {
text-decoration:underline;}

#sidebar a {
}

#sidebar h2 {
border-bottom:1px solid #B4BC81;
margin-bottom:15px;}

#sidebar a.itemmore {
font-family:Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#b34c00;
text-decoration:none;}

#sidebar .subnav a {
font-family:Arial, sans-serif; 
font-size:12px; 
color:#333333; 
text-decoration:none;}

#sidebar .subnav a:hover {
color:#fd983e;}

#sidebar .subnav a.navsel {
font-weight:bold;}

#sidebar #faq ul {
list-style:none;}

#sidebar #faq li.q {
font-style:italic;
font-weight:bold;
margin-bottom:5px;}

#sidebar #faq li.a {
margin-bottom:10px;}

#contact_block p {
margin-bottom:3px;
font-weight:bold;}

#contact_block p span {
font-weight:normal;}

#contact_block p a, #video a {
color:#323232;
text-decoration:none;}

#video a {
display:block;
padding-bottom:5px;}

#contact_block p a:hover, #video a:hover {
text-decoration:underline;}


/* --------------- testimonial page -----------------*/
#testimonial p {
font-family:Georgia, serif;
font-size:12px;
font-weight:normal;
font-style:italic;
color:#323232;}

#testimonial p.names {
font-family:arial, sans-serif;
font-size:12px;
font-weight:normal;
font-style:normal;
color:#323232;}

/* --------------- news & events pages -----------------*/
.pagefade {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#787878;}

#main .news_title, #main .news_title a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
text-decoration:none;}

#main .news_title {
margin-bottom:3px;}

#main .news_date, #main .news_date a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
font-weight:normal;
text-decoration:none;}

#main .news_date {
margin-bottom:3px;}

#main .news_teaser, #main .news_teaser a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:normal;
text-decoration:none;}

#main .news_teaser {
margin-bottom:15px;}

#main a.news_more {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000066;
font-weight:bold;
text-decoration:none;}

#main a.news_more:hover {
text-decoration:underline;}

.event_cost {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:normal;
text-decoration:none;}


/*newsletter block in sidebar*/
#newsletter .title, #sidebar_content .title {
font-family:Verdana, sans-serif;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
color:#787878;}

#newsletter p, #sidebar_content p {
font-family:Verdana, sans-serif;
font-size:11px;
padding-bottom:10px;
line-height:130%;
color:#787878;}

p.news_item {
margin-bottom:10px;}

/* faq page */
#faq ul {
list-style:none;}

#faq li.q {
font-weight:bold;
margin-bottom:5px;}

#faq li.a {
margin-bottom:20px;}


#footer p {
font-family:Arial, sans-serif;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
color:#8fa1a9;
text-align:right;}

#footer a {
text-decoration:none;}



/*-------------------------------- layout styles ----------------------------------*/
body {
background:#cce2ec url(../../images/bg_body.jpg) repeat-x;
text-align: center;}

#wrapper, #header-content {
width:970px;
margin:0 auto;
position: relative;
z-index: 2;
text-align: left}

#header {
width:970px;
height:187px;
float:left;}
/*background:url(../../images/bg_header1.png) top center no-repeat;}*/
/*#imp_bannero {
    position: absolute;
    top: 0px;
    margin: 0;
    padding: 0;
    z-index: 1;
    width: 100%;
}
#imp_banner {
    margin: 0 auto;
    width:970px;
    height:187px;
}*/
#imp_bannero {
position: absolute;
top: 0;
margin: 0;
z-index: 1;
padding: 0;}

#logo {
width:349px;
height:82px;
float:left;
margin-left:40px;}

#quick_links {
width:255px;
height:49px;
float:right;
padding:0 12px;
background:url(../../images/bg_quick_links.png) top center no-repeat;}

#quick_links li {
display:inline;
list-style:none;}

#quick_links li a {
display:inline-block;
text-align:center;
padding:10px 14px 10px 18px;}

#login {
width:178px;
height:40px;
float:right;
padding:30px 13px 0 90px;
clear:right;}

#login li {
list-style:none;
margin-bottom:5px;}


#search {
width:258px;
float:right;
clear:right;
margin:30px 48px 0 0;}

#search .search {
width:190px;
height:20px;
padding:4px 5px 0 5px;
border:1px solid #719CC9;
color:#999999;}



/*------- top horizontal navigation --------*/
#nav {
width:950px;
height:44px;
float:left;
background:url(../../images/bg_nav.png) top center no-repeat;
padding:15px 0 0 20px;}

#nav ul.nav {
float:left;
list-style:none;
margin-left:25px;}

#nav ul.nav li {
float:left;
display:inline;
padding-left:3px;
margin-right:15px;}

#nav ul.nav li a {
float:left;
display:inline-block;
padding:10px 7px 10px 4px;}

#nav ul.nav li a:hover {
background:url(../../images/nav_right.png) right center no-repeat;}

#nav ul.nav li:hover, #nav ul.nav li.selected {
background:url(../../images/nav_left.png) left center no-repeat;}


.social {
float:right;
list-style:none;
margin-right:40px;}

.social li {
display:inline;
margin:0 5px;
padding:0;}

.social a {
margin:0;
padding:0;}

/*------- main body area ---------*/
#moneyminder {
width:881px;
height:317px;
float:left;
background:url(../../images/marketing_mm.jpg) top center no-repeat;}

#budgetbuilder {
width:881px;
height:317px;
float:left;
background:url(../../images/marketing_bb.jpg) top center no-repeat;}

#tabs .marketing #tagline {
float:left;
width:375px;
margin:120px 0 0 172px;}

#tabs .marketing a.demo {
float:left;
display:block;
width:269px;
height:35px;
padding:15px;
text-align:center;
margin:22px 0 0 170px;}


#tabs {
width:406px;
/*height:84px;*/
height:387px;
float:left;
/*margin-left:44px;*/
margin:15px 44px 0 44px;}

#tabs ul li {
list-style:none;
display:inline-block;}

#tabs ul li.mm {
width:172px;
height:64px;
float:left;
padding:10px 15px;
margin-right:2px;}

#tabs ul li.bb {
width:152px;
height:64px;
float:left;
padding:10px 25px;}


#shadow {
width:480px;
height:29px;
/*float:right;*/
position: absolute;
/*margin-right:40px;*/
margin-left: 450px;
margin-top: -85px;
background:url(../../images/bg_shadow.jpg) top left no-repeat;}


#banner {
width:881px;
height:204px;
float:left;
margin:15px 44px 0 44px;}


#subnav {
width:886px;
height:19px;
float:left;
margin:0 40px 0 44px;
/*padding-top:10px;
background:url(../../images/bg_subnav.png) top right no-repeat;*/}

#subnav ul {
list-style:none;}

#subnav li {
display:inline;}


#content {
width:970px;
float:left;
background:url(../../images/bg_content.png) top center repeat-y;}

#main {
width:560px;
float:left;
text-align:left;
padding:20px 30px 30px 50px;
clear:none;}

#main ul, #main ol {
margin-left:25px;}


#list {
float:left;
margin:30px 0;}

#list ul {
list-style:none;
margin-left:5px;}

#list li {
height:22px;
padding-left:20px;
background:url(../../images/arrow_bullet.gif) left center no-repeat;}

#list li a {
display:block;
height:18px;
padding:4px 0 0 2px;
width:557px;}

#list li.alt a {
background:url(../../images/bg_alt_list.jpg) left center no-repeat;}


#welcome {
float:left;}


/* try/buy page */
.payment_form td {
padding:3px 5px;}

/*-------- sidebar ----------*/
#sidebar {
width:281px;
float:right;
clear:none;
padding:10px 20px 20px 15px;
margin-right:14px;
background:url(../../images/bg_sidebar.jpg) top center no-repeat;}

#contact_block {
margin-bottom:30px;}

#video {
margin-bottom:30px;}

#video .bg {
min-height:101px;
width:261px;
background:url(../../images/bg-videos.png) right top no-repeat;}

#testimonial {
margin-bottom:30px;}

#faq {
margin-bottom:30px;}

#newsletter {
margin-bottom:30px;}

#newsletter td {
padding:3px;}

#newsletter td span {
font-weight:bold;}

#newsletter .enews {
width:218px;
height:24px;
border:1px solid #99978A;}




/*---------- footer ----------*/
#footer {
width:900px;
padding:34px 35px 0 35px;
clear:both;
background:url(../../images/bg_footer.png) top center no-repeat;}



/*------------ big fresh signature/logo on light background ---------------*/
#big_fresh {
width:970px;
margin:15px auto;
text-align:center;}

#big_fresh a {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
letter-spacing:1px;
color:#333333;
text-decoration:none;}

#big_fresh span {
color:#fe8a16;}

#big_fresh a:hover span {
text-decoration:underline;}

#big_fresh span.bullet {
color:#999999;}

.red {
color:red;}

/* spam decoys */
.form_serial {display: none;}