/* CSS Document */ * { margin:0; padding:0; } body { background:#000; color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:100%; height:100%; } body#home { background:#B1A9D0 url('/_images/HP/hp_stretch.jpg') top left repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } a { color:#ffffff; } a:hover { color:#CCCCCC; } p { color:#ffffff; padding:0; margin:0; } h2 { text-align:left; font-size:18px;} /* HIDE TEMPLATE/LOCATION PAGE MENU */ #menucontainer { visibility:hidden; display:none; } #menulist { visibility:hidden; display:none; } #main { position:relative; width:960px; } #intheader { position:relative; height:154px; width:960px; z-index:11; } #topNav { position:relative; width:960px; height:80px; left:0; top:0; margin:0; padding:0; list-style:none; text-indent:0; border:none; z-index:1000; } h3 { z-index:10; padding:0; margin:0; width:960px; height:74px; } #aboutus h3 { background:url('/_images/int/header-aboutus.jpg') top left no-repeat; } #crossfittraining h3 { background:url('/_images/int/header-crossfittraining.jpg') top left no-repeat; } #programsoffered h3 { background:url('/_images/int/header-programsoffered.jpg') top left no-repeat; } #locations h3 { background:url('/_images/int/header-locations.jpg') top left no-repeat; } #dailyblog h3 { background:url('/_images/int/header-dailyblog.jpg') top left no-repeat; } #events h3 { background:url('/_images/int/header-events.jpg') top left no-repeat; } #press h3 { background:url('/_images/int/header-press.jpg') top left no-repeat; } #forms h3 { background:url('/_images/int/header-forms.jpg') top left no-repeat; } #schedule h3 { background:url('/_images/int/header-schedule.jpg') top left no-repeat; } #history h3 { background:url('/_images/int/header-history.jpg') top left no-repeat; } #hours h3 { background:url('/_images/int/header-hours.jpg') top left no-repeat; } #tour h3 { background:url('/_images/int/header-virtualtour.jpg') top left no-repeat; } #opp h3 { background:url('/_images/int/header-onlineprograms.jpg') top left no-repeat; } #fitnesstraining h3 { background:url('/_images/int/header-fitnesstraining.jpg') top left no-repeat; } #sportstraining h3 { background:url('/_images/int/header-sportstraining.jpg') top left no-repeat; } #testimonials h3 { background:url('/_images/int/header-testimonials.jpg') top left no-repeat; } #trainer h3 { background:url('/_images/int/header-trainer.jpg') top left no-repeat; } /* Locations */ #moorpark h3 { background:url('/_images/int/header-moorpark.jpg') top left no-repeat; } #westlake h3 { background:url('/_images/int/header-westlake.jpg') top left no-repeat; } #right-bottom-Logo { position:absolute; z-index:1000; background:url('/_images/int/header-right.jpg') top left no-repeat; width:197px; height:106px; bottom:-32px; right:0; border:none; clear:both; } #bodyContainer { position:relative; width:960px; z-index:10; color:#ffffff; background:url('/_images/int/body-stretch-vertical.jpg') top left repeat-y; } #cDiv { padding:15px; height:373px; overflow:auto; } /* Scrolling Sections */ #outer { position:relative; top:15px; width:525px; height:375px; padding:3px; padding-top:0px; overflow:hidden; float:left; } #inner { position:relative; width:515px; padding:5px; } #scrollArea { position:relative; left:10px; top:15px; height:375px; width:10px; overflow:hidden; background:none; float:left; border:1px solid #333; } #scroller { position:absolute; top:0px; width:10px; height:0px; background:#600; cursor:pointer; } #locationIMG { display:block; width:272px; height:375px; overflow:hidden; position:absolute; top:22px; left:17px; } #leftBorder { background:url('/_images/int/border-left.jpg') top left no-repeat; width:31px; height:415px; } #pageImage { width:330px; height:415px; float:left; position:relative; } #aboutus #pageImage { background:url('/_images/int/image-left-aboutus.jpg') top left no-repeat; } #crossfittraining #pageImage { background:url('/_images/int/image-left-crossfit.jpg') top left no-repeat; } #programsoffered #pageImage { background:url('/_images/int/image-left-fitperform.jpg') top left no-repeat; } #locations #pageImage { background:url('/_images/int/image-left-locations.jpg') top left no-repeat; } #dailyblog #pageImage { background:url('/_images/int/image-left-leagues.jpg') top left no-repeat; } #events #pageImage { background:url('/_images/int/image-left-events.jpg') top left no-repeat; } #press #pageImage { background:url('/_images/int/image-left-press.jpg') top left no-repeat; } #forms #pageImage { background:url('/_images/int/image-left-forms.jpg') top left no-repeat; } #schedule #pageImage { background:url('/_images/int/image-left-contact.jpg') top left no-repeat; } #history #pageImage { background:url('/_images/int/image-left-contact.jpg') top left no-repeat; } #hours #pageImage { background:url('/_images/int/image-left-contact.jpg') top left no-repeat; } #tour #pageImage { background:url('/_images/int/image-left-contact.jpg') top left no-repeat; } #opp #pageImage { background:url('/_images/int/image-left-opp.jpg') top left no-repeat; } #fitnesstraining #pageImage { background:url('/_images/int/image-left-fitnesstraining.jpg') top left no-repeat; } #sportstraining #pageImage { background:url('/_images/int/image-left-sportstraining.jpg') top left no-repeat; } #testimonials #pageImage { background:url('/_images/int/image-left-testimonials.jpg') top left no-repeat; } #trainer #pageImage { background:url('/_images/int/image-left-opp.jpg') top left no-repeat; } /* Locations */ #moorpark #pageImage { background:url('/_images/int/image-left-locations.jpg') top left no-repeat; } #westlake #pageImage { background:url('/_images/int/image-left-locations.jpg') top left no-repeat; } #oppLOGIN { display:none; } #opp #oppLOGIN, #trainer #oppLOGIN { display:block; position:relative; background:#999999; width:200px; height:74px; border:1px solid #cccccc; margin-top:305px; margin-left:53px; } #opp #oppLOGIN #login_form, #trainer #oppLOGIN #login_form { margin:5px; display:block; } #opp #oppLOGIN #login_form input, #trainer #oppLOGIN #login_form input { border:none; color:#990000; } #opp #oppLOGIN #login_form #u, #trainer #oppLOGIN #login_form #u { width:180px; margin-bottom:5px; font-size:14px; } #opp #oppLOGIN #login_form #cleartext_password, #opp #oppLOGIN #login_form #p, #trainer #oppLOGIN #login_form #cleartext_password, #trainer #oppLOGIN #login_form #p { width:140px; margin-top:5px; font-size:14px; } #opp #oppLOGIN #login_form a.enter, #trainer #oppLOGIN #login_form a.enter { position:absolute; bottom:19px; right:11px; } #opp #oppLOGIN #login_form a.code, #trainer #oppLOGIN #login_form a.code { color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:11px; } #bodyContent { width:898px; text-align:justify; background:url('/_images/int/body-center.jpg') top left repeat-x; min-height:415px; height:auto !important; height:415px; } #rightBorder { background:url('/_images/int/border-right.jpg') top left no-repeat; width:31px; height:414px; } /* Footer Navigation images */ #footer { position:relative; width:961px; z-index:100; } #footerNav { width:961px; height:128px; } #footerNav img { float:left; } #bottomPanel_top { position:relative; width:950px; height:40px; text-align:left; z-index:950; } #bottom-link { position:absolute; top:0; right:10px; } #bottomNav { position:relative; right:0; padding:0px; z-index:1000; list-style:none; text-indent:0; border:none; } #bottomNav li { float:right; padding:0; margin-right:7px; font-size:10px; border:none; } #bottomNav a { color:#666; font-weight:normal; text-decoration:none; } #bottomNav a:hover { color:#444; } #moorpark #menucontainer, #westlake #menucontainer, #trainer #menucontainer { width:450px; height:20px; left:370px; top:150px; position:absolute; visibility:visible; display:block; } #moorpark #menulist, #westlake #menulist, #trainer #menulist { list-style:none; margin:0px; padding:0px; display:block; visibility:visible; } #moorpark #menulist li, #westlake #menulist li, #trainer #menulist li { margin:0px; padding:0px; float:left; } #moorpark #menulist li#active a, #westlake #menulist li#active a, #trainer #menulist li#active a { color:#FF0000; } #moorpark #menulist li a, #westlake #menulist li a, #trainer #menulist li a { color:#ffffff; font-weight:bold; padding-right:15px; text-decoration:none; } #moorpark #menulist li a:hover, #westlake #menulist li a:hover, #trainer #menulist li a:hover { color:#cccccc; } #trainerPic { overflow:hidden; position:absolute; top:20px; left:15px; background:#000000; border:1px red solid; width:274px; height:234px; }