* { margin: 0; padding: 0; }
html, body, div.wrap {
position: relative;
overflow:hidden;
}
body {
font-family: Arial, Helvetica;
font-size: 11px;
overflow:hidden;
}
#main {
padding-top: 50px;
}
img.bg {
margin-top:-33.333%;
position:absolute;
top:50%;
width:100%;
}
div.clear{clear:both}
div.panel {
width: 770px;
height: 615px;
position: relative;
margin: 80px auto 40px auto;
/*background: transparent url(../images/main_back.png) no-repeat top left;*/
}
div.content {
color: #000;
min-height:500px;
height:auto !important;
height:500px;
font-size: 14px;
position:relative;
top: 15px;
}
div.menu {
height: 40px;
right: 19px;
position: absolute;
text-align: right;
}
div.logo {
position:absolute;
left: 15px;
top: -65px;
z-index: 3;
}
div#calendar{
position:absolute;
margin-left: 20px;
margin-top: -440px;
visibility: hidden;
z-index:666;
}
div#day_pass{
position:absolute;
margin-left: 20px;
margin-top: -440px;
visibility: hidden;
z-index:666;
opacity: .90;
filter: alpha(opacity:90);
background-color: #000;
height: 406px;
width: 732px;
font-size: 20px;
}
div#day_pass_form{
width: 500px;
margin: 70px auto;
color: #fff;
}
div#day_pass_form form{
padding-top: 20px;
padding-left: 160px;
}
div#day_pass_form a{
color: #fff;
position: absolute;
right: 5px;
top: 0px;
text-decoration:none;
}
div#day_pass_form a:hover{
color:#999;
border-bottom: 1px dotted #999;
}
/* BOOK NOW*/
div#book_now{
position:absolute;margin-left: 20px;margin-top: -440px;visibility: hidden;
z-index:666;opacity: .90;filter: alpha(opacity:90);background-color: #000;
height: 406px;width: 732px;font-size: 20px;
}
div#book_now_form{
width: 500px;margin: 70px auto;color: #fff;
}
div#book_now_form form{
padding-top: 20px;padding-left: 160px;
}
div#book_now_form a{
color: #fff;position: absolute;right: 5px;top: 0px;text-decoration:none;
}
div#book_now_form a:hover{
color:#999;border-bottom: 1px dotted #999;
}
/*BOXING*/
div#boxing_now{
position:absolute;margin-left: 20px;margin-top: -440px;visibility: hidden;
z-index:664;opacity: .90;filter: alpha(opacity:90);background-color: #000;
height: 406px;width: 732px;font-size: 20px;
}
div#boxing_now_form{
width: 500px;margin: 70px auto;color: #fff;
}
div#boxing_now_form form{
padding-top: 20px;padding-left: 160px;
}
div#boxing_now_form a{
color: #fff;position: absolute;right: 5px;top: 0px;text-decoration:none;
}
div#boxing_now_form a:hover{
color:#999;border-bottom: 1px dotted #999;
}
/*PILATES*/
div#pilates_now{
position:absolute;margin-left: 20px;margin-top: -440px;visibility: hidden;
z-index:665;opacity: .90;filter: alpha(opacity:90);background-color: #000;
height: 406px;width: 732px;font-size: 20px;
}
div#pilates_now_form{
width: 500px;margin: 70px auto;color: #fff;
}
div#pilates_now_form form{
padding-top: 20px;padding-left: 160px;
}
div#pilates_now_form a{
color: #fff;position: absolute;right: 5px;top: 0px;text-decoration:none;
}
div#pilates_now_form a:hover{
color:#999;border-bottom: 1px dotted #999;
}
div#rsvp_div{
position:absolute;
margin-left: 20px;
margin-top: -440px;
visibility: hidden;
z-index:666;
opacity: .90;
filter: alpha(opacity:90);
background-color: #000;
height: 406px;
width: 732px;
font-size: 20px;
}
div#rsvp_div_form{
width: 500px;
margin: 50px auto;
color: #fff;
}
div#rsvp_div_form form{
padding-top: 20px;
padding-left: 160px;
}
div#rsvp_div_form a{
color: #fff;
position: absolute;
right: 5px;
top: 0px;
text-decoration:none;
}
div#rsvp_div_form a:hover{
color:#999;
border-bottom: 1px dotted #999;
}
div#donate_div{
position:absolute;
margin-left: 20px;
margin-top: -440px;
visibility: hidden;
z-index:666;
opacity: .90;
filter: alpha(opacity:90);
background-color: #000;
height: 406px;
width: 732px;
font-size: 20px;
}
div#donate_div_form{
width: 500px;
margin: 20px auto;
color: #fff;
}
div#donate_div_form form{
padding-top: 80px;
padding-left: 160px;
}
div#donate_div_form a{
color: #fff;
position: absolute;
right: 5px;
top: 0px;
text-decoration:none;
}
div#donate_div_form a:hover{
color:#999;
border-bottom: 1px dotted #999;
}
div.admin a{
color: #fff;
text-decoration:none;
}
div.admin a:hover{
color:#999;
border-bottom: 1px dotted #999;
}
div#day_pass_form input{
margin-right:100px;
}
div#events_calendar{
position:absolute;
margin-left: 20px;
margin-top: -440px;
visibility: hidden;
z-index:666;
}
div#testimonial {
position:absolute;
margin-top: -440px;
visibility: hidden;
z-index:666;
background: transparent url(../images/video_bg.jpg) repeat-x top left;
width: 770px;
}
div#closeCalendar, div#closeCalendar_events{
position:absolute;
top: 0px;
right: 0px;
}
div.close_vid{
position:absolute;
top: 0px;
right: 0px;
}
a#testimonials_link {
color: #fff;
font-size: 12px;
position: absolute;
right: 22px;
bottom: 30px;
text-decoration: none;
}
a#testimonials_link:hover {
text-decoration:underline;
}
div#calendar a, div#events_calendar a{
color: #fff;
text-decoration: none;
}
div#calendar a:hover, div#events_calendar a:hover{
border-bottom: 1px dotted #fff;
}
div#calendar img.closeButton, div#events_calendar img.closeButton{
margin-bottom: -3px;
}
div.rounded_top {
position:absolute;
}
div.rounded_bottom {
position:absolute;
}
img.main_pic {
margin: 0 auto;
height: 211px;
width: 730px;
}
img.slide_img {
opacity: 0;
position:absolute;
left: 20px;
}
a.email_link {
color: #fff;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}
a.email_link:hover{
color: #999;
}
div.address{
width:770px;
color: #fff;
font-size: 11px;
text-align:center;
margin-top: 7px;
}
div.footer {
bottom: -15px;
left: 0;
position:absolute;
}
div.cycling_info {
color: #fff;
width: 770px;
margin: 20px 0;
font-size: 11px;
}
div.cycling_info ul{
float: left;
width: 140px;
height: 100%;
padding-left: 20px;
}
div.cycling_info p#desc {
text-align: justify;
width: 440px;
float: left;
padding-left: 10px;
}
p.info{
padding: 20px;
color: #fff;
font-size: 11px;
}
p.info a{
color: #fff;
text-decoration: none;
}
p.info a:hover{
text-decoration: underline;
}
div.cycling_info div.buttons {
float: right;
width: 120px;
margin-left: 20px;
padding-right: 20px;
}
div.cycling_info div.buttons a{
width: 120px;
height: 26px;
background: transparent url(../images/button_bg.gif) no-repeat 50% 50%;
color: #fff;
display: block;
text-align: center;
text-decoration: none;
margin-bottom: 4px;
line-height: 28px;
}
div.cycling_info div.buttons a:hover{
text-decoration: underline;
}
a.map_link {
text-decoration:none;
margin-bottom: .1em;
color: #000;
}
a.map_link:hover {
border-bottom: 1px dotted #000;
}
div#pr_sidebar{
width:219px;
float:left;
padding: 15px 0 0 20px;
font-size: 11px;
}
/* gargantuan ul */
/* ul#main_nav */
ul{ list-style-type: none;margin-top: -2px; z-index: 50}
div.content ul#main_nav li{ display:inline; font-size: 14px; font-weight: bold;}
div.content li a{ color: #000; text-decoration: none;}
div.content li a:hover{ color: #fff;}
div.content li a.on{ color: #fff;}
/* ul.sub_nav */
div.content div.sub_nav { margin: 5px 0 10px 0; visibility: hidden; position:absolute;}
div.content div.sub_nav_right { margin: 5px 0 0 10px; visibility: hidden; position:absolute; right: 0px;}
div.sub_nav li{ display:inline; font-size: 12px; font-weight: bold; margin-right: 20px;}
div.sub_nav_right li{ display:inline; font-size: 12px; font-weight: bold; margin-left: 20px;}
/* ul.secondary */
div.content ul.secondary { text-align:center;}
div.content ul.secondary li{ font-size: 11px; font-weight: bold; color: #000; display: inline;}
div.content ul.secondary li a{ color: #000; text-decoration: none;}
div.content ul.secondary li a:hover{ color: #fff;}
div.content ul.secondary li a.on{ color: #fff;}
/* footsy links */
div.content ul.footsy { text-align:center;}
div.content ul.footsy li{ font-size: 11px; font-weight: bold; color: #fff; display: inline;}
div.content ul.footsy li a{ color: #fff; text-decoration: none;}
div.content ul.footsy li a:hover{ color: #999;}
div.content ul.footsy li a.on{ color: #999;}
/* sidebar */
.side { text-align:center;}
.side { font-size: 11px; font-weight: bold; color: #fff; display: inline;text-decoration: none;}
.side a{ color: #fff; text-decoration: none;}
.side a:hover{ color: #999;}
.side a.on{ color: #999;}
/* ul.classes */
ul.classes{ margin: 10px 0 0 19px;}
ul.classes li{ font-size: 15px; font-weight: bold; display: block;}
div.cycling_info li{
color: #999;
}
div.cycling_info li:hover{
color: #fff;
}
ul.pr_posts {
position:absolute;
cursor:pointer;
}
ul.pr_posts li{
color:#999;
}
ul.pr_posts li:hover{
color:#fff;
}
ul.pr_posts li a{
color:#999;
}
ul.pr_posts li a:hover{
color:#fff;
}
ul#events {
padding-top: 20px;
position:absolute;
width: 192px;
}
ul#events li{
color: #999;
margin-bottom: 4px;
display:inline;
}
ul#events li:hover{
color:#fff;
}
ul#events li a{
color: #999;
}
ul#events li a:hover{
color:#fff;
}
p.pr_p{
color:#fff;
position:absolute;
visibility:hidden;
padding-right: 20px;
width: 500px;
font-size:11px;
margin-top:14px;
}
div#pr_content {
width: 520px;
float: right;
}
div#pr_content_new {
width: 520px;
position: absolute;
top: 261px;
right: 0px;
}
ul#pr_years{
color: #fff;
padding-top: 7px;
cursor:pointer;
}
ul#pr_years li {
display: inline;
padding-right: 6px;
border-bottom:1px dotted #fff;
}
img.pr_image {
margin: 0 auto;
position:absolute;
visibility:hidden;
z-index:5;
}
img#BHAUSmedia {
position: absolute;
left: 20px;
bottom: 37px;
}
img.amenities_pic {
margin-left: 21px; ;
position:absolute;
visibility: hidden;
z-index: 5;
}
div.event-links {
display:none; !important
}
div.index div.header_images {
height: 240px;
width: 565px;
overflow: hidden;
position: relative;
}
div.index div.header_images a {
position: absolute;
left: 4px;
top: 4px;
z-index: 99;
}
div.slide {
height: 211px;
width: 730px;
position: absolute;
z-index: 1;
overflow: hidden;
margin-left: 21px;
}
div.slide img {
position: absolute;
z-index: 2;
}
div.slide div {
position: absolute;
z-index: 3;
height: 0px;
bottom: 0px;
width: 730px;
margin-right: -9px;
opacity: .7;
filter: alpha(opacity:70);
/*background-color: #ffffff;*/
background: transparent url(../images/gradient.png) repeat-y 50% 50%;
}
div.slide h1 {
position: absolute;
z-index: 4;
width: 600px;
left: 60px;
bottom: 8px;
color: #0D476F;
font-weight: normal;
font-size: 22px;
}
div.slide span {
position: absolute;
z-index: 4;
left: 5px;
bottom: 2px;
color: #0D476F;
font-size: 50px;
}
a.splash_press_link{
font-size: 11px;
color: #fff;
text-decoration:none
}
a.splash_press_link:hover {
text-decoration:underline;
}
p.splash_p {
padding: 0 0 0 22px;
width: 572px;
float:left;
color:#fff;
font-size:11px;
}
div.admin tr td{
border-bottom: 1px dotted #999;
margin-bottom: 5px;
color: #bbb;
}
div#olympic_vid{
position:absolute;
margin-left: 20px;
margin-top: -215px;
z-index:666;
background: transparent url(../images/video_bg.jpg) repeat-x top left;
height: 370px;
width: 732px;
font-size: 20px;
text-align:center;
padding-top: 50px;
left: 0px;
}
a.press_footer_link{
font-size:11px;
color: #fff;
text-decoration: none;
}
a.press_footer_link:hover{
text-decoration: underline;
color: #999
}
div#thumbnails {
width: 135px;
left: 22px;
position: absolute;
z-index: 50;
}
div#placeholders{
width: 135px;
left: 22px;
position: absolute;
}
div#thumbnails img{
float: left;
display: block;
margin-bottom: 4px;
cursor: pointer;
width: 30px;
height: 30px;
}
img.action_pic {
left: 22px;
height: 211px;
position: absolute;
}
div.trainer_p{
top: 20px;
position: absolute;
visibility: hidden;
}
h3.trainer_name{
position: absolute;
left: 0px;
visibility: hidden;
}
a.contact_trainer_link{
position: absolute;
color: #fff;
right: 20px;
z-index: 500;
font-weight: bold;
}
a.contact_trainer_link:hover{
color: #666;
}
div#trainer_email{
position:absolute;
margin-left: 20px;
margin-top: -220px;
visibility: hidden;
z-index:666;
opacity: .90;
filter: alpha(opacity:90);
background-color: #000;
height: 200px;
width: 732px;
font-size: 20px;
}
div#trainer_email_form{
margin: 10px 20px;
color: #fff;
}
div#trainer_email_form form{
}
div#trainer_email_form a{
color: #fff;
position: absolute;
right: 5px;
top: 0px;
text-decoration:none;
}
div#trainer_email_form a:hover{
color:#999;
border-bottom: 1px dotted #999;
}
div.placeholder{
float: left;
margin-bottom: 4px;
background-color: #474747;
height: 30px;
width: 30px;
}
div#thumbnails2 {
position: absolute;
height: 418px;
top: 55px;
right: 6px;
width: 180px;
}
img.thumby {
float: left;
width: 30px;
display: block;
margin-bottom: 3px !important;
margin-right: 3px;
}
img.gallery_img{
width: 545px;
height: 393px;
position: absolute;
left: 24px;
visibility: hidden;
top: 55px;
}
div#empties {
position: absolute;
height: 418px;
top: 55px;
right: 6px;
width: 180px;
}
div.empy{
float: left;
width: 30px;
height: 30px;
display: block;
margin-bottom: 3px !important;
margin-right: 3px;
background-color: #555;
}