body
{
background: #151515 url(../i/inside1.jpg) top center no-repeat;
font-family: "Myriad Pro", helvetica, arial, sans-serif;
font-size: 1.0em;
color: #fcfcfc;
z-index: 0;
}
body.homepage
{
background: #151515 url(../i/home1.jpg) top center no-repeat;
}

#wrapper
{
position: relative;
width: 980px;
margin: 0 auto 0 auto;
z-index: 0;
display: block;
overflow: hidden;
}
.level1
{
position: relative;
width: 980px;
height: 340px;
display: block;
overflow: hidden;
z-index: 100;
}

.level2
{
position: relative;
width: 980px;
height: 220px;
display: block;
z-index: 100;
}
.level3
{
position: relative;
width: 980px;
height: 140px;
display: block;
overflow: hidden;
z-index: 100;
}
.branding
{
position: relative;
width: 364px;
height: 340px;
display: block;
overflow: hidden;
margin: 0 auto 0 auto;
}
.brandingTop
{
position: relative;
width: 364px;
height: 71px;
display: block;
overflow: hidden;
text-indent: -9999em;
}
.brandingTop h1, .brandingTop h2, .brandingTop h3
{
font-size: 0.1em;
line-height: 0.2em;
text-indent: -9999em;
padding: 0;
margin: 0;
overflow: hidden;
}
.brandingLogoArea
{
position: relative;
width: 364px;
height: 256px;
display: block;
overflow: hidden;
}
.brandingLogoArea img
{
position: relative;
display: block;
margin: 0 auto 0 auto;
border: 0;
}
.brandingFoot
{
position: relative;
width: 364px;
height: 13px;
display: block;
overflow: hidden;
}
.brandingFoot h4
{
position: relative;
width: 364px;
height: 13px;
overflow: hidden;
text-indent: -9999em;
background: url(../i/headings/camarillo.png) top left no-repeat;
}

.mainNav
{
position: absolute;
display: block;
width: 981px;
margin: 0px 0px 0 0px;
padding: 0;
z-index: 200;
top: 28px;
height: 28px;
background: url(../i/menuBG.png) 0 0 no-repeat;
}

body.homepage .mainNav
{
position: absolute;
display: block;
width: 981px;
margin: 0px 0px 0 0px;
z-index: 200;
top: 351px;
}

.featured
{
position: relative;
display: block;
height: 160px;
width: 960px;
overflow: hidden;
padding: 49px 10px 11px 10px;
}
.fPanel
{
position: relative;
float: left;
display: inline;
margin: 0px 10px 0px 10px;
height: 160px;
width: 300px;
background: url(../i/featurePanel.png) top left no-repeat;
}
.fPanel .fpTop
{
position: relative;
height: 131px;
width: 300px;
display: block;
overflow: hidden;
}
.fPanel .fpFoot
{
position: relative;
height: 29px;
width: 300px;
display: block;
overflow: hidden;
}
.fPanel .fpTop #vidHolder, .fPanel .fpTop #benefitsHolder, .fPanel .fpTop #promoHolder
{
position: relative;
display: block;
margin: 9px 9px 0 9px;
height: 122px;
width: 282px;
background: url(../i/vidLarry.jpg) 0px -122px no-repeat;
overflow: hidden;
}
.fPanel .fpTop #benefitsHolder
{
background: url(../i/benefits.png) top left no-repeat;
}
.fPanel .fpTop #promoHolder
{
background: url(../i/nyPromoSmall.png) 0px -122px no-repeat;
}
.fPanel .fpTop #benefitsHolder ul
{
font-size: 0.2em;
text-indent: -9999em;
overflow: hidden;
}
.fPanel .fpTop #vidHolder a, .fPanel .fpTop #promoHolder a
{
position: relative;
display: block;
height: 122px;
text-indent: -9999em;
overflow: hidden;
width: 282px;
background: url(../i/vidLarry.jpg) 0px 0px no-repeat;
}
.fPanel .fpTop #promoHolder a
{
background: url(../i/nyPromoSmall.png) 0px 0px no-repeat;
}
.fPanel .fpTop #vidHolder a:hover, .fPanel .fpTop #promoHolder a:hover
{
background: transparent;
}
.fPanel .fpFoot h4
{
position: relative;
height: 26px;
width: 282px;
margin: 0px 9px 0 9px;
display: block;
text-indent: -9999em;
overflow: hidden;
}
h4.watchOurVideo
{
background: url(../i/headings/watchOurVideo.png) top left no-repeat;
}
h4.whyTrain
{
background: url(../i/headings/whyTrain.png) top left no-repeat;
}
h4.promos
{
background: url(../i/headings/promo.png) top left no-repeat;
}
h4.events
{
background: url(../i/headings/powerevent.png) top left no-repeat;
}

.fPanel .fpTop #eventHolder
{
position: relative;
display: block;
margin: 9px 9px 0 9px;
height: 122px;
width: 282px;
overflow: hidden;
}
.fPanel .fpTop #eventHolder .eventIntro
{
position: relative;
height: 51px;
width: 282px;
overflow: hidden;
display: block;
background: url(/i/powerevent/level1.png) top left no-repeat;
text-indent: -9999em;
}
.fPanel .fpTop #eventHolder ul
{
position: relative;
display: block;
height: 71px;
width: 282px;
overflow: hidden;
}
.fPanel .fpTop #eventHolder ul li.level2
{
position: relative;
display: block;
height: 23px;
width: 282px;
overflow: hidden;
background: url(/i/powerevent/level2.png) 0px -23px no-repeat;
}
.fPanel .fpTop #eventHolder ul li.level2 a
{
position: relative;
display: block;
height: 23px;
width: 282px;
overflow: hidden;
background: url(/i/powerevent/level2.png) 0px 0px no-repeat;
text-indent: -9999em;
}
.fPanel .fpTop #eventHolder ul li.level2 a:hover
{
background: transparent;
}

.fPanel .fpTop #eventHolder ul li.level3
{
position: relative;
display: block;
height: 22px;
width: 282px;
overflow: hidden;
background: url(/i/powerevent/level3.png) 0px -22px no-repeat;
}
.fPanel .fpTop #eventHolder ul li.level3 a
{
position: relative;
display: block;
height: 22px;
width: 282px;
overflow: hidden;
background: url(/i/powerevent/level3.png) 0px 0px no-repeat;
text-indent: -9999em;
}
.fPanel .fpTop #eventHolder ul li.level3 a:hover
{
background: transparent;
}

.fPanel .fpTop #eventHolder ul li.level4
{
position: relative;
display: block;
height: 26px;
width: 282px;
overflow: hidden;
background: url(/i/powerevent/level4.png) 0px -26px no-repeat;
}
.fPanel .fpTop #eventHolder ul li.level4 a
{
position: relative;
display: block;
height: 26px;
width: 282px;
overflow: hidden;
background: url(/i/powerevent/level4.png) 0px 0px no-repeat;
text-indent: -9999em;
}
.fPanel .fpTop #eventHolder ul li.level4 a:hover
{
background: transparent;
}

.level3Top
{
position: relative;
width: 980px;
height: 100px;
display: block;
overflow: hidden;
z-index: 100;
}
.footer
{
position: relative;
width: 980px;
display: block;
height: auto;
z-index: 100;
padding-bottom: 10px;
}
.footer p
{
width: 940px;
padding: 0px 20px 4px 20px;
font-size: 0.7em;
line-height: 1.1em;
vertical-align: middle;
font-weight: normal;
text-align: center;
color: #e0e0e0;
}
.footer p span
{
position: relative;
top: 1px;
font-size: 1.5em;
line-height: 1.5em;
padding: 0 2px 8px 2px;
}

#galleryImages
{
position: relative;
height: 0;
width: 0;
display: none;
overflow: hidden;
}
/*/////////////////////////

Inside Styles

/////////////////////////*/
.icTop
{
position: relative;
width: 980px;
height: 84px;
overflow: hidden;
display: block;
z-index: 100;
text-indent: -9999em;
}
.insideContent
{
position: relative;
width: 980px;
display: block;
z-index: 100;
}
.icCol1
{
position: relative;
float: left;
margin: 29px 52px 16px 23px;
width: 541px;
padding: 0 2px 0 2px;
display: inline;
z-index: 100;
overflow: hidden;
}
.icCol1 h3
{
width: 100%;
font-size: 1.2em;
line-height: 1.5em;
margin-top: 5px;
font-weight: bold;
}
.icCol1 p
{
width: 100%;
font-size: 0.9em;
line-height: 1.5em;
margin-top: 15px;
}
.icCol1 a
{
color: #fff;
font-weight: bold;
text-decoration: underline;
}
.icCol1 a:hover
{
color: #40a5ff;
}
.icCol2
{
position: relative;
float: right;
width: 360px;
height: 590px;
display: block;
z-index: 100;
overflow: hidden;
}
.icCol2 img
{
position: relative;
display: block;
}
.icCol2 a
{
position: relative;
height: 200px;
width: 239px;
display: block;
z-index: 150;
overflow: hidden;
margin: 12px 0 0 99px;
}
.icCol2 .pngLink
{
margin: -200px 0 0 99px;
text-indent: -9999em;
cursor: pointer;
}
/*/////////////////////////

form styles

/////////////////////////*/
fieldset
{
position: relative;
margin: 20px 0 20px 0;
display: block;
width: 490px;
border: 2px solid #6481c4;
padding: 20px;
background: #b2c0e0;
z-index: 100;
color: #222;
overflow: hidden;
}
.passForm
{
position: relative;
width: 490px;
overflow: hidden;
}
.passForm th
{
width: 200px;
padding: 15px 8px 3px 12px;
font-weight: bold;
font-size: 14px;
line-height: 18px;
vertical-align: top;
text-align: left;
}
.passForm th span
{
width: 100%;
display: block;
border-bottom: 1px solid #9da9c6;
}
.passForm td
{
padding: 8px;
vertical-align: top;
text-align: left;
}
.passForm tr.fields:hover
{
background: #c2d0f0;
}
input.std
{
position: relative;
display: block;
border: 2px solid #6481c4;
padding: 4px;
background: #fafafa;
width: 230px;
font-size: 14px;
line-height: 18px;
height: 18px;
vertical-align: baseline;
}
input
{
outline: none;
-moz-outline-width: 0;
}
.formSubmit
{
width: 480px;
display: block;
text-align: center;
}
.passForm #errors
{
padding: 12px;
color: #a00;
font-weight: bold;
font-size: 12px;
line-height: 16px;
}
.passForm #errors span
{
position: relative;
display: block;
width: 100%;
}
/*/////////////////////////

gallery

/////////////////////////*/
#sb-title-inner
{
font-size: 12px!important;
font-weight: normal;
line-height: 18px;
}
a.gImage
{
position: relative;
float: left;
display: block;
padding: 0;
margin: 0px 4px 4px 0;
height: 120px;
width: 120px;
overflow: hidden;
border: 2px solid #fff;
outline: none;
-moz-outline-width: 0;
}
a.gImage:hover
{
border: 2px solid #b00;
}
/*/////////////////////////

video page

/////////////////////////*/
div.videoCap
{
position: relative;
height: 104px;
width: 484px;
overflow: hidden;
display: block;
margin: 20px 0 0 0;
}
div.videoCap a
{
position: relative;
height: 100px;
width: 480px;
overflow: hidden;
display: block;
padding: 2px;
outline: none;
-moz-outline-width: 0;
border: none;
}
div.videoCap a:hover
{
padding: 0;
border: 2px solid #b00;
}
div.videoCap h4, div.videoCap p
{
left: 9999em;
}

/*/////////////////////////

Navigation

/////////////////////////*/
ul.nav
{
position: relative;
width: 879px;
padding-left: 102px;
height: 28px;
display: block;
z-index: 200;
}
ul.nav li
{
position: relative;
height: 28px;
display: inline;
z-index: 300;
float: left;
}
ul.nav li a
{
position: relative;
display: block;
background: url(../i/menu201002.png) no-repeat;
overflow: hidden;
text-indent: -9999em;
height: 28px;
width: 100%;
}
.nav .mmHome
{
width: 96px;
}
.nav .mmHome a
{
background-position: -102px 0px;
}
.nav .mmHome a:hover
{
background-position: -102px -28px;
}

.nav .mmMedia
{
width: 143px;
}
.nav .mmMedia a
{
background-position: -198px 0px;
}
.nav .mmMedia a:hover
{
background-position: -198px -28px;
}

.nav .mmMembership
{
width: 137px;
}
.nav .mmMembership a
{
background-position: -341px 0px;
}
.nav .mmMembership a:hover
{
background-position: -341px -28px;
}

.nav .mmNutrition
{
width: 127px;
}
.nav .mmNutrition a
{
background-position: -478px 0px;
}
.nav .mmNutrition a:hover
{
background-position: -478px -28px;
}

.nav .mmDirections
{
width: 134px;
}
.nav .mmDirections a
{
background-position: -605px 0px;
}
.nav .mmDirections a:hover
{
background-position: -605px -28px;
}

.nav .mmContact
{
width: 139px;
}
.nav .mmContact a
{
background-position: -739px 0px;
}
.nav .mmContact a:hover
{
background-position: -739px -28px;
}



.nav li ul
{
position: relative;
left: -9999em;
width: 139px;
height: auto;
display: block;
margin: 0;
padding: 0;
background: #222;
border: solid #666;
border-width: 0 2px 2px;
}
.nav li ul li
{
position: relative;
width: 139px;
display: block;
overflow: hidden;
float: none;
}
.nav li ul li a
{
height: auto;
position: relative;
width: 129px;
padding: 8px 5px 8px 5px;
font-size: 12px;
line-height: 16px;
color: #fafafa;
background: #222;
text-indent: 0;
}
.nav li ul li a:hover
{
background: #363636;
}

ul.nav li:hover ul, ul.nav .sfhover ul
{
left: 0;
}