/* LANDING PAGE */
.content		{background: url(../images/main-bg.png) repeat-y; width: 780px; padding: 0px 13px; margin: 0 auto; padding-top: 5px; color: #444; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);}
.header			{height: 76px; position: relative;}
.logo			{background: url(../images/tfy-logo.png) no-repeat; width: 345px; height: 120px; margin: 0px auto; position: relative; z-index: 40;}
.about			{width: 650px; margin:0px auto 10px; font-family: georgia, 'times new roman', serif; font-size: 12px; color: #00749a; font-style: italic;}

.demo			{background: url(../images/fancy-top.png) repeat-x; padding-top: 13px; margin-top: -15px;}
.swf			{float: left; height: 303px;}
.swf-center	    {height: 303px; margin: 30px 0 35px 94px;}
.desc			{width: 270px; height: 263px; float: left; background-color: #d8b05a; position: relative; font-family: georgia, serif; color: #fff; font-size: 17px; line-height: 1.5; padding: 25px; padding-top: 15px;}
.desc p			{margin-bottom: 6px;}
.desc p em		{color: #3c0c0c; font-style: normal;}
.desc h2		{width: 320px; height: 28px; margin-top: 26px; background: url(../images/video-guestbooks.png) no-repeat;}
.desc li		{list-style-image: url(../images/list-item.png);}
.price			{width: 76px; height: 76px; background: url(../images/price.png); position: absolute; bottom: 82px; right: 15px;}
.themes-link	{width: 247px; height: 56px; background: url(../images/all-themes.png);}
.themes-link:hover	{background-position: 0px -56px;}
a.professionals	{position: relative; top: -5px; font-family: georgia, serif; color: #fff; font-style: italic; font-size: 12px; line-height: 2; font-size: 10px; margin-left: 6px;}

.free-download				{background-color: #545d5e; color: #fff; padding: 12px 30px 0px; font-family: Georgia, serif; font-style: italic;}
.free-download ul			{float: left;}
.free-download li			{list-style-image: url(../images/list-item.png);}
.free-download .download	{float: left; width: 232px; height: 25px; background: url(../images/download2.png) no-repeat; margin-left: 30px; margin-top: 14px;}
.free-download .download:hover	{background-position: 0px -25px;}

.professionals-banner		{background: url(../images/professionals-banner.png) no-repeat; width: 377px; height: 32px; margin: 0px auto 20px; cursor: pointer;}
.professionals-banner:hover	{background-position: 0px -32px;}

.icanhaz		{background: url(../images/icanhaz.jpg) no-repeat; width: 587px; height: 415px; margin: 0px 0px 0px 28px;}

.limited-offer-header		{background: url(../images/limitedtimeoffer_hdr.png) no-repeat; width: 717px; height: 47px; margin: 30px auto 0px -5px;}


.special-offer-header		{background: url(../images/specialofferhdr.png) no-repeat; width: 680px; height: 40px; margin: 60px auto 0px -20px;}
.offer-tagline		{font-family: Georgia, Times, serif; font-size: 12px; text-align: center; color: #79797b; padding-bottom: 20px;}
.offer-entreaty		{font-family: Georgia, Times, serif; font-size: 13px; text-align: center; color: #79797b;}
.special-offer-percentoff		{background: url(../images/20off.png) no-repeat; width: 664px; height: 33px; margin: 6px auto 7px -20px;}
.special-offer-pricecut		{background: url(../images/pricecut.png) no-repeat; width: 519px; height: 134px; margin: 30px auto 30px 60px;}
.special-offer-sticker		{background: url(../images/sticker.png) no-repeat; width: 122px; height: 120px; margin-right: -88px; float: right;}
.special-offer-order		{background: url(../images/order_btn.png) no-repeat; width: 246px; height: 56px; margin: 20px auto 10px 195px;}
.special-offer-order:hover		{background-position: 0px -56px;}
.teal			{color: #00749b;}
.offer-toolkit		{font-family: Georgia, Times, serif; font-size: 13px; text-align: center;}
.offer toolkit a a:visited	{color: #c94628; text-decoration: underline; text-align: center;}
.special-offer-seeitinaction	{background: url(../images/seeitinaction.png) no-repeat; width: 104px; height:87px; margin-left: -34px; float: left;}
.trydemo		{background: url(../images/trydemo.png) no-repeat; width: 140px; height: 118px; position: absolute; left: 0px; top: 0px;}
.trydemo:hover		{background-position: 0px -118px;}



.footer			{background: url(../images/fancy-bottom.png) repeat-x; padding: 20px 0px 100px;}
.footer ul		{margin: 0px;}
.twitter		{width: 120px; height: 40px; background: url(../images/twitter.png); margin-left: 265px; float: left;}
.facebook		{width: 120px; height: 40px; background: url(../images/facebook.png); margin-left: 10px; float: left;}
.footer .links	{margin: 6px auto; text-align: center; background: url(../images/dots.png) repeat-x; width: 188px; padding-top: 6px;}
.links a		{}
.links ul		{padding-left: 0px;}
.links li		{list-style-type: none; display: inline-block; margin-right: 8px;}
.links li:last-child	{margin-right: 0px;}
.footer .links a	{text-transform: uppercase;color: #782200; font-family: helvetica, sans-serif; font-size: 9px; text-decoration: none; font-weight: bold; font-style: normal;}

.jfm			{width: 307px; height: 93px; margin: 0 auto; background: url(../images/jfm-exp.png) no-repeat; position: relative; top: -10px;}
.jfm:hover		{background-position: 0px -93px;}


/* CUSTOMIZE */
.customize		{width: 780px; height: 80px; margin-top: 4px; background: url(../images/customize.png) no-repeat; border-bottom: none;}
.step1			{width: 500px; margin-left: 20px; margin-bottom: 10px;}
.step1 h2		{background: url(../images/names.png) no-repeat; margin-bottom: 0px; width: 423px; height: 33px; border-bottom: none;}
.step2			{width: 215px; margin-left: 20px; margin-bottom: 10px;}
.step2 h2		{background: url(../images/date.png) no-repeat; margin-bottom: 0px; width: 131px; height: 33px; border-bottom: none;}
.step3			{width: 740px; margin-left: 20px; margin-bottom: 10px;}
.step3 h2		{background: url(../images/select.png) no-repeat; width: 164px; height: 33px; margin-bottom: 0px; height: 24px; border-bottom: none;}

input.name		{width: 202px; height: 14px; margin-right: 8px; padding: 10px; background: url(../images/input-names.png) no-repeat; border: none; font-family: georgia, serif; font-size: 11px; font-style: italic; color: #666;}
.names			{position: relative; top: -16px; left: 42px;}

input.date		{width: 151px; height: 14px;padding: 10px; background: url(../images/input-date.png) no-repeat; border: none; font-family: georgia, serif; font-size: 11px; font-style: italic; color: #666; position: relative; top: -16px; left: 42px;}

.step3 ul		{width: 740px; margin: 0px auto;}
.step3 li		{list-style-type: none; padding: 4px; float: left; background: url(../images/img-shadow.png) no-repeat; margin: 4px; padding: 4px;}
.select-this	{display: block; text-align: center;}
#themes li		{text-align: center; margin-bottom: 20px; font-family: georgia, serif; font-size: 12px; color: #bb4b4b; font-style: italic;}
#themes li.selected	{background: #76b7b1; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#themes li img		{display: block; margin-bottom: 8px; cursor:url(../images/enlarge.png) auto;}
#themes li input	{position: relative; left: -3px;}

ul.errors li	{color: red; list-style-image: none; list-style-type: disc; font-family: helvetica, serif; font-weight: bold;}

.order			{margin-left: 70px; margin-top: 5px;}
.order li, .copy li		{list-style-image: url(../images/list-item-brown.png);}	
.expect			{margin-bottom: 2em;}
.input-long		{background: url(../images/input-long.png) no-repeat; height: 34px; font-family: georgia, serif; font-size: 11px; font-style: italic; color: #666; float: left; margin: 0px; padding: 8px;}
.input-cap		{background: url(../images/input-cap.png) no-repeat; width: 6px; height: 34px; float: left;}
#form select	{border: none;}
.select-wrap	{margin-bottom: 2em;}
#submit			{margin-top: 0px; margin-bottom: 1em;}
.wa-tax			{font-family: georgia, serif; font-size: 9px; font-style: italic; color: #666; }

/* About and FAQ Pages */
.copy			{width: 640px; margin: 40px auto 0px;}
.copy a			{font-family: georgia, serif; font-style: italic; font-size: auto; color: #444;}

/* misc */
body			{background: url(../images/blue-tile.png); padding: 0px; margin: 0px;}
.img			{display: block; text-indent: -9999em;}
a				{outline: none;}
h3				{font-family: georgia, serif; text-transform: uppercase; font-size: 9.5px; color: #bb4b4b; letter-spacing: 1px; font-weight: bold;}

/* ensure that content's background image extends 
/* to bottom of browser on large screens */
html { height: 100%; }
body { min-height: 100%; height: 100%;}
/*.content		{background: url(../images/main-bg.png) repeat-y top; width: 780px; margin: 0 auto;}
*/
.short		{height: 100%; background: url(../images/main-bg.png) repeat-y fixed bottom; width: 780px; margin: 0 auto;}