/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


   Screen.css // Bookkeeping in a Box


- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* RESET  (BY ERIC MEYER)   
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: "lucida grande", "trebuchet ms", helvetica, arial, sans-serif;
	line-height: 1.2em;
	vertical-align: baseline;
}
a:link {
color: #275c95;
cursor: pointer;
}
p {
line-height: 1.4em;
margin: 0 0 1em;
}
ul, ul li {
list-style: none;
}
small { font-size: .9em }
sup {
font-size: .6em;
}
strong {
font-weight: bold;
}
body {
background: url(media/body.png) repeat-x top;
color: #222;
font-size: 80%;
}
em {font-style: italic;}
.container {
background:  url(media/bg-wrapper.png) no-repeat top;
margin: 0 auto;
width: 910px;
position: relative;
}
#content hr {
background: #eee;
height: 1px;
color: #eee;
border: 0;
margin: 2em 0 2em;
}
/* 
------------------------------------------------

MAIN NAVIGATION

------------------------------------------------ */
#mnav {
height: 43px;
margin: 0 5px;
padding: 0 4px;
position: absolute;
z-index: 2;
width: 900px;
}
#mnav .nav li {
float: left;
padding-top: 8px;
}
#mnav .nav li a {
color: #b7b7b7;
font-size: 12px;
float: left;
display: block;
outline: 0;
height: 36px;
line-height: 36px;
margin-right: 3px;
padding: 0 18px;
text-decoration: none;
text-transform: uppercase;
}

#mnav .nav a.products em { 
background: url(media/bg-product-tab.gif) repeat-x center bottom;
color: #b7b7b7;
line-height: 36px;
font-style: normal;
display: block;
}
#mnav .nav a:hover,
#mnav .nav a.home:hover,
#mnav .nav a.about:hover,
#mnav .nav a.products:hover,
#mnav .nav a.testimonials:hover,
#mnav .nav a.faqs:hover,
#mnav .nav a.resources:hover,
#mnav .nav a.contact:hover,
.home #mnav .nav a.home,
.about #mnav .nav a.about,
.products #mnav .nav a.products, .bkib #mnav .nav a.products, .personal #mnav .nav a.products,
.testimonials #mnav .nav a.testimonials,
.faqs #mnav .nav a.faqs,
.articles #mnav .nav a.articles,
.contact #mnav .nav a.contact { 
background: #000 url(media/bg-tab.gif) repeat-x top; 
color: #fff;
}
#mnav .nav a.products:hover em {
color: #fff;
}
#mnav .nav li.last {
float: right;
margin-right: 5px;
*margin-right: 10px;
_margin-right: 5px;
}
.nav li#tab-buynow a {
color: #fff;
}
/* 
------------------------------------------------

MASTHEAD

------------------------------------------------ */
#masthead {
background: #222 url(media/bg-masthead.gif) repeat-x top;
margin: 0 5px;
height: 191px;
}
.sub #masthead {
height: 174px;
}
#logo {
background: url(media/bkib-sitelogo.gif) no-repeat;
display: block;
position: absolute;
top: 54px;
left: 50%;
margin-left: -260px;
}
* html #logo {
background: url(media/bkib-sitelogo.gif) no-repeat;
}
#logo a {
display: block;
outline: 0;
text-indent: -9000px;
width: 460px;
height: 120px;
}
.sub #logo {
background: url(media/bkib-sitelogo-sub.gif) no-repeat 0 0;
margin-left: -200px;
}
.sub #logo a {
width: 361px;
height: 96px;
}
/* 
------------------------------------------------

BANNER

------------------------------------------------ */
#banner {
position: absolute;
top: 245px;
left: 0;
z-index: 1;
margin: 0 5px;
width: 900px;
height: 505px;
zoom: 1;
}
#banner img {
display: none;
width: 900px;
height: 505px;
margin: 0;
position: absolute;
top: 0;
left: 0;
}
.bubble-1 {
background: url(media/bubble-so-simple.png);
display: block;
height: 55px;
width: 185px;
position: absolute;
top: 111px;
left: 33px;
z-index: 2;
}
* html .bubble-1 { background-image: url(media/bubble-so-simple.gif)}
.bubble-2 {
background: url(media/bubble-betterway.png);
display: block;
height: 84px;
width: 235px;
position: absolute;
top: 81px;
left: 651px;
z-index: 2;
}
* html .bubble-2 { background-image: url(media/bubble-betterway.gif)}

#banner .nav {
position: absolute;
top: 24px;
z-index: 2;
}

#banner .nav a:hover { background-position: 0 -25px; }

#banner-nav-personal {
position: absolute;
left: 24px;
}
	  #banner-nav-personal .learn-more {
	  background: url(media/btn-learnmore.gif) no-repeat 0 0;
	  outline: 0;
	  display: block;
	  float: left;
	  margin-right: 4px;
	  text-indent: -9000px;
	  height: 25px;
	  width: 91px;
	  }

	  #banner-nav-personal .buy-now {
	  background: url(media/btn-buynow.gif) no-repeat 0 0;
	  outline: 0;
	  display: block;
	  float: left;
	  text-indent: -9000px;
	  height: 25px;
	  width: 91px;
	  }
#banner-nav-business {
position: absolute;
right: 17px;
}
	  #banner-nav-business .learn-more {
	  background: url(media/btn-learnmore-2.gif) no-repeat 0 0;
	  outline: 0;
	  display: block;
	  float: left;
	  text-indent: -9000px;
	  height: 25px;
	  margin-right: 4px;
	  width: 91px;
	  }
	  #banner-nav-business .buy-now {
	  background: url(media/btn-buynow-2.gif) no-repeat 0 0;
	  outline: 0;
	  display: block;
	  float: left;
	  text-indent: -9000px;
	  height: 25px;
	  width: 91px;
	  }
/* 
------------------------------------------------

HOME > ORGANIZE

------------------------------------------------ */
h2#head-organize { 
background: #e04018 url(media/bg-organize.png);
border-width: 0 1px;
border-style: solid;
border-color: #d25224;
height: 54px;
margin: 0 5px;
padding: 1px 0;
}
	h2#head-organize em {
	background: url(media/head-organize.png) no-repeat -47px 1px;
	display: block;
	height: 54px;
	outline: 0;
	padding-top: 1px;
	text-indent: -9000px;
	}
	#btn-watchprodvideo {
	background: url(media/btn-watchprodvideo2.gif) no-repeat 0 0;
	display: block;
	position: absolute;
	outline: 0;
	text-indent: -9000px;
	top: 148px;
	left: 659px;
	z-index: 4;
	height: 43px;
	width: 232px;
	}
	#btn-watchprodvideo:hover {
	background-position: 0 -43px;
	}
	.sub #btn-watchprodvideo {
	background: url(media/btn-watchprodvideo-3.gif) no-repeat 0 0;
	display: block;
	height: 34px;
	width: 222px;
	text-indent: -9000px;
	overflow: hidden;
	outline: 0;
	position: absolute;
	top: 187px;
	left: 664px;
	z-index: 9;
	}
	.sub #btn-watchprodvideo:hover {
	background-position: 0 -35px;
	}
/* 
------------------------------------------------

CONTENT

------------------------------------------------ */
#content {
clear: both;
position: relative;
margin: 0 5px;
margin-bottom: 20px;
padding: 0;
font-size: 1.1em;
}
.home #content {
background: #fff url(media/bg-banner.jpg) no-repeat 0 0;
}
.sub #content {
background: #fff;
padding: 0 0 34px;
min-height: 500px;
}
* html .sub #content {
height: 500px;
}
.sub #span-1 {
float: left;
padding-top: 28px;
width: 592px;
margin: 0 0 0 25px;
display: inline;
}
.sub #span-2 {
background: url(media/bg-sidebar.png) no-repeat 0 0;
float: right;
padding: 28px 18px 20px 19px;
width: 222px;
min-height: 600px;
margin: 0 0 0 0;
font-size: .9em;
}
* html .sub #span-2 {
height: 500px;
}
#personal-col {
background: url(media/prod-personal-bg.gif) repeat-x top;
float: left;
width: 400px;
padding: 0 25px;
min-height: 500px;
display: inline;
}
* html #personal-col {
width: 400px;
}
#business-col {
background: url(media/prod-business-bg.gif) repeat-x top;float: right;
width: 400px;
padding: 0 25px;
min-height: 500px;
display: inline;
}

* html #business-col {
width: 400px;
}

.sub h1 {
color: #bb4317;
color: #fff;
background: #191919;
font-size: 1.6em;
margin: 0 5px;
height: 62px;
position: relative;
}
.sub h1 .wrap {
display: block;
height: 28px;
width: 200px;
outline: 0;
position: absolute;
top: 17px;
left: 25px;
text-indent: -9000px;
}
.postpaypal h1 .wrap,
.error h1 .wrap {
text-indent: 0;
width: 800px;
}
.about h1 .wrap 		{ background: url(media/head-about-us.gif) no-repeat 0 0; }
.products h1 .wrap 		{ background: url(media/head-products.gif) no-repeat 0 0; }
.testimonials h1 .wrap 	{ background: url(media/head-testimonials.gif) no-repeat 0 0; }
.faqs h1 .wrap 		{ background: url(media/head-faqs.gif) no-repeat 0 0; top: 18px;}
.articles h1 .wrap 		{ background: url(media/head-articles.gif) no-repeat 0 0; top: 18px;}
.contact h1 .wrap 		{ background: url(media/head-contact.gif) no-repeat 0 0; }
.personal h1 .wrap 		{ background: url(media/head-pbkib.gif) no-repeat 0 0; width: 500px; height: 34px;}
.bkib h1 .wrap 		{ background: url(media/head-bkib.gif) no-repeat 0 0; width: 500px; height: 34px;}
.sub h2 {
color: #62a13e;
font-size: 1.3em;
margin: .5em 0;
letter-spacing: -1px;
}
.sub h2 a {
background: url(media/pattern-dotted.gif) repeat-x bottom;
color: #62a13e;
text-decoration: none;
padding-bottom: 3px;
}
.sub h2 a:hover {
background: #f2f7ee;
}
.sub h2.first {

}
.sub .parallels h2 {
color: #fff;
font-size: 1.3em;
margin: 0 0 20px;
line-height: 59px;
}
.sub .parallels h2 a {
color: #fff;
text-decoration: none;
line-height: 59px;
display: block;
height: 59px;
width: 425px;
}
.sub h3 {
color: #d44511;
font-size: 1.3em;
margin: .8em 0 .6em;
letter-spacing: -1px;
}
.sub #content .preamble {
color: #62a13e;
font-size: 1.4em;
letter-spacing: -1px;
margin-bottom: .6em;
}

#content .pink {
background: #fbc2c7;
border-color: #e5989f;
}
.home #span-1 {
float: left;
padding: 24px 0 0 24px;
}
.home #span-2 {
float: right;
padding: 24px 24px 0 0;
}
#content ul, #content ol {
margin: 1em 0;
}
#content ul li {
background: url(media/bullet-blue.gif) no-repeat 0 7px;
padding-left: 16px;
margin: 0 0 .4em 2px;
line-height: 1.4em;
}
#content ol li {
margin-left: 2.5em;
margin: 0 0 .5em 2em;
padding-left: 10px;
line-height: 1.4em;
}
#content ul.nav li {
background: transparent;
display: block;
padding: 0;
margin: 0;
}
#span-1 ul.nav li {
font-size: .9em;
}
#content ul.nav li a {
background: url(media/pattern-dotted.gif) repeat-x bottom;
display: block;
text-decoration: none;
line-height: 24px;
padding: 5px 0;
}
* html #content ul.nav li a,
* html #content ul.nav li {
height: 1%;
}
#content ul.nav li a:hover {
color: #62a13d;
background-color: #f9f9f9;
}
#span-2 ul.nav li a:hover {
color: #62a13d;
background-color: #f3f3f3;
}

/* HOME > CONTENT --------- */
.home #content {
padding: 261px 0 0 0;
width: 900px;
}
#head-your-life {  /**  YOUR LIFE HEADING ***/
background: url(media/head-yourlife.gif) no-repeat 0 0;
margin-bottom: .5em;
outline: 0;
overflow: hidden;
text-indent: -9000px;
height: 54px;
width: 301px;
}
#head-your-business { /**  YOUR BUSINESS HEADING ***/
background: url(media/head-yourbiz.gif) no-repeat 0 0;
margin-bottom: .5em;
outline: 0;
overflow: hidden;
text-indent: -9000px;
height: 54px;
width: 318px;
}
.home #content .preamble {
color: #999;
font-size: 14px;
letter-spacing: normal;
line-height: 1.2em;
margin: .5em 0;
}
.home #content .preamble {
color: #699c2f;
margin: 10px 0;
}
.home #content .preamble strong {
font-weight: bold;
}
.home #content #businessbox .preamble {
color: #2d76af;
}
#content .box {
background: url(media/bg-box-top.gif) no-repeat 0 0;
float: left;
width: 418px;
}
	* html #content .box {
	height: 1%;
	}
	#content .box .wrap {
	background: url(media/bg-box-btm.gif) no-repeat left bottom;
	padding: 34px;
	position: relative;
	min-height: 490px;
	}
	* html #content .box .wrap {
	height: 440px;
	}
	#content .box ul {
	margin: .5em 0;
	}
	#content .box ul li {
	font-size: 1.2em;
	min-height: 30px;
	letter-spacing: -1px;
	line-height: 1.2em;
	margin: .3em 0;
	padding-top: 3px;
	padding-left: 36px;
	}
	* html #content .box ul li {
	height: 1%;
	}
	#personalbox ul li {background: url(media/check-grn.gif) no-repeat 0 center;}
	#businessbox ul li {background: url(media/check-blue.gif) no-repeat 0 center;}

.box .learn-more {
display: block;
height: 26px;
width: 85px;
outline: 0;
overflow: hidden;
position: absolute;
bottom: 20px;
right: 20px;
text-indent: -9000px;
}
#personalbox .learn-more { background: url(media/btn-learnmore-psnl.gif) no-repeat 0 0;}
#businessbox .learn-more { background: url(media/btn-learnmore-biz.gif) no-repeat 0 0;}
#content .box .learn-more:hover {
background-position: 0 -26px;
}

/* =TESTIMONIALS > CONTENT --------- */
.testimonials #personal-col,
.testimonials #business-col {
background-position: 0 -10px !important;
}
.testimonials h2.first {
margin-bottom: 2.9em !important;
}
.testimonials blockquote {
/*background: #f7f7f7;
border: 1px solid #ccc;*/
padding: 0;
margin: 0 0 1em;
}
.testimonials #content blockquote p {
line-height: 1.3em;
padding: 0 24px;
text-align: justify;
}
.testimonials #content blockquote p {
background-color: #dfeed6;
margin: 0;
padding-bottom: .5em;
}
.testimonials #content p.first {
background: transparent url(media/bg-quote-top-grn.png) no-repeat 0 0;
padding-top: 24px;
}
.testimonials #content .cite {
background: transparent url(media/bg-quote-btm-grn.gif) no-repeat top right;
color: #888;
line-height: 1.2em;
text-align: right;
font-size: .90em;
padding-top: 3.2em;
padding-bottom: 8px;
margin: 0;
}
.testimonials .cite em.name {
color: #bb4317;
font-weight: bold;
font-size: 1.2em;
font-style: normal;
}
.testimonials #content #business-col p.first { background: transparent url(media/bg-quote-top-blue.png) no-repeat 0 0; }
.testimonials #content #business-col .cite { background: transparent url(media/bg-quote-btm-blue.png) no-repeat 0 0; }
* html .testimonials #content #business-col .cite { background: transparent url(media/bg-quote-btm-blue.gif) no-repeat 0 0; }

.testimonials #content #business-col blockquote p { background-color: #d6e5ee; }

.error #content  { 
background: url(media/prod-personal-bg.gif) repeat-x 0 -110px;
}
/* =FAQs --------- */
.faqs #personal-col,
.faqs #business-col {
background-position: 0 -10px !important;
}
.faqs h2.first {
margin-bottom: 2.9em !important;
}
.faqs #span-1 {
width: 400px;
}
.faqs #span-2 {
display: none;
}
.faqs p {
line-height: 1.2em;
}
#personal-col p.question {
color: #507b22;
}
#business-col p.question {
color: #2f7dc9;
}
.faqs p.question {
font-weight: bold;
margin: 0 0 .4em;
}
.faqs .answer {
margin-bottom: 1.5em;
}
.faqs p .letter {
font-size: 1.1em;
font-weight: normal;
font-family: Geneva, "Lucida Grande", "Trebuchet MS", arial, sans-serif;
}
.faqs p.answer .letter {
color: #333;
}

/* PRODUCTS --------- */
#prodmain #personal-col {
background: url(media/prod-personal-photo.jpg) no-repeat;
background: url(media/prod-personal-bg.gif) repeat-x top;
position: relative;
min-height: 760px;
width: 390px;
padding: 0 35px 0 25px;
}
#prodmain #business-col {
background: url(media/prod-business-photo.jpg) no-repeat;
background: url(media/prod-business-bg.gif) repeat-x top;
position: relative;
min-height: 760px;
width: 390px;
padding: 0 35px 0 25px;
}
* html #prodmain #personal-col,
* html #prodmain #business-col {
padding-right: 0;
}
#prodmain h3 {
font-size: 1.5em;
letter-spacing: -1px;
margin-top: .7em;
}
.products #span-2 {
font-size: 1em;
}
#prodmain #head-psnl {
background: url(media/head-organize-household-finance.gif) no-repeat 0 0;
width: 375px;
height: 46px;
outline: 0;
text-indent: -9000px;
margin: 20px 0 15px;
}
#prodmain #head-biz {
background: url(media/head-biz-owners-org.gif) no-repeat 0 0;
width: 394px;
height: 76px;
outline: 0;
text-indent: -9000px;
margin: 20px 0 15px;
}
#head-prkms {
background: url(media/head-prkms.gif) no-repeat 7px 33px;
height: 78px;
text-indent: -9000px;
}
#head-prkms a {
background: transparent;
outline: 0;
display: block;
height: 88px;
}
#head-bkibbiz {
background: url(media/head-bkibbiz.gif) no-repeat 7px 33px;
height: 78px;
text-indent: -9000px;
}
#head-bkibbiz a {
background: transparent;
outline: 0;
display: block;
height: 88px;
}
#prodmain #personal-col h3 	{ color: #699c2f; }
#prodmain #business-col h3 	{ color: #2d76af; }

#prodmain img.photo,
#prodpersonal img.photo,
#prodbiz img.photo {
border: 0;
padding: 0;
position: relative;
left: -5px;
margin-top: 3px;
}
#prodmain .learn-more {
background: url(media/btn-learnmore-3.gif) no-repeat 0 0;
outline: 0;
display: block;
margin-right: 25px;
text-indent: -9000px;
height: 26px;
width: 86px;
position: absolute;
right: 0;
bottom: 0;
}
#prodmain .learn-more:hover {
background-position: 0 -26px !important;
}
#prodmain #content .nav {
display: block;
position: absolute;
left: 140px;
top: 314px;
width: 180px;
height: 27px;
z-index: 3;
}
#prodmain .nav .learn-more {
background: url(media/btn-learnmore-4.png) no-repeat 0 0;
width: 93px;
height: 27px;
left: 0;
top: 0;
}
#prodmain .nav .buy-now {
background: url(media/btn-buynow-4.png) no-repeat 0 0;
outline: 0;
display: block;
text-indent: -9000px;
height: 27px;
width: 84px;
position: absolute;
right: 0;
top: 0;
}
#prodmain .nav .learn-more:hover,
#prodmain .nav .buy-now:hover {
background-position: 0 -27px !important;
}
.products #btn-personal,
.products #btn-business,
.products #btn-combo {
display: block;
height: 25px;
width: 85px;
outline: 0;
text-indent: -9000px;
overflow: hidden;
position: absolute;
top: 193px;
left: 140px;
z-index: 99;
}
.products #btn-personal:hover,
.products #btn-business:hover,
.products #btn-combo:hover {
background-position: 0 -50px;
}
.products #btn-personal {
background: url(media/btn-personal.gif) no-repeat 0 0;
}
.products #btn-business {
background: url(media/btn-business.gif) no-repeat 0 0;
left: 227px;
}
.products #btn-combo {
background: url(media/btn-combo.gif) no-repeat 0 0;
left: 314px;
}
#prodpersonal #btn-personal,
#prodbiz #btn-business,
#combo #btn-combo {
background-position: 0 -50px;
}
/* PRODUCTS > =PERSONAL RECORD KEEPING MADE SIMPLE --------- */
#prodpersonal #content {
background: #fff url(media/prod-personal-bg.gif) repeat-x 0 -10px;
}
#prodpersonal #span-1 {
padding-top: 0;
width: 420px;
}
#prodpersonal h2.page-title {
color: #fff;
margin: 0 0 1em;
line-height: 68px;
background: url(media/head-prkms.gif) no-repeat 7px 33px;
height: 113px;
outline: 0;
text-indent: -9000px;
}
#prodpersonal img.photo {
float: right;
position: relative;
margin: 0;
margin-left: 20px;
margin-top: -42px;
}
#prodpersonal #content ul li {
background-image: url(media/bullet-green.gif);
}
/*
#btn-price-psnl,
#btn-price-biz,
#btn-price-combo {
background: url(media/btn-price-psnl-buynow.gif) repeat-x 0 0;
display: block;
height: 69px;
width: 269px;
outline: 0;
text-indent: -9000px;
overflow: hidden;
position: absolute;
top: 250px;
left: 550px;
z-index: 1;
}
#btn-price-biz {
background-image: url(media/btn-price-biz-buynow.gif);
}
#btn-price-combo {
background-image: url(media/btn-price-combo-buynow.gif);
}
#btn-price-psnl:hover,
#btn-price-biz:hover,
#btn-price-combo:hover {
background-position: 0 -69px;
}*/
#prodpersonal #content ul.checks li {
background: url(media/check-grn.gif) no-repeat 0 center;
}
#prodpersonal #span-2 {
background: transparent;
width: 411px;
padding-top: 91px;
}
#btn-price-psnl,
#btn-price-biz,
#btn-price-combo {
position: absolute;
top: 250px;
left: 550px;
z-index: 99;
}
/* PRODUCTS > =BUSINESS OWNERS --------- */
#prodbiz #content {
background: #fff url(media/prod-business-bg.gif) repeat-x 0 -10px;
}
#prodbiz #span-1 {
padding-top: 0;
width: 420px;
}
#prodbiz h2.page-title {
color: #fff;
margin: 0 0 1em;
line-height: 68px;
background: url(media/head-bkibbiz.gif) no-repeat 7px 33px;
height: 113px;
outline: 0;
text-indent: -9000px;
}
#prodbiz #content p.preamble,
#prodbiz #content h2 {
color: #3475b9;
}
.products #span-2 img {
margin-bottom: 15px;
}
#prodbiz #content ul li {
background-image: url(media/bullet-blue.gif);
}
#prodbiz #span-2 {
background: transparent;
width: 411px;
padding-top: 91px;
}
#prodbiz #content ul.checks li {
background: url(media/check-blue.gif) no-repeat 0 center;
margin: 0;
padding: 5px 0 5px 35px;
}

/* PRODUCTS > =COMBO --------- */
#combo #content {
background: #fff url(media/prod-combo-bg.gif) repeat-x 0 0px;
}
#combo #span-1 {
padding-top: 0;
width: 420px;
}
#combo h2.page-title {
color: #fff;
margin: 0 0 1em;
line-height: 68px;
background: url(media/head-bkib-combo.gif) no-repeat 44px 33px;
height: 113px;
outline: 0;
text-indent: -9000px;
}
#combo #content p.preamble,
#combo #content h2 {
color: #da4815;
}
#combo #span-1 ul li {
background-image: url(media/bullet-blue.gif);
}
#combo #span-2 {
background: transparent;
width: 411px;
padding-top: 91px;
}
#combo #content ul.checks li {
background: url(media/check-blue.gif) no-repeat 0 center;
margin: 0;
padding: 5px 0 5px 35px;
}
#combo .combo-photo {
margin-left: 60px;
}

/* 
------------------------------------------------

POST

------------------------------------------------ */
.post {
background: url(media/pattern-dotted.gif) repeat-x bottom;
padding-bottom: 20px;
margin-bottom: 30px;
}
.post h2 {
margin-bottom: .3em;
}
.post-body {
font-size: .95em;
}
#content .byline {
font-family: georgia, sans-serif;
font-size: 1em;
margin: .6em 0;
font-style: italic;
}
#content .post .byline {
font-size: .9em;
}
#content .byline b {
font-family: "lucida grande", verdana;
font-style: normal;
padding-left: 1px;
}
#content .byline .date {
font-style: normal;
font-size: .9em;
color: #777;
padding-left: 5px;
font-family: "lucida grande", verdana, arial, sans-serif;
}
#content .post-body p {
margin: .5em 0;
}
.post .nav {
text-align: right;
}
/* 
------------------------------------------------

FOOTER

------------------------------------------------ */
#footer {
background: url(media/bg-footer-top.gif) repeat-x top;
clear: both;
margin: 0 auto 2em;
width: 853px;
display: block;
position: relative;
}
#footer .wrap {
color: #999;
font-size: .95em;
letter-spacing: normal;
padding: 0 26px;
}
#footer .legal {
background: url(media/bg-footer-btm.gif) repeat-x bottom;
display: block;
line-height: 6em;
margin: 0;
position: relative;
}
#footer a {
color: #555;
font-size: inherit;
text-decoration: none;
}
#footer a:hover {
color: #000;
}
#footer .credits {
font-size: inherit;
position: absolute;
right: 25px;
top: 2.3em;
*top: 0; /* ie6 and ie 7 */
}


/* ADD ONS  
-------------------------------------------------------------- */
.hide-me {
display: none;
}
.photo {
border: 1px solid #eee;
border-color: #eee #ddd #ddd #eee;
padding: 4px;
}
img.right {
float: right;
margin: 0 0 12px 12px;
}
img.left {
float: left;
margin: 0 15px 5px 0;
}
.center {
text-align: center !important;
}
.large {
font-size: 1.1em !important;
}
a.wufoolink {
color: #888;
display: block;
float: right;
padding: 4px 0;
text-decoration: none;
font-size: 10px;
}
.module {
border-top: 3px solid #ccc;
background: #ebebeb;
font-size: 1em;
line-height: 1.2em;
text-align: center;
display: block;
padding: 14px;
margin-bottom: 1.2em;
}
#span-2 .module {
line-height: 1.5em;
text-align: left;
padding: 14px 20px;
}
#span-2 address.module {
padding: 14px 0 14px 24px;
}
#span-2 .spotlight {
background: #fbc2c7 url(media/band-pink.gif) repeat-x top;
padding: 14px 20px;
border: 0;
}
.spotlight em {
background: #feebeb;
font-style: normal;
padding: 3px;
}
address.module b {
width: 50px;
display: block;
float: left;
}
#span-2 a.button {
display: block;
margin-bottom: 7px;
}
blockquote.pullquote {
float:left;
width:8em;
margin:0.25em 1em 0.25em 0;
padding:1.5em .5em 1.5em .5em;
border:3px double #eee;
border-width:3px 0;
color:#598527;
background:transparent;
font-size: 1.5em;
letter-spacing: -1px;
}
blockquote.alt {
float:right;
margin:0.25em 0 0.25em 0.75em;
}
.pullquote p {
margin:0;
text-align:center;
}
.pullquote p:first-letter {text-transform:uppercase}
.articles blockquote.pullquote {
width: 12em;
font-size: 1.3em;
float: right;
margin: .4em 0 .5em 1em;
}

.home li em {
color: #d44511; /* orange red */
color: #d74272; /* pink */
font-style: normal;
}

/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */
#lightbox * {
outline: 0;
}
#lightbox {
	border: 4px solid #111;
	display:none;
	position: absolute;
	width: 425px;
	top:50%;
	left:50%;
	z-index:9999;
	margin:-235px 0 0 -207px;
	background:#cc2752; /* pink */
background: #fff;
	text-align:left;
outline: 0;
}
#lightbox[id] {
	position: fixed;
}

#overlay {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999;
	background-color:#000;
	-moz-opacity: 0.5;
	opacity: .50;
}
#overlay {
*filter: alpha(opacity=50);
}
#overlay[id] {
	position: fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}
.close a {
background: url(media/btn-close-video.gif) no-repeat center 0;
display: block;
height: 0 !important;
height /**/: 24px;
padding: 24px 0 0 0;
width: 100%;
text-indent: -9000px;
position: relative;
overflow: hidden;
margin: 10px 0 0px;
}
.video .close a:hover {background: url(media/btn-close-video.gif) no-repeat center -24px;}
.video {
background: url(media/bg-video.gif) repeat-x bottom;
padding: 3px 0;
}

/* BUY NOW POP UP
------------------------------------------------------- */
#buynow {
background: #111 url(media/bg-buynow-popup.png) no-repeat -10px 0;
height: 347px;
}
#buynow h2 {
display: none;
}
#buynow-personal,
#buynow-business,
#buynow-combo {
position: relative;
height: 101px;
}
#buynow form {  /* BUTTONS */
position: absolute;
left: 228px;
top: 54px;
}
#buynow .close a {
position: absolute;
bottom: 7px;
}
/* MISC
------------------------------------------------------- */

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix { display: inline-block; }   
.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clearfix { height: 1%; }
.clearfix { display: block; }