body { background: #E8F7D4; font-family: 'Helvetica Neue', Helvetica,Arial,sans-serif; }

.clear { clear: both; }

.navigation { height: 23px; background: #E0A352; background: #3EA8C2; text-align: right; padding: 12px 0px 10px 0px; font-size: 125%; border-bottom: 2px solid #3E7EC2; border-right: 2px solid #3E7EC2; border-left: 2px solid #3E7EC2; }
.navigation a { padding: 0 15px 0 0px; color: #FFF; }

#bd { background: #FFF; }
#bd .logo { text-align: center; float: left; width: 60%; padding: 0 0 0 15px; }
#bd .logo img { padding: 50px 0px 5px 0px; }
#bd .logo h1 { font-size: 260%; text-align: center; color: #9B9CA3; letter-spacing: -1.3px; font-weight: bold; line-height: 100%; }
#bd .screenshots { text-align: center; }
#bd .screenshots img { padding: 40px 0px 0px 0px; }
#bd .grass { background-color: #FFF; height: 118px; }
#bd .features { padding: 5px 5px 0px 20px; }
#bd .features .feature_row { padding: 0 0 30px 0; }
#bd .features .feature_row .feature { float: left; width: 300px; }
#bd .features .feature_row .feature .icon { float: left; width: 30px; }
#bd .features .feature_row .feature .info { padding: 0px 0px 0px 10px; float: left; width: 240px; }
#bd .features .feature_row .feature .info h4 { font-weight: bold; padding: 0 0 3px 0; letter-spacing: -0.6px; color: #000; }
#bd .features .feature_row .feature .info p { font-size: 90%; line-height: 135%; }
#bd .contact_us h2 { font-size: 230%; color: #196415; letter-spacing: -1.3px; font-weight: bold; line-height: 100%; }
#bd .contact_us p.instructions { font-size: 90%; padding: 2px 0 2px 2px; }
#bd .contact_us .phone, #bd .contact_us .email { padding: 10px 0px 10px 5px; }
#bd .contact_us .phone img, #bd .contact_us .email img { float: left; }
#bd .contact_us .phone p, #bd .contact_us .email p { font-size: 175%; letter-spacing: -1.0px; font-weight: bold; color: #196415; float: left; padding: 10px 0 0 12px; }

#ft .footer { text-align: center; padding: 10px 0 30px 0; }

.feature_left img { padding: 10px 0px 0px 10px; }
.feature_left h2 { font-size: 175%; font-weight: bold; color: #3E7EC2; padding: 0px 0px 10px 23px; }

.list_of_features { padding: 0px 0px 0px 15px; }
.list_of_features a { display: block; text-decoration: none; margin-bottom: 5px; padding: 5px 8px 5px 8px; color: #3E7EC2; font-size: 110%; border-bottom: 1px solid #EAEAEA; }
.list_of_features a:hover { background: #EAEAEA; }

h1.feature_title { font-size: 260%; color: #9B9CA3; letter-spacing: -1.3px; font-weight: bold; line-height: 100%; padding: 70px 0 5px 0px; }

.feature_detail { min-height: 300px; padding: 0 15px 0 0; }
.feature_detail h3 { font-size: 155%; color: #333; padding: 0 0px 10px 0; border-bottom: 1px solid #EAEAEA; }
.feature_detail .content_left { float: left; width: 475px; padding: 10px 0 0 0; }
.feature_detail .content_left p.content { color: #333; font-size: 95%; padding: 0px 0 15px 0; line-height: 145%; }
.feature_detail .content_left .question_box { border-bottom: 1px dotted #EAEAEA; padding: 0px 0 10px 0; margin: 0 0 10px 0; }
.feature_detail .content_left .question_box p.question { font-size: 150%; color: #333; letter-spacing: -1.1px; font-weight: bold; padding: 0 0 4px 0; }
.feature_detail .content_left .question_box p.answer { line-height: 145%; }
.feature_detail .content_left .question_box p.answer label { font-weight: bold; display: block; padding: 10px 0 0px 10px; }
.feature_detail .content_left .question_box p.answer label span { font-weight: normal; }
.feature_detail .content_right { float: left; padding: 10px 0 0 45px; text-align: center; }