/*
HOMEPAGE STYLES
===============
*/

#contactInfo { display: none; }
#startHere { float: right; font-size: 11px; position: absolute; right: 22px; top: 20px; }

#mainCallout { background: url(../images/homepage/free-trial-banner.gif); float: left; height: 309px; width: 606px; }
/*
#mainCallout .left { margin: 20px 0 0 20px; width: 290px; }
#mainCallout .left h1 { border: none; color: #fff; font-size: 22px; font-weight: bold; margin: 0; }
#mainCallout .left p { color: #222; font-size: 15px; margin-right: 90px; }
*/
#mainCallout .right { color: #4b4b4b; font-size: 16px; margin: 20px 20px 0 0; width: 270px; }
#mainCallout .right h1 { border: none; color: #4b4b4b; font-size: 22px; font-weight: normal; margin: 0; padding: 0; }
#mainCallout .right ul { margin: 1em 0; padding: 0 0 0 2em; }
#mainCallout .right p { margin-top: 0; }
#learnMoreButton { background: url(../images/homepage/free-trial-button.gif); display: block; height: 39px; margin: 0 auto; overflow: hidden; text-indent: -999em; width: 160px; }

#sideCol { width: 280px; }
#accessAccount { background: #f7fff1; border: 1px solid #cde9a4; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #618434; font-size: 11px; font-weight: normal; line-height: 1.5; margin-bottom: 20px; padding: 10px; }
#accessAccount strong { color: #f57f28; font-size: 14px; }
/*
#accessAccount button { margin-left: 1em; }
#accessAccount a { margin-left: 1em; }
#accessAccount a img { border: none; vertical-align: middle; }
*/
#testimonial { border: 1px solid #cde9a4; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 20px; line-height: 1.5em; padding: 0 10px; }
#testimonial .openQuote { background: url(../images/homepage/big-quote.gif) center center no-repeat; display: block; float: left; height: 18px; margin-right: 5px; overflow: hidden; text-indent: -99em; width: 24px; }
#testimonial em { color: #999; font-size: 11px; }

#otherCallout { border: 1px solid #cde9a4; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; line-height: 1.5em; padding: 0 10px; }
#otherCallout h3 { color: #f57f28; font-size: 18px; line-height: normal; margin: 10px 0 0; text-align: left; }
#otherCallout p { margin-top: 0; }

#bottomRow { padding-top: 20px; }
#bottomRow > div { background: url(../images/homepage/col-gradient.gif) center top no-repeat; float: left; font-size: 11px; padding: 20px 10px 0; width: 260px; }
#bottomRow #middleCol { margin: 0 30px; }
#bottomRow #middleCol img { float: left; margin: 0 1em 1em 0; }
#bottomRow h3 { color: #618434; margin: 0; }

#bottomRow #leftCol .left { margin: 1em 1em 0 0; }