﻿html{font-family:Arial; overflow:auto; font-size:80%; color:#333;height: 100%}
textarea{font-family:Arial; font-size:100%; color:#333;}
input{font-family:Arial; font-size:100%; color:#333;}
body{ height: 100%; margin: 0px; padding: 0px ; margin:2px 0 0 0; color:#333;  background: #181818 url(/images/global/Main_bg2.jpg) repeat-x; /*background:url(/images/background2.gif) repeat-x; */}
tr.alt{ background-color:#f3f1f2;}
#wrapper  { width: 895px; margin-left:auto; margin-right:auto; margin-top:0px; }
#main-div { width: 895px; margin-left:auto; margin-right:auto; margin-top:0px; background:white;overflow:hidden;border:solid 1px #000; padding-bottom:10px; }

#logo{ 
   /* text-align:center */ 
   height:56px;
   vertical-align:middle;


}

h1{color:#014C9A; margin:0px; padding:0px; font:bold 14.5pt Arial}
h2{color:#014C9A; margin:0px; padding:0px; font:bold 13pt Arial}
h4{color:#333; margin:0px; padding:0px; font:bold 10pt Arial}

#home{background:white; height:270px; padding-top:20px;border-bottom:solid 1px #999;}
#home-left{float:left; width:296px; padding:0 28px 0 28px}
#home-right{float:right}
#bottom{ text-transform:uppercase;}
#bottom h4{ padding:8px 0px 8px 0px}

.home-calendar{border-collapse:collapse; width:328px; border:solid 1px #cccccc}
.home-calendar thead{background:url(/images/calendar/main-background.gif);}
.home-calendar th{ color:#fff; height:24px; padding-left:6px; text-align:left; text-transform:none}
.home-calendar tr{ height:24px}
.home-calendar td{ text-transform:none;padding:6px}
.class-name{ background-color:#999999; width:1%; border-right:solid 1px #666666; white-space:nowrap}

#bottom{height:150px;width:895px;padding-top:15px;}
#bottom-left{float:left !important; width:296px; padding:0 20px 0 20px}
#bottom-right{float:right !important;}

#menu {background:url(/images/global/Nav_Off_bg.jpg) repeat-x; height:52px; border-bottom:solid 1px #999;}
#menu ul {font-size:90%; display:inline; list-style-image:none; list-style-position:outside; list-style-type:none; margin-left:0; padding-left:0;}
#menu li {display:inline; float:left; text-align:center;}
#menu ul a{ color:#666666; font-size:14px; font-weight:bold; display:block; padding:20px 6px 4px 6px; height:29px; width:110px; text-transform:uppercase; text-decoration:none; white-space:nowrap;}
#menu ul a.personal-training{width:151px}
#menu ul a:hover{ background:url(/images/global/Nav_On_bg.jpg) repeat-x; text-decoration:none; color:white}
#menu .active{background:url(/images/global/Nav_On_bg.jpg) repeat-x; text-decoration:none; color:white}


#page{}
#page-header{height:129px; border-bottom:solid 1px #999;}
#page-header div{float:right; height:129px; width:170px; /* padding:12px 16px; text-align:right; */  line-height:22px; background:url(/images/global/Nav_Rt_bg.jpg) repeat-x;}
#page-header a{text-transform:uppercase; color:#333; text-decoration:none; font-weight:bold }
#page-content{float:none}
#content-header{line-height:20px; padding:16px 16px 0px 16px }
#content-header h4{font:bold 16pt Arial}
#content-body{padding:10px 15px 10px 15px;}

.our-club{ padding: 0px 16px 0px 16px}
.our-club h3{margin:10px 0px 2px 0px}
.club-hours { border-collapse:collapse}
.club-hours-day{ padding-right:8px}

/*Personal Trainer*/
.pt-over{ background-color:#FE9900}
#pt-content{overflow: auto;width: 100%}
#pt-content-left{float:left;}
#pt-content-left a{color:#0755A8;  padding:3px; display:block; text-decoration:none;  border:solid 1px transparent; font-weight:bold}
#pt-content-left a.active{ background-color:#0755A8; color:#FFFFFF; border:solid 1px #FE9900}
#pt-content-right{float:right;}
#pt-content table{ border-collapse:collapse}
#pt-content td{ vertical-align:top}
.pt-info{ margin-left:20px}
.pt-info h3{ margin:0px 0px 12px 0px;}  
.pt-info ul{ margin:0;padding:0 0 18px 14px}
#pt-years{ padding:14px 0px 14px 0px;}
.pt-info li{ margin:0; padding:0;}  
.pt-left{width:580px; margin-right:10px; padding:10px;}
.pt-left td{ vertical-align:top}
.pt-right img{ border:solid 1px #999; padding:8px; margin:2px}

/*Membership*/
#membership{width:100%}
#membership-left{width:200px}
#membership-right{vertical-align:top}
#membership-center{ vertical-align:top;}

/*Contact*/
#contact-container{ /* height: 500px */ }
#contact-card{ height:170px; width:440px; border:solid 1px #333; padding:8px; background:url(/images/contact/contact_bg.jpg)}
#contact-card img{ float:left; margin-right:10px}
#contact-card h4{ margin:0px 2px 12px;}

#contact{ width:100%}
#contact td{ vertical-align:top;}
#contact-map{ /* text-align:right */ padding-right:20px;}
#contact-map-view {color:#333; text-decoration:none; padding-right:48px}
#contact-center{}

#contact-form #submit-row { text-align:right}
#contact-form .inputbox,textarea{ width:280px}
#contact-lastname, #contact-firstname{ width: 135px}
#contact-form textarea{ height:100px}
#contact-form td{ vertical-align:top;}
#contact-form-submitted{font-weight:bold}
#contact-form-error{ border:solid red 1px; padding:4px; background-color:#ffd2d2}

/*Footer*/
#footer{ text-align:center; font-weight:bold; clear:both; padding-top:5px;padding-bottom:5px;color:#c8c8c8;}
#footer span{ margin-right:20px}


/*Specialties Pop Ups*/
.specialty{width:620px;}
.specialty .left{ border-right:solid 8px transparent}
.specialty .right{ vertical-align:top; text-align:right}
.specialty h4{white-space:nowrap}
.nutrition{width:520px;}
#facebox .body{ /*background: white url(/images/specialties/background2.png) repeat-x; */}
#facebox .footer{border-top:0px; margin-top: 0px; padding-top:0px}

/*classes*/
.classes{padding:16px 10px 0px 0px}
.classes td{ vertical-align:top}
.classes table{ border-collapse:collapse;}
#classes-left{width:218px; background: url(/images/classes/menu-background2.png) no-repeat;}
#classes-center{ padding: 0px 12px 0px 12px; width:380px;}
#classes-center h2{padding-bottom:8px;}
#classes-right{}
#classes-right td{ white-space:nowrap; padding:4px 4px 4px 12px;}
#classes-right th{ background:url(/images/calendar/header-background.png); padding:0px; margin:0px; border-bottom:solid 1px #033163; height:22px; }
#classes-right table{ border-collapse:collapse; border:solid 1px #033163; width:280px;}

.day{ color:#feffff; font-weight:bold; background-color:#0755a8;  }
.day-column{width:100px;border-right:solid 1px #033163;  width:55px;}
.am-column{ border-right:solid 1px #033163;  }
.no-class{ font-style:italic; color:#999999;}

.spin-header{background:url(/images/calendar/spin-header.jpg); height:51px; }
.ait-header{background:url(/images/calendar/ait-header.jpg); height:51px; }
.bodypump-header{background:url(/images/calendar/bodypump-header.jpg); height:51px; }
.boxing-header{background:url(/images/calendar/boxing-header.jpg); height:51px; }
.cardiocraze-header	{background:url(/images/calendar/ait-header.jpg); height:51px; }
.cardiokickboxing-header {background:url(/images/classes/kickboxing.png); height:51px; }
.ko7boxing-header{background:url(/images/calendar/ko7boxing-header.jpg); height:51px; }
.extremefitness-header{background:url(/images/calendar/Calendar_HeaderImage_Pilates.jpg) no-repeat; height:51px; margin-left:auto;margin-right:auto;}
.pilates-header{background:url(/images/calendar/pilates-header.jpg); height:51px; }
.lifestyletraining-header{background:url(/images/calendar/ko7boxing-header.jpg); height:51px; }
.evolution-header{background:url(/images/calendar/evo-header.jpg); height:51px; }
.zumba-header{background:url(/images/calendar/zumba-header.jpg); height:51px;}
#class-header{ border-bottom:solid 1px black;}

/*left nav for classes*/
#class-list-container{width: 216px; height:300px;}
#class-list{margin-left: 0; padding-left: 0; list-style-type: none; font-family: Arial;}
#class-list a {color: #004c98;  font-size:90%; display: block; padding: 6px; width: 203px; border:solid 1px transparent; font-weight:bold; }
#class-list-container a:link, #class-list a:visited{ text-decoration: none; }
#class-list-container a:hover{ background-color: #0755a8; color: #fff; border:solid 1px #fe9900; }
#class-list-container .active{background-color: #0755a8; color: #fff; border:solid 1px #fe9900;}

/*Home Page Services*/
#featured{ 
  width:240px; 
  padding-right:250px; 
  position:relative; 
  background:#fff;
}
#featured ul.ui-tabs-nav{ 
  list-style:none; 
  padding:0; margin:0; 
  width:160px; 
}
#featured ul.ui-tabs-nav li{ 
  padding:10px 0; padding-right:23px;  
  font-size:12px; 
  color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
  float:left; margin:2px 5px; 
  background:#fff; 
  padding:2px; 
  border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
  font-size:12px; font-family:Arial;
    text-transform:uppercase;
  font-weight:bold;
  line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
  display:block; 
  height:18px;
  text-decoration:none;
  text-align:right;
  color:#333;  background:#fff; 
  line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
  
}
#featured li.ui-tabs-selected{ 
  background:url('/images/home/Services_Triangle.gif') top right no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
  /*background:#ccc; */
    color:#ff6600;
}
#featured .ui-tabs-panel{ 
  width:327px; height:137px; 
  background:#999; position:relative;
  position:absolute; 
  top:0; left:159px;  
}
#featured .ui-tabs-panel .info{ 
  position:absolute; 
  top:180px; left:0; 
  height:70px; 
  /*background: url('images/transparent-bg.png'); */
}
#featured .info h2{ 
  font-size:18px; font-family:Georgia, serif; 
  color:#fff; padding:5px; margin:0;
  overflow:hidden; 
}
#featured .info p{ 
  margin:0 5px; 
  font-family:Arial; font-size:11px; 
  line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
  text-decoration:none; 
  color:#fff; 
}
#featured .info a:hover{ 
  text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
  display:none; 
}
#map_canvas { height: 100% }
