/* CSS Document */
/* Eric Meyer's Global Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, em, font, img, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;
	vertical-align:baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {	quotes: "" "";}
/* End if Global Reset */

a {color:#298422}
body { background-color: #fff; font-family: Arial, Helvetica, sans-serif; }

h1 {font-weight:normal; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#4aaa48}
h2 {font-weight:normal; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#4aaa48; border-bottom:1px solid #4aaa48; padding-bottom:7px;}
h3 {font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#444; border-bottom:1px dotted #ccc; padding-bottom:6px;}

#headercontainer { margin: 12px auto 0 auto; }
#header { width:855px; margin: 0 auto 0 auto; height:105px; }
#header-numbers {font-size:15px; color:#4a7348; position:relative; top:20px; line-height:20px; text-align:right; right:8px; }
#header-numbers .callus {color:#0b4d07; font-size:18px; }

#navcontainer { margin: 0 auto 0 auto; background: url('images/nav-back.gif') repeat-x top left; }
#nav { width:855px; margin: 0 auto 0 auto; height:37px; text-align:right; padding-right:6px    }
#nav ul { list-style:none;    }
#nav ul li {display:inline;  line-height:36px;   padding:1px;     }
#nav ul li a:link, #nav ul li a:visited {text-decoration:none; color:#fff; font-size:14px; margin-right:-6px;   font-size:17px;   padding: 8px 12px; border-right:1px solid #298422;}
#nav ul li a:hover { color:#225220}
#nav ul li a:hover.home {background: url('images/nav-home.gif') no-repeat top left;}
#nav ul li a:hover.screenshots {background: url('images/nav-screenshots.gif') no-repeat top left;}
#nav ul li a:hover.stores {background: url('images/nav-stores.gif') no-repeat top left;}
#nav ul li a:hover.about {background: url('images/nav-about.gif') no-repeat top left;}
#nav ul li a:hover.contact {background: url('images/nav-contact.gif') no-repeat top left;}

#promocontainer { margin: 0 auto 0 auto;  }
#promo { width:855px; margin: 0 auto 0 auto; height:213px; background: url('images/home-graphic-bar.jpg') repeat-x top left; }
#promo img {_behavior:url("iepngfix.htc");  position:relative;  left: 695px; top:162px}

#maincontainer { margin: 0 auto 0 auto; background-color:#ddec92 }
#main { width:855px; margin: 0px auto 0 auto; background: url('images/content-back.png') repeat-y top left;   }
#main-top {background: url('images/main-top.gif') repeat-x top left; width:849px;margin-left:3px;   }
#main-left {float:left;  width:495px;  }
#main-left img {padding:24px;}
#main-left p {color: #2d2d2d; line-height:19px; font-size:12px; width:374px;}
#main-right {float:left; text-align:left; width:340px;  }
#main-right hr {border:0; color:#4aaa42; height:1px; background-color:#4aaa42; width:95%; float:left;  padding:0;}
#main-right img {padding-top:40px; padding-left:0px;}
#main-right p {line-height:16px; color:#122b11; font-size:12px;}
#navlist{margin-left: 0;padding-left: 0;list-style: none;color:#333;font-size:12px;line-height:18px;}
#navlist li {padding-left: 20px;margin-left:15px;background-image: url(images/bullet.gif);background-repeat: no-repeat;background-position: 0 .3em;}

#inner-main-left {float:left; width: 537px;  padding:28px}
#inner-main-left table p {font-size:11px;}
#inner-main-left p {line-height: 16px; font-size: 12px; }
#inner-main-right {float:left; text-align:left; width: 199px; padding:28px; font-size:12px; border-left:1px dotted #298422; background: #fff url('images/inner-rights.gif') repeat-y top left; line-height:14px; }

.pricing-headers {background-color:#439b3c; color:#fff; font-size:13px;  }
.pricing-item {text-align:right; font-size:12px; padding:6px 8px;}
.center {text-align:center; width:100px;}
.left {text-align:left; width:290px; font-style:italic;}
.pricing-left {background-color:#d8e788; }
.pricing-middle {background-color:#c8d587; }
.pricing-right {background-color:#b2bc7f; }
.pricing-left, .pricing-middle, .pricing-right, .pricing-item {border-bottom:1px solid #f2f2f2; font-size:12px;}
.pricing-headers, .pricing-left, .pricing-middle, .pricing-right {padding:6px 0px; }


#bottom-left, #bottom-middle, #bottom-right {float:left; width:283px; height:330px;  line-height:16px; }
#bottom-left {background: #eef4d0 url('images/left-back.gif') repeat-x 0px 28px; margin-left:3px; }
#bottom-left h2, #bottom-middle h2, #bottom-right h2 { font-size:14px; color:#fff; font-weight:normal;padding: 7px 14px; border-bottom:0;}
#bottom-left h2 {background-color:#798c79;}
#bottom-middle h2 {background-color:#637363; }
#bottom-right h2 {background-color:#4c584c; text-align:left}
#bottom-middle {background: #e4ebc4 url('images/middle-back.gif') repeat-x 0px 28px; }
#bottom-right {background: #d2dba9 url('images/right-back.gif') repeat-x 0px 28px; text-align:left }
#bottom-right img {margin-top:25px}
#bottom-left p, #bottom-middle p, #bottom-right p {text-align:left; font-size:12px; margin:25px; margin-bottom:0px;}

#call-numbers {font-size:14px; color:#1c331c;  line-height:20px;  float:left; margin-left:25px; }
#call-numbers .callus {color:#1c331c; font-size:14px; font-weight:bold;}

#footercontainer { margin: 0px auto 0 auto; background: url('images/footer-back.gif') repeat-x top left;  }
#footer { clear:both; width:855px; margin: 0 auto 0 auto; height:37px; color:#fff; font-size:12px; }
#footer-left {float:left; }
#footer-right {float:right; text-align:right; }
#footer  a {color:#fff; text-decoration:none}
#footer a:hover {text-decoration:underline}
#footer-left p, #footer-right p {padding:12px 10px;}