/* --- CSS Document --- */
/* -------------------- */

/* --- Reset --- */
/* ------------- */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; zoom: 1}

/* --- Common --- */
/* -------------- */
body {background: url('../images/body-bg.jpg') center top repeat; font: 11px/18px Arial, Helvetica, Garuda, sans-serif; color: #666}
.wrapper {width: 984px; margin: 0 auto}
a {color: #69be28}
a:hover {text-decoration: none}

/* --- Header --- */
/* -------------- */
.header {height: 133px; position: relative}
.ground {position: absolute; width: 984px; height: 18px; left: 0; bottom: 0; background: url('../images/ground.png') no-repeat}
.birds-and-tree {position: absolute; width: 966px; height: 115px; right: -12px; bottom: 0; background: url('../images/birds-and-tree.png') no-repeat}
.logo {position: absolute; width: 232px; height: 71px; left: 17px; bottom: 0; text-decoration: none; background: url('../images/logo.png') no-repeat}
.header-text {position: absolute; width: 500px; top: 42px; right: 153px; color: #76b532; font: 15px/20px "Trebuchet MS", Helvetica, Jamrul, sans-serif; text-align: right}

/* --- Content --- */
/* --------------- */
.content {background: url('../images/content-outer.png') center 20px no-repeat}
.bg3cols1 {background: url('../images/content_3col1.png') center top repeat-y}
.bg3cols2 {background: url('../images/content_3col2.jpg') center top no-repeat; position: relative}
.bg3cols3 {background: url('../images/content_3col3.jpg') center bottom no-repeat; min-height: 374px}
.bg2cols1 {background: #67bb27 url('../images/content_2col1.png') right top repeat-y}
.bg.bg2cols1 {background: #67bb27 url('../images/content_2col1_bg.png') 1px 0 repeat-y}
.bg2cols2 {background: url('../images/content_2col2.png') right top no-repeat; position: relative}
.bg.bg2cols2 {background: url('../images/content_2col2_bg.jpg') right top no-repeat}
.bg2cols3 {background: url('../images/content_2col3.png') right bottom no-repeat; min-height: 374px}
.bg.bg2cols3 {background: transparent url('../images/content_2col3_bg.jpg') right bottom no-repeat; min-height: 420px}
.content-shadow-right {position: absolute; width: 9px; top: 0%; bottom: 0%; right: -9px; background: url('../images/content-shadow-right.png') repeat-y}
.content-shadow-bottom {position: absolute; width: 993px; height: 9px; left: 0; bottom: -9px; background: url('../images/content-shadow-bottom.png') no-repeat}
.content-3cols-col1 {float: left; width: 197px; padding: 0 10px 0 15px}
.content-3cols-col2 {float: left; width: 444px; padding: 12px 20px}
.content-3cols-col3 {float: left; width: 250px; padding: 12px 14px}
.content-2cols-col1 {float: left; width: 198px; padding: 0 10px 0 15px}
.content-2cols-col2 {float: left; width: 761px}
h1 {font: bold italic 17.49px "Trebuchet MS", Helvetica, Jamrul, sans-serif; color: #69be28; margin-bottom: 4px}
h2 {font: bold italic 16.27px "Trebuchet MS", Helvetica, Jamrul, sans-serif; color: #69be28; margin-bottom: 4px}
h3 {font: bold 12px/16px "Trebuchet MS", Helvetica, Jamrul, sans-serif; color: #5eaf22; padding-left: 32px; background: url('../images/leaf.png') no-repeat; margin-bottom: 8px}
h4 {font: bold 12px/16px "Trebuchet MS", Helvetica, Jamrul, sans-serif; color: #5eaf22; margin-bottom: 8px}
.big-p {font: italic 14.5px/19.34px "Trebuchet MS", Helvetica, Jamrul, sans-serif; color: #888}
.content-3cols-col2 p {margin-bottom: 20px}
.content-3cols-col3 p {margin-bottom: 10px}
.col3-text3 p {margin-bottom: 20px}
.col1-content p {margin-bottom: 20px}
.col3-text3 li, .col1-content li {padding: 0 0 8px 20px; background: url('../images/green-bullet.gif') 6px 7px no-repeat}
.col1-content li a {text-decoration: none; color: #777}
.col1-content li a:hover {color: #69be28; text-decoration: underline}
.green {color: #64b123}
.earth-image {float: right; position: relative; left: 19px}
.justify {text-align: justify}
.small-m {margin-bottom: 6px!important}
.no-m {margin-bottom: 0!important}
.sign-image {float: left; width: 144px}
.sign-text {float: left; width: 300px; text-align: right; text-transform: uppercase; color: #4b5355}
.vanessa-image {margin-left: -10px; margin-right: 10px}
.fs-10 {font-size: 10px}
.fs-11 {font-size: 11px}
.oh {overflow: hidden}
.hero-image {position: relative}
.hero-image-text {position: absolute; top: 194px; left: 24px; height: 30px; font: bold italic 17.49px/30px "Trebuchet MS", Helvetica, Jamrul, sans-serif; color: #333}
.col3-text1 {background: url('../images/content_3col1_inner.png') repeat-y}
.col3-text2 {background: url('../images/content_3col2_inner.png') left top no-repeat}
.col3-text3 {background: url('../images/content_3col3_inner.png') left bottom no-repeat; min-height: 374px}
.inner-1 {float: left; width: 224px; padding: 12px 18px 12px 12px}
.inner-2 {float: left; width: 228px; padding: 12px 18px 12px 12px; overflow: hidden}
.inner-3 {float: left; width: 219px; padding: 12px 18px 12px 12px}
.col1-content {padding: 12px 18px 12px 12px}
.price-t {margin: 20px 0 6px}
.price-t .package {width: 90px; padding-left: 6px; font-weight: bold}
.price-t .description {width: 574px}
.price-t .price {width: 32px; text-align: center}
.price-t thead td {font: bold 12px/16px "Trebuchet MS", Helvetica, Jamrul, sans-serif; color: #5eaf22; text-align: left!important}
.price-t .table-delimiter {height: 3px; background: url('../images/table-delimiter.gif') left center repeat-x}
.price-t tbody .description {padding-right: 12px; width: 572px!important}
.site-button {float: right; height: 28px; text-decoration: none; text-transform: uppercase; font-weight: bold; color: #4cab3b; position: relative; left: -12px}
.site-button span {cursor: pointer}
.site-button-left {float: left; width: 66px; height: 28px; overflow: hidden; background: url('../images/site-button-left.png') no-repeat}
.site-button-text {float: left; line-height: 28px; height: 28px; background: url('../images/site-button-text.png') repeat-x}
.site-button-right {float: left; width: 50px; height: 28px; overflow: hidden; background: url('../images/site-button-right.png') no-repeat}
#contact-form .title-1 {float: left; width: 82px}
#contact-form .title-2 {float: left; width: 77px}
#contact-form .small-1 {float: left; width: 294px}
#contact-form .small-2 {float: left; width: 278px}
#contact-form .big-1 {float: left; width: 649px}
#contact-form .small-1 div, #contact-form .small-2 div, #contact-form .big-1 div {border: 1px solid #e0e0e0; display: inline-block; margin-bottom: 10px}
#contact-form .small-1 input {width: 269px; height: 15px; border: 1px solid #f5f5f5; background: #fff; padding: 2px; color: #666; font: 11px "Trebuchet MS", Helvetica, Jamrul, sans-serif;}
#contact-form .small-2 input {width: 268px; height: 15px; border: 1px solid #f5f5f5; background: #fff; padding: 2px; color: #666; font: 11px "Trebuchet MS", Helvetica, Jamrul, sans-serif;}
#contact-form .big-1 input {width: 639px; height: 15px; border: 1px solid #f5f5f5; background: #fff; padding: 2px; color: #666; font: 11px "Trebuchet MS", Helvetica, Jamrul, sans-serif;}
#contact-form .big-1 textarea {width: 639px; height: 144px; border: 1px solid #f5f5f5; background: #fff; position: relative; top: -1px; color: #666; font: 11px "Trebuchet MS", Helvetica, Jamrul, sans-serif; padding: 2px}
.ta-layer {height: 149px!important; overflow: hidden}
.resources li {background: url('../images/menu-hover.jpg') no-repeat; padding-left: 20px}
.resources li.no-leaf {background: none}
.resources li a {color: #69be28}

/* --- Sidebar --- */
/* --------------- */
.sidebar-delimiter {height: 3px; overflow: hidden; background: url('../images/sidebar-delimiter.png') no-repeat}
.sidebar-text {line-height: 16px; font-style: italic; color: #64b426; padding: 6px 3px; text-align: justify}
.sidebar-text span {font-size: 10px; color: #666}

/* --- Menu --- */
/* ------------ */
.menu {line-height: 35px}
.menu a {display: block; padding-left: 20px; font-size: 12px; font-weight: bold; font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif; color: #666666; text-transform: uppercase; text-decoration: none}
.menu .active a, .menu a:hover {color: #83c54a; background: url('../images/menu-hover.jpg') 0 8px no-repeat}

/* --- Newsletter --- */
/* ------------------ */
.newsletter {padding: 6px 3px; color: #666666; font-weight: bold; font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif}
.newsletter-input {width: 179px; height: 14px; border: 1px solid #c3c3c3; color: #666; font: 11px "Trebuchet MS", Helvetica, Jamrul, sans-serif; padding: 3px; margin: 4px 0}
.newsletter-submit {float: right; width: 121px; height: 28px; background: url('../images/submit-button.png') no-repeat; font: bold 12px "Trebuchet MS", Helvetica, Jamrul, sans-serif; color: #4cab3b; border: none; cursor: pointer; text-transform: uppercase}

/* --- Footer --- */
/* -------------- */
.footer {padding: 10px 0 10px; position: relative}
.footer-left {float: left; width: 482px; padding-left: 10px}
.footer-right {float: left; width: 482px; text-align: right; padding-right: 10px}
.footer a {color: #666; text-decoration: none}
.footer a:hover {color: #69be28; text-decoration: underline}