/* basic styles */
html { padding: 0; margin: 0; background-image: url(images/stripe_bg.gif); background-repeat: repeat; }
body { padding: 0; margin: 0; }
h1, h2, h3, h4, p, hr, ul, ol { padding: 0; margin: 0; }

/* top band */
#logofloat { width: 100%; height: 68px; padding: 8px 0 0 0; margin: 0; background-image: url(images/tippy-top_scallop.png); background-repeat: repeat-x; z-index: 1; position: fixed; top: 0px; z-index: 3;  }
h1 a { background-image: url(images/acefitnesslogoLARGE2.png); background-repeat: no-repeat; background-position: top left; width: 533px; height: 0; padding: 39px 0 0 0; display: block; overflow: hidden; margin: 0 auto; } 

/* tippytop */
#tippytop { width: 100%; height: 200px; padding: 0; margin: 0; background-image: url(images/header_scallop.png); background-repeat: repeat-x; }


/* navigation bar */
#navigation { padding: 0; margin: 0 auto; width: 666px; }
#mainnav { padding: 98px 0 0 0; margin: 0; position: relative; z-index: 3; }
#mainnav li { float: left; list-style: none; padding: 0; margin: 0; }
#mainnav #home a { background-image: url(images/nav_home.png); background-position: top left; width: 53px; height: 0; padding: 30px 0 0 0; display: block; overflow: hidden; margin: 0; }
#mainnav #about a { background-image: url(images/nav_about.png); background-position: top left; width: 164px; height: 0; padding: 30px 0 0 0; display: block; overflow: hidden; margin: 0 0 0 10px; }
#mainnav #services a { background-image: url(images/nav_service.png); background-position: top left; width: 158px; height: 0; padding: 30px 0 0 0; display: block; overflow: hidden; margin: 0 0 0 10px; }
#mainnav #testi a { background-image: url(images/nav_testi.png); background-position: top left; width: 112px; height: 0; padding: 30px 0 0 0; display: block; overflow: hidden; margin: 0 0 0 10px; }
#mainnav #faq a { background-image: url(images/nav_faq.png); background-position: top left; width: 58px; height: 0; padding: 32px 0 0 0; display: block; overflow: hidden; margin: 0 0 0 10px; }
#mainnav #contact a { background-image: url(images/nav_contact.png); background-position: top left; width: 71px; height: 0; padding: 30px 0 0 0; display: block; overflow: hidden; margin: 2px 0 0 10px; }

#mainnav #home a:hover { background-image: url(images/nav_home_hover.png); background-position: top left; width: 53px; height: 0; padding: 30px 0 0 0; display: block; overflow: hidden; margin: 0; }
#mainnav #about a:hover { background-image: url(images/nav_about_hover.png); background-position: top left; width: 164px; height: 0; padding: 30px 0 0 0; display: block; overflow: hidden; margin: 0 0 0 10px; }
#mainnav #services a:hover { background-image: url(images/nav_service_hover.png); background-position: top left; width: 158px; height: 0; padding: 30px 0 0 0; display: block; overflow: hidden; margin: 0 0 0 10px; }
#mainnav #testi a:hover { background-image: url(images/nav_testi_hover.png); background-position: top left; width: 112px; height: 0; padding: 30px 0 0 0; display: block; overflow: hidden; margin: 0 0 0 10px; }
#mainnav #faq a:hover { background-image: url(images/nav_faq_hover.png); background-position: top left; width: 58px; height: 0; padding: 32px 0 0 0; display: block; overflow: hidden; margin: 0 0 0 10px; }
#mainnav #contact a:hover { background-image: url(images/nav_contact_hover.png); background-position: top left; width: 71px; height: 0; padding: 30px 0 0 0; display: block; overflow: hidden; margin: 2px 0 0 10px; }

/* mid */

#midcontainer { width: 1000px; padding: 0; margin: 0 auto; position: relative; top: -90px; background-color: transparent; }
#mid { width: 904px; padding: 0 0 40px 0; margin: 0 auto; background-image: url(images/mid_bg_stripe.png); background-repeat: repeat; background-position: left; clear: both; overflow: auto; }
#midtopscallop { width: 904px; height: 8px; background-image: url(images/mid_bg_top_scallop.png); background-position: left; background-repeat: repeat-x; padding: 0; margin: -90px auto 0 auto; clear: both; }
#midbottomscallop { width: 904px; height: 8px; background-image: url(images/mid_bg_bottom_scallop.png); background-position: left; background-repeat: repeat-x; padding: 0; margin: 0 auto; clear: both; }
#webbadge a { background-image: url(images/web_badge_reg.png); background-repeat: no-repeat; width: 129px; height: 0; padding: 129px 0 0 0; display: block; overflow: hidden; margin: 0; position: relative; z-index: 2; }
#webbadge a:hover { background-image: url(images/web_badge_hover.png); background-repeat: no-repeat; width: 230px; height: 0; padding: 129px 0 0 0; display: block; overflow: hidden; margin: 0; position: relative; z-index: 2; }
#header { text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 28px; font-style: italic; font-weight: bold; padding: 50px 0 20px 0; color: #333333; }
#mid h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #5787bb; font-weight: normal; text-align: center; }
#mid hr { background-image: url(images/divider.png); background-repeat: repeat-x; width: auto; height: 0; padding: 3px 0 0 0; overflow: hidden; display: block; margin: 5px 0 0 0; border: none; }
#banner { padding: 0; margin: 0 auto; width: 372px; height: 45px; position: relative; top: -25px; }
#banner p { background-image: url(images/banner.png); background-repeat: no-repeat; background-position: top left; width: 372px; height: 0; padding: 45px 0 0 0; overflow: hidden; display: block; margin: 0; }

/* mid left */

#midleft { width: 260px; padding-left: 47px; padding-top: 25px; float: left; }
#midleft p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin: 10px 10px 0 10px; text-align: justify; line-height: 22px; }
#midleft a { color: #5787bb; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; }
#midleft a:hover { border-bottom-color: #5787bb; border-bottom-style: dotted; border-bottom-width: 1px; }

/* mid mid */

#midmid { width: 230px;  margin-left: 30px; padding-top: 25px; float: left; }
#midmid h2 a { background-image: url(images/be_inspired.png); background-repeat: no-repeat; width: 230px; height: 0; padding: 220px 0 0 0; display: block; overflow: hidden; margin: 0; border: none; }
#index #midmid p { text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; font-weight: bold; color: #333333; font-style: italic; margin: 15px 0 0 0; }
#index #midmid ul { list-style-type: none; color: #5787bb; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; margin: 10px 0 0 65px; }
#midmid ul span { color: #f1646f; font-family: Arial, Helvetica, sans-serif; }

/*mid right */

#midright { width: 260px;  margin-left: 30px; padding-top: 25px; float: left;  }
#midright p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin: 10px 10px 0 10px; text-align: left; line-height: 22px; }
#midright .discounts { list-style-type: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #a3c6e9; margin: 10px 10px 0 10px; }
#midright .discountdescription { list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #8191a0; margin: 10px 0 0 0; }
#midright .discountdetails { list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #8191a0; margin: 5px 0 10px 0; font-style: italic; }

/* very bottom */

#verybottom { width: 100%; height: 340px; background-image: url(images/footer_bg.png); background-repeat: repeat-x; position: relative; z-index: -2; margin: -180px 0 0 0; padding: 0; clear: both; }
#bottomcontainer { width: 904px; margin: 0 auto; padding: 0; margin-top: -330px; }
#bottomleft { width: 450px; height: 292px; float: left; border-right-style: dotted; border-right-color: #fff; border-right-width: 1px; padding: 0; margin: 0; }
#bottomleft p { padding: 10px 20px 0 0; text-align: justify; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #fff; line-height: 25px; margin: 60px 0 0 0; }
#bottomright { width: 450px; float: left; padding: 0; margin: 0; }
#bottomleft p a { font-size: 14px; color: #a3c6e9; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; }
#bottomleft p a:hover { border-bottom-style: dotted; border-bottom-color: #fff; border-bottom-width: 1px;  }
div.bottomnav { margin: 0 auto; width: 440px; }
ul.bottomnav { list-style-type: none; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; text-align: center; }
ul.bottomnav li { padding: 15px 20px 0 0; margin: 0; float: left; text-transform: lowercase; }
ul.bottomnav li a { text-decoration: none; color: #fff; }
ul.bottomnav li a:hover { border-bottom-color: #fff; border-bottom-style: dotted; border-bottom-width: 1px; }
#bottomnavcontainer { width: 100%; height: 38px; padding: 0; margin: 0; clear: both; background-image: url(images/scallop_nav_small.png); background-repeat: repeat-x; }
p#signed { margin: 10px 0 0 20px; padding: 0; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
#compchart { background-image: url(images/competition_chart.png); background-position: top left; background-repeat: no-repeat; width: 450px; height: 0; padding: 193px 0 0 0; display: block; overflow: hidden; margin: 70px 0 0 20px; }
#compchart tr { display: none; }


/* contact styles */

#contact #midleft { width: 490px; padding-left: 47px; padding-top: 25px; float: left; }
#midright #contactnote { text-align: justify; padding-bottom: 20px; }
#contact #midright h3 { padding: 10px 0 0 10px; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; list-style-type: none; color: #f1646f; text-align: center; font-weight: normal; }
#contact #midright p span { font-style: italic; }
form { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #5787bb; line-height: 20px; }
fieldset { border-color: #d4d4d4; border-style: solid; border-width: 1px; padding: 10px; }
legend { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; text-transform: lowercase; font-size: 18px; color: #5787bb; }
label { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: normal; color: #333333; line-height: 20px; }
textarea { padding: 3px; }
input { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; padding-left: 3px; padding-right: 3px;  }
select { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #5787bb; }
#firstname, #lastname { margin-bottom: 10px; width: 150px; }
#lastnamelabel { margin-left: 2px; }
#phone { margin-bottom: 10px; width: 100px; }
#email { margin-bottom: 10px; width: 200px; }
#phonelabel { margin-left: 29px; }
#emaillabel { margin-left: 29px; }
#message { width: 400px; height: 100px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; padding-left: 3px; padding-right: 3px; }
#submit { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #f1646f; font-style: italic; font-weight: bold; text-transform: lowercase; background-color: transparent; border-color: #f1646f; border-width: 1px; border-style: dotted; cursor: pointer; cursor: hand; padding: 3px 20px; margin: 10px 0 0 3px; }
#submit:hover { background-color: #f5d7da; color: #f1646f; }
.inputindent { margin-left: 10px; }
input, textarea, select { border-style: solid; border-width: 1px; border-color: #d4d4d4; }
.logostyleace { text-transform: lowercase; color: #a3c6e9; font-family: Georgia, "Times New Roman", Times, serif; }
.logostylefitness { font-style: italic; color: #9eb2c4; font-family: Georgia, "Times New Roman", Times, serif; }
#dragbar { background-color: #fff; font-family: Georgia, "Times New Roman", Times, serif; color: #a3c6e9; font-weight: bold; font-style: italic; font-size: 25px; text-transform: lowercase; text-align: center; padding: 2px; }
#dragmessage { font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; font-style: italic; background-color: #f1646f; font-size: 12px; line-height: 25px; }
#outerbox { border: 1px; border-color: #f1646f; border-style: dotted; border-width: 1px; }
#showimage { position: fixed; width:250px;left: 5px;top: 5px; z-index: 4; }
#closebg { background-color: #fff; }

/* testimonial styles */

.testimonial { list-style-type: none; padding: 0 0 0 20px; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; color: #333333; }
.testimonial li { padding: 0; margin: 0; }
.testinames { list-style-type: none; padding: 5px 0 15px 0; text-indent: 15px; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 12px; color: #5787bb; }
.testinames li { padding: 0; margin: 0; font-weight: bold; }
#testimonials #midleft { width: 490px; padding-left: 47px; padding-top: 25px; float: left; }

/* about styles */
#whois #midleft { width: 490px; padding-left: 47px; padding-top: 25px; float: left; }
#whois #midleft p { padding-bottom: 10px; }
#whois h3 { padding: 10px 0 0 10px; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; list-style-type: none; color: #f1646f; text-align: center; font-weight: normal; }
#contactnote a { color: #5787bb; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; }
#contactnote a:hover { border-bottom-color: #5787bb; border-bottom-style: dotted; border-bottom-width: 1px; }
#whois #midright #aih_ribbon { background-image:url(images/aih_ribbon.png); background-repeat: no-repeat; background-position: top left; width: 200px; height: 0; padding: 284px 0 0 0; overflow: hidden; display: block; margin: 0 0 20px 30px; } 

/* quote styles */
#qcontrols { width:260px; background-color: transparent; padding:3px 0; text-align:center; border:1px solid transparent; visibility:hidden; margin: 0 auto; }
#qcontrols input { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; color: #f1646f; font-style: italic; text-transform: lowercase; background-color: transparent; border-color: #ef9ca2; border-width: 1px; border-style: dotted; cursor: pointer; cursor: hand; padding: 3px; }
#qcontrols input:hover { background-color: #f5d7da; }
#qcontainer { width:260px; height:260px; border:1px solid transparent; background-color: transparent; color: #5787bb; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: italic; line-height: 20px; text-align: justify; margin:10px auto 0 auto; }
#qcontainer { position:relative; overflow:auto; }
#quote { width:240px; padding:3px; text-indent:1ex; }
#quote b { padding:0 1px; }
#quote { position:relative; margin: 5px auto 0 auto; }
* html #quote { margin-top: 5px; }
#auth { position:absolute; bottom:5px; right:10px; }

/* faq styles */

#questions { list-style-type: none; margin: 0; padding: 0; text-align: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; font-style: italic; font-weight: bold; padding: 0 0 20px 0; color: #333333; }
ul.answers { list-style-type: none; margin: 20px 0 0 40px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 20px; text-align: justify; }
#questions li { background-image: url(images/q_question.png); background-repeat: no-repeat; padding-left: 50px; margin-bottom: 10px; }
#questions li .answers li { background-image: url(images/a_answer.png); background-repeat: no-repeat; padding-left: 50px; }
#faq h3 { padding: 10px 0 0 10px; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; list-style-type: none; color: #f1646f; text-align: center; font-weight: normal; }
#faq #midleft { width: 490px; padding-left: 47px; padding-top: 25px; float: left; }
#faq #midright #aih_ribbon { background-image:url(images/aih_ribbon.png); background-repeat: no-repeat; background-position: top left; width: 200px; height: 0; padding: 284px 0 0 0; overflow: hidden; display: block; margin: 0 0 20px 30px; }