*{ margin: 0; padding: 0; text-decoration: none; border: none; }
body{ margin: 0; padding-bottom: 2em; background: url(../i/back-sm.jpg) #EBEBEB no-repeat fixed top center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-position: top; background-color: #87CEEE; }
#wrapper{ height: 100%; overflow: auto; text-align: center; }
#container{ width: 740px; \width: 760px; w\idth: 740px; margin: 10px auto; padding: 10px; text-align: left; }
#banner{ padding: 0; margin: 0; height: 130px; background: transparent; text-align: center; }
/* Content Div Styles */
#content{ padding: 0; margin-top: 20px; text-align: justify; width: 580px; }
#content ul{ padding: 10px; margin: 0 20px; }
#content p, ul{ margin-top: 15px; padding: 0; font-size: .8em; }
.main *{ display: block; height: 1px; overflow: hidden; filter: alpha(opacity=90); opacity: 0.9; background: #FFFFFF; clear: left; }
.main1{ border-right: 1px solid #6D736D; padding-right: 1px; margin-right: 3px; border-left: 1px solid #6D736D; padding-left: 1px; margin-left: 3px; background: #BFC1BF; }
.main2{ border-right: 1px solid #192219; border-left: 1px solid #192219; padding: 0px 1px; background: #CED0CE; margin: 0px 1px; }
.main3{ border-right: 1px solid #CED0CE; border-left: 1px solid #CED0CE; margin: 0px 1px; }
.main4{ border-right: 1px solid #6D736D; border-left: 1px solid #6D736D; }
.main5{ border-right: 1px solid #BFC1BF; border-left: 1px solid #BFC1BF; }
.main_content{ padding: 0px 10px; background: #FFFFFF; filter: alpha(opacity=90); opacity: 0.9; float: left; }
/* Right Nav Menu */
#side-rt{ float: right; margin: 50px 0 0 0; padding: 0; width: 130px; }
#side-rt ul { margin: 0; padding: 0; list-style-type: none; width: 130px; }
#side-rt li a{ display: block; color: #FFFFFF; font: bold 100%/1.6 Arial, Helvetica, sans-serif; height: 1%; margin: 0; border-bottom: 2px solid #4D9A1A; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 14px; background: url(../i/nav-back.jpg) #009900 repeat-x bottom; text-decoration: none; }
#side-rt li a:hover{ color: #FFFF00; border-left: 8px solid #FFFF00; padding-left: 6px; background: url(../i/nav-back.jpg) #009900 repeat-x bottom; }
/* Nav Menu Styles */
.spiffy{ display: block; }
.spiffy *{ display: block; height: 1px; overflow: hidden; background: #009900; }
.spiffy1{ border-right: 1px solid #6EC088; padding-right: 1px; margin-right: 3px; border-left: 1px solid #6EC088; padding-left: 1px; margin-left: 3px; background: #30AA3B; }
.spiffy2{ border-right: 1px solid #AED8D7; border-left: 1px solid #AED8D7; padding: 0px 1px; background: #24A62D; margin: 0px 1px; }
.spiffy3{ border-right: 1px solid #24A62D; border-left: 1px solid #24A62D; margin: 0px 1px; }
.spiffy4{ border-right: 1px solid #6EC088; border-left: 1px solid #6EC088; }
.spiffy5{ border-right: 1px solid #30AA3B; border-left: 1px solid #30AA3B; }
.spiffy_content{ padding: 0px 0px; background: #009900; }
/* Footer */
#footer{ width: 580px; padding: 5px 0 0 0; margin-top: 10px; color: #FFFFFF; height: 2em; text-align: center; font-size: 60%; border: 1px solid #BECCFC; background: #008000; background: url(../i/nav-back.jpg) #009900 repeat-x top; }
#footer a{ color: #FFFFFF; font-weight: normal; }
#footer a:hover{ color: #FFFF00; }
/*General Styles*/
h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
h2.title { font-size: 1.5em; letter-spacing: 1px; color: #008000; text-align: center; margin: 0 auto; width: 560px; }
h3{ font-size: 1.2em; margin: 10px 0 0 0; color: #00208C; font-variant: small-caps; font-weight: bold; background: url(../i/bullet.gif) no-repeat left; padding-left: 30px; }
h4{ font-size: 1em; color: #00208C; font-weight: bold; margin-top: 20px; margin-bottom: 5px; }
a{ color: #008000; font-weight: bold; text-decoration: underline; }
a:hover{ text-decoration: underline; color: #00FF00; }
hr { color: #00208C; background-color: #00208C; height: 1px; margin: 10px 50px; }
img.right{ float: right; border: 1px solid #008000; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 20px; }
img.left{ float: left; border: 1px solid #008000; margin-right: 20px; vertical-align: text-top; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; }
.faq-q { font-weight: bold; color: #00208C; }
div.photo { background-color: #008000; width: 206px; float: left; margin: 10px; text-align: center; background: url(../i/backtest.png) repeat-x top; padding-top: 3px; }
div.photo p{ margin: 0 5px; padding: 0; clear: left; line-height: 1em; }
div.photo img{ margin: 0; padding: 0; border: 2px dotted #00FF00; }
div.photo img:hover{ border: 2px solid #00FF00; }
img.subbanner{ margin-bottom: 20px; border-bottom: 5px solid #008000; border-top: 5px solid #008000; }
body#home #menuhome a,
body#whatis #menuwhatis a,
body#prep #menuprep a,
body#care #menucare a,
body#faq #menufaq a,
body#photo #menuphoto a,
body#testimonial #menutestimonial a,
body#about #menuabout a,
body#contact #menucontact a { color: #00FF00; border-left: 8px solid #00FF00; padding-left: 6px; cursor: default; }
div.testimonial { width: 150px; float: left; border: 1px solid #7BCA7B; margin: 10px; text-align: right; background-image: url(../i/testimonial-back2.jpg); background-repeat: repeat-x; background-position: top; padding: 0; margin-right: 20px; }
div.testimonialrt { width: 150px; float: right; border: 1px solid #7BCA7B; margin: 10px; text-align: right; background-image: url(../i/testimonial-back2.jpg); background-repeat: repeat-x; background-position: top; padding: 0; margin-right: 20px; }
#content div.testimonial p, #content div.testimonialrt p{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #006600; margin: 10px; text-align: right; font-style: italic; font-weight: normal; padding: 0px 10px 5px 10px; }
#content div.testimonial p.testcred, #content div.testimonialrt p.testcred { font-weight: normal; font-style: normal; margin-top: 10px; padding: 0; font-size: .7em; }
.clear { clear: both; }
