/* @group Defaults */
html, body { margin: 0; padding: 0;}
html { background: #380101 url(../images/design/page_top.gif) top left repeat-x; color: #666; font: 76% Arial, Helvetica, sans-serif; text-align: center; }
body { text-align: left; width: 925px; margin: 0 auto; line-height: 1em; }
/* Baseline values for browser consistency */
p, div, h1, h2, h3, h4, h5, ul, li { margin: 0; padding: 0; }
img { margin: 0; padding: 0; border: 0; }
ul { list-style: none; }
a:link, a:visited, a:active { color: #FF6633; text-decoration: underline; outline: 0; }
a:hover { color: #CC0033; }
.clear { clear: both; height: 0px; }
.hide { display:none; }
.left {float: left;}
.right {float: right;}
/* @end */
/* @group SuperNav */
#masthead { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: right; width: 925px; margin: 0 auto;}
#doggie {float: right; position: relative; width: 925px; margin: 0;}
#login { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 73px; float: right; height: 73px; color: #8B321F;}
#login img { vertical-align: sub; padding-right: 3px; }
#login .greeting { color: #fff; }
#login a:link, #login a:visited { color: #E73800; }
/* @end */
.paginate {
font-family:arial, verdana, sans-serif;
margin: 6px 0;
border-top: 1px solid #D3D9DC;
text-align: right;
padding-top: 8px;
}
.paginate b{
border: 1px solid #9FCDE7;
padding: 1px 4px;
background-color: #DEE9EF;
color: #67A9D6;
}
.paginate a {
font-size: 12px;
padding: 0 2px;
}
/* @group SiteNav */
#siteNav { background: #270800 url(/images/design/nav_bg.gif) top left no-repeat; height: 35px;}
#siteNav a { text-decoration: none; display: block; }
#siteNav ul { margin-left: 15px; padding-top: 4px; }
#siteNav li { float: left; position: relative; font-size: 12px; text-align: center; font-weight: bold; background: transparent url(/images/design/site_nav_hover_bg.gif) bottom right no-repeat; }
#siteNav li a { padding: 8px 12px 8px 12px;background-color: #270800;}
#siteNav li a:link, #siteNav li a:visited { background: #340A00 url(/images/design/site_nav_borders.gif) bottom right no-repeat; color: #fff; }
#siteNav li a:hover { background: none; color: #fff; }
/* Automatic Page Highlighting */
#home #homenav a,
#home #aboutnav a,
#home #trainersnav a,
#home #groupnav a,
#home #hours-nav a,
#home #contactnav a,
#home #fittipsnav a,
#home #newsnav a,
#home #petteam a
{ margin-bottom: -1px; }
#home #homenav a:link ,#home #homenav a:hover,#home #homenav a:visited,
#aboutus #aboutnav a:link ,#aboutus #aboutnav a:hover,#aboutus #aboutnav a:visited,
#trainers #trainersnav a:link ,#trainers #trainersnav a:hover,#trainers #trainersnav a:visited,
#group #groupnav a:link ,#group #groupnav a:hover,#group #groupnav a:visited,
#hours #hours-nav a:link ,#hours #hours-nav a:hover,#hours #hours-nav a:visited,
#contact #contactnav a:link ,#contact #contactnav a:hover,#contact #contactnav a:visited,
#fittips #fittipsnav a:link ,#fittips #fittipsnav a:hover,#fittips #fittipsnav a:visited,
#news #newsnav a:link ,#news #newsnav a:hover,#news #newsnav a:visited,
#petteam #petteamnav a:link ,#petteam #petteamnav a:hover,#petteam #petteamnav a:visited
{ background-color: #ffffff; background-image: none; cursor: default; color: #37454e; border-bottom: 1px solid #fff; }
#home #homenav ul,
#home #aboutnav ul,
#trainers #trainersnav ul,
#group #groupnav ul,
#hours #hours-nav ul,
#contact #contactnav ul,
#fittips #fittipsnav ul,
#news #newsnav ul
{ padding-bottom: 1px; }
/* @end */
/* @group PageNav */
#pageNav h3 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 25px; padding-left: 25px;color: #587788;}
#pageNav ul { margin-bottom: 40px; }
#pageNav li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 40px; }
#pageNav li a:link, #pageNav li a:visited, #pageNav li a:hover { text-decoration: none;}
#pageNav li a:hover { background: #f1f5f7 url(/images/design/sidemenu_hover_border.gif) top left repeat-y; }
#pageNav li.current a { background: #fff url(/images/design/sidemenu_current_border.gif) top left repeat-y; }
#pageNav li.feedLink a { background: transparent url(/images/design/feed_icon.gif) center right no-repeat; }
#pageNav li.feedLink a:hover { background: #f1f5f7 url(/images/design/feed_icon.gif) center right no-repeat; }
#pageNav li .icon { float: right; margin-top: 5px; }
#pageNav .smallMenu li { line-height: 26px; }
#pageNav .quote .statement { font-family: Georgia, serif; font-size: 14px; line-height: 20px; }
#pageNav .quote .author, #pageNav .quote .site { font-family: Georgia, serif; font-size: 12px; line-height: 16px; }
#wrapperWit #pageNav { float: right; width: 255px; }
#pageNav .subMenu li { background: transparent url(/images/design/sidemenu_item_border.gif) bottom left no-repeat;}
#pageNav .subMenu li a { display: block; padding-left: 25px; }
#pageNav .smallMenu { padding: 0 25px; }
#pageNav h3.smallMenu { margin: 0 25px; padding: 0; }
#pageNav .smallMenu li a { display: block; }
#pageNav .quote { padding: 0 25px; margin-bottom: 25px; }
#pageNav .quote .statement { margin-bottom: 10px;}
#pageNav h3.smallMenu { background: transparent url(/images/design/sidemenu_item_border.gif) bottom center no-repeat; }
#pageNav .smallMenu li { background: transparent url(/images/design/sidemenu_item_border.gif) bottom center no-repeat; }
#pageNav .smallMenu li a:hover { background-image: none; }
#pageNav .quote .statement { color: #526e80; }
#pageNav .quote .author, #pageNav .quote .site { color: #7c919e; }
/* @end */
#header { clear: both; background-color: #fff; width:925px;}
#header h1 { margin: 20px 0 0 0; padding: 10px;}
/* -------------------------
PAGE NAV
---------------------------*/
/**/
#wrapperWit #pageNav {
float: right;
width: 256px;
}
/* -------------------------
STRUCTURE
---------------------------*/
#header { clear: both; }
#wrapperWit { background: transparent url(images/design/wrapper_page-white.gif) top left repeat-y; border-top: 1px solid #fff; }
#wrapperWit #content { width: 620px; padding:0 0 20px 25px;float:left; }
#wrapperWit #gooey { background: transparent url(images/design/wrapper_page_bottom.gif) bottom left no-repeat;}
#content { color: #444; padding-top: 1px; }
#content p { font-size: 14px; line-height:1.5em; padding: 0 0 10px 0;}
#content h3 { margin: 0; padding: 0; line-height: 1em; font-size: 14px; padding: 10px 0 5px 0; margin: 0;color:#333; }
#content h1 { margin: 0; padding: 0; line-height: 1em; font-size: 22px; padding: 10px 0 5px 0; margin: 0;color:#333; }
#sidebar { float: right; width: 205px;padding: 0 25px; margin: 35px 0; }
#sidebar p{padding:4px 0; line-height:15px;}
#sidebar h3 { padding-bottom:6px;}
#sidebar ul { margin-bottom:15px; padding: 0 0 0 25px; list-style-type: disc;line-height:16px;}
#sidebar ul li{ padding:2px 0;}
#sidebar #posters {padding: 0; margin: 20px 0 20px 0;}
#sidebar #posters img {padding: 3px; margin-bottom: 15px; background-color: #330000;}
#pet-highlight {
width: 575px;
background: url(/images/site-structure/pet-highlight.jpg) top left no-repeat;
margin: 0 0 20px 0;
padding: 20px;
height: auto;
}
#pet-highlight .pet-image {
float: left;
margin: 10px;
padding: 10px;
background-color: #ffffff;
}
#pet-highlight h1 {
font-size: 25px;
padding: 10px;
color: #ffffff;
}
#pet-highlight p {
font-size: 13px;
line-height: 1.5 em;
color: #ffffff;
}
/* -------------------------
HOME PAGE
---------------------------*/
#home #wrapperWit { background-color: #fff; background-image: none; border-top: 1px solid #fff; }
#home #wrapperWit #content { width: 925px; padding:0 0 20px 0px;}
#get-active #wrapperWit { background-color: #fff; background-image: none; border-top: 1px solid #fff; }
#get-active #wrapperWit #content { width: 925px; padding: 20px 20px 20px 20px;}
#home #wrapperWit #gooey { background: transparent url(/images/design/wrapper_bottom.gif) bottom left no-repeat; }
#get-active #wrapperWit #gooey { background: transparent url(/images/design/wrapper_bottom.gif) bottom left no-repeat; }
#get-active #wrapperWit #gooey #content { color: #444; padding-top: 1px; }
#get-active #wrapperWit #gooey #content p { font-size: 14px; line-height:1.5em; padding: 0 15px 0 0; margin: 0 0 10px 0;}
#get-active #wrapperWit #gooey #content h3 { margin: 0; line-height: 1em; font-size: 14px; padding: 10px 0 5px 0; color:#333; }
#get-active #wrapperWit #gooey #content h1 { margin: 30px 0 0 0; line-height: 1.5em; font-size: 40px; padding: 10px 0 10px 0; color:#333; }
#get-active #wrapperWit #gooey #content ul { margin-bottom:15px; padding: 0 0 0 25px; list-style-type: disc; font-size: 14px; line-height:1.5em; }
#get-active #wrapperWit #gooey #content ul li { padding:2px 0;}
#get-active #wrapperWit #gooey .get-active-schedule { margin: 5px 40px 5px 0; padding: 50px; line-height: 1em; color:#333; }
.color-red { color:#CC0033; }
.time { margin: 0 7px 0 0; padding: 2px 5px 2px 5px; background-color: #000000; background-image: none; color: #ffffff; font-weight: bold; }
#home #content h3 { font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: normal; letter-spacing: -.01em; margin: 0; padding: 0; line-height: 1em; text-align: left; font-size: 25px; padding: 25px 0 10px 0; margin: 0;color:#FF3A00; }
#home #content h4 { margin: 0; padding: 0; line-height: 1em; font-size: 14px; padding: 10px 0 5px 0; margin: 0;color:#333; }
#home_banner { background: #fff url(/images/design/mf_banner.jpg) top left no-repeat;height: 271px; width: 900px;padding-right:25px;}
#home_banner #news_home { float: right; width: 430px; color: #000; margin: 38px 15px 0 0; line-height: 1.5em;}
#home_banner #news_home h5 { color: #000; font-size: 130%; font-weight: bold;}
#home_banner #news_home p { margin: 8px 0 10px 0; font-size: 110%; line-height: 1.5em;}
#home_banner ul li { clear: left;}
#home_banner ul li a { color: #000; padding: 12px 5px 10px 5px; display: block; width: 200px; }
#home_banner ul li a:hover { background: transparent url(/images/design/png_hover.png) top right no-repeat; text-decoration: none;}
#home_banner ul .icon { float: left; padding: 0; width:38px;margin-right:10px; }
#home_banner ul a em { font-size: 11px; color: #333; font-style: normal;}
#home_banner .feature {font-size: 13px; font-weight:bold; width: 152px;height: 13px; float:left; display:block;padding-bottom:2px;text-shadow: 0px 0px 0px #fff;}
#banner {
float: right;
position: relative;
margin: 20px 15px 0 20px;
border: 1px solid black;
}
#home .plans { width: 175px; padding-left: 25px; margin: 8px 0 0 0; float: left;}
#home .plans ul{ margin: 0; padding: 5px 0 10px 20px; list-style-type: disc; font-size: 11px;}
#home .plans ul li { padding: 1px 0;}
#home .plans h4 { padding: 0; margin: 0;}
#home .plans p { margin: 0 0 5px 0; padding: 0; color: #666; }
#home .price { font-weight: bold; color: #666; font-size: 13px;}
#home .price span { font-size: 16px; color: #333;}
#home #special_casing { width: 625px; padding-left: 5px; margin: 10px 35px 0 15px; float: left;}
#home .homepage-banner { padding-left: 20px; float: left;}
#home #special_casing h1 { font-size: 15px; font-family: arial black; padding: 0; color: #666; margin: 5px 0 5px 0 ;}
#home #special_outside { width: 550px; margin: 5px 0 0 0; padding: 5px; border: 2px dashed #000; float: left;}
#home #special_inside { width: 525px; margin: 0 0 0 8px; background: #993300 url(/images/design/special_bg.jpg) no-repeat bottom right; padding: 5px; border: 0;}
#home #special_casing #extraspecial { width: 550px; margin: 20px 0 0 0; float: left;}
#home #special_inside #months { float: left; position: relative; width: 300px; color: #fff; padding: 0; margin: 10px 0 20px 10px;}
#home #special_inside #price { float: right; position: relative; width:200px; padding-rught:25px;; margin: 8px 0 20px 0;font-case:upper; font-weight:bold; font-family:arial black; font-size:15px;color:#ffcc00;}
#home #special_inside #price .cost { float: right; width:200px;margin:0;font-case:upper; font-weight:bold; font-family:arial black; font-size:35px;color:#ffffff;line-height:1em;}
#home #special_inside .terms { clear: both; width: 600px;color: #ffffff;; padding-left: 15px; margin: 8px 0 10px 0;}
/* -------------------------
FOOTER
---------------------------*/
.hosting_logos { text-align: center; padding: 15px 0 0 0;}
#footer { font-size: 11px; margin-top: 16px;background: #fff url(images/design/footer_bottom.gif) bottom left no-repeat; }
#footer .item .details { line-height: 15px; }
#footer .item { float: left; padding: 0 20px;background: transparent url(images/design/footer_borders.gif) bottom right no-repeat;}
#footer .one { width: 348px;}
#footer .two { width: 200px;}
#footer .three { width: 248px; }
#footer .three img { margin: 10px 0 0 20px; padding: 2px; }
#footer .three img a { border: 1px solid #ccc; }
#footer .image { float: left; }
#footer .details { min-height: 30px; }
#footer h4 { margin: 20px 0 5px 0; height: 22px; }
#footer .last { background: transparent; }
#footer li { background: transparent url(images/design/bullet.gif) 0 2px no-repeat;padding: 0 0 6px 15px;}
#footer .footer_button {margin:10px 0 20px 0;}
#footer .three ul {
padding:3px 0 0 0;
}
#footer .three li {
padding:0 0 0 15px;
}
#footer ul.ci_sites { float:left; padding-left:20px;width:126px}
#sidebar ul.ci_sites { margin: 0;padding: 5px 0 10px 20px;list-style-type: none;font-size: 11px;}
#footer ul#support li { float: left; }
#footer ul#support li.groupOne { width: 100px; }
#footer #elements { background: transparent url(images/design/footer_top.gif) top left no-repeat; }
#copyright { margin: 20px 0; color: #C2CAC5;font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; text-align: center; }
#copyright a:link, #copyright a:visited { color: #fff; }
#postimages {
float: right;
width: auto;
position:relative;
margin:10px 0 20px 15px; padding:5px;
background-color: #26221b;
}
#postimagesleft {
float: left;
width: auto;
position:relative;
margin:10px 15px 20px 0; padding:5px;
background-color: #26221b;
}
#postimages img{
margin:10px 15px 0 15px; padding:0;
}
#postimagesleft img{
margin:10px 15px 0 15px; padding:0;
}
.postimagescaption {
width: auto;
color: #fff;
margin:0 0 0 10px; padding: 10px;
background-color: #26221b;
}
/* -------------------------
trainers
---------------------------*/
#trainerinfo {
margin: 10px 0 50px 0;
padding: 0;
}
#trainerinfo h2 {
margin: 0;
padding: 0;
font-size: 110%;
}
#trainerinfo .photo {
float: left;
margin-right: 20px;
padding: 5px;
background-color: #006600;
}
#trainerinfo .photo a:hover {
background-color: #000;
}
#trainerinfo h4 {
margin: 20px 0 10px 0;
color: #000;
font-size: 20px;
}
#trainerinfo p {
margin: 0;
color: #000;
font-size: 120%;
}
#pix a {
border: 4px solid #444033;
margin: 0 5px 0 5px;
display:block;
float:left;
}
#pix a img {
width: 100px; height:75px;
}
#contact-info {
margin: 10px 0 0 0;
padding: 5px;
background-color: #cccccc;
height: 35px;
}
#contact-info li { float: left; position: relative; font-size: 12px; text-align: center; font-weight: bold; margin-top: 10px;}
#contact-info li a { padding: 10px 12px 10px 15px;}
#contact-info li a:hover { background: none; color: #fff; }
/* -------------------------
Posters
---------------------------*/
.postlist {
list-style: none;
margin: 1.5em 0 1.5em 0;
padding-left: 24px;
}
.postlist li {
padding: 0 0 5px 15px;
line-height: 1.5em;
background: url(images/design/postbullet.gif) no-repeat 0 2px;
}
/* -------------------------
Classes
---------------------------*/
#classes-day-left {
float: left;
position: relative;
width: 250px;
margin: 10px 20px 10px 0;
padding: 15px;
background-color: #333333;
}
#classes-day-left h4 {
margin: 0 25px 0 0;
color: #FFFFFF;
font-size: 120%;
}
#classes-day-left li {
margin:15px 15px 0 0;
color: #cccccc;
}
/* -------------------------
Misc
---------------------------*/
#contact-float {
float: right;
position: relative;
width: 225px;
margin: 20px 15px 0 15px;
padding: 10px;
background-color: #CCCCCC;
}
#contact-float li {
font-size: 110%;
margin: 15px 0 15px 0;
padding: 0;
}